首页 > 科技周边 > IT业界 > 伊桑·马科特(Ethan Marcotte)响应迅速的网页设计的挑战

伊桑·马科特(Ethan Marcotte)响应迅速的网页设计的挑战

Joseph Gordon-Levitt
发布: 2025-02-18 10:19:09
原创
227 人浏览过

这一剧集的版本节目与设计师Ethan Marcotte进行了对话,该设计师创造了“响应网络设计”一词。 David和Tim探索了响应式设计的起源,为不同用户调整内容的挑战以及响应式原型比静态模型的优势。他们还讨论了在设计过程中讨论的自我怀疑。

The Challenges of Responsive Web Design, with Ethan Marcotte

The Challenges of Responsive Web Design, with Ethan Marcotte

>通过iTunes订阅|通过Stitcher

订阅

关键讨论点:

  • > Marcotte突出显示了设备 - 敏捷的布局的创建,以适应任何屏幕大小,以构成一致的用户体验。
  • 讨论了从静态模型转移到客户端演示中互动响应式原型的转变,强调实时调整和反馈。
  • 响应式设计对传统固定宽度布局的影响,利用灵活的网格和媒体查询来提高可访问性和移动优先的方法。
  • 探索响应式设计的重大业务利益,援引了诸如波士顿环球报(Boston Globe)的用户参与度和运营效率的示例。>
  • 强调了综合设计和开发过程的重要性,促进沟通和协作原型。
  • 基于用户上下文的内容策略和量身定制内容交付,而不仅仅是屏幕尺寸,是关键主题。
  • 元素查询的未来可能性进一步完善了响应式设计,从而有可能降低对广泛的媒体查询的依赖。
  • >显示注释:
    • Twitter上的Ethan Marcotte:@beep
    • > Ethan的RWD Twitter帐户
    • > ethanmarcotte.com
    • > Karen McGrane(同事)
    • >媒体查询
    • >元素查询
    • “网页设计的道路”
    • > Marcotte的开创性“响应式Web Design”文章,
    • >
    • >波士顿环球
    • 细丝组
    • > Marcotte和McGrane的响应式Web Design Podcast
    • 在响应式Web Design播客
    • BBC新闻
    • Marcotte的书
    • 响应式网页设计>
    • >马科特的书
    • 响应式设计:模式和原理>
    • >旋转木马上的brad霜
    • boba fett
    • Twitter:@mdavidgreen | @tevko | @versioningshow | @SitePointDotcom
    >

    (成绩单摘录 - 下面包括关键对话重点的选择,但完整的成绩单在原始输入中可用。) “基本上,在一天结束时,它是假设您的设计没有完美的视图 - 我们可以创建这些没有理想的宽度和高度的布局;不管有多大或有多宽您的屏幕恰好是,我们可以为网络创建这些非常漂亮的,设备不合时宜的布局。

    “我开始在客户合同中收到有关建立iPhone网站的更多请求,这很奇怪。这只是让我思考,好吧,我们必须构建的下一个网站是什么?在某个时候,其他一些新事物将在移动网络上出现。

    >“他们开始谈论从中看到的所有业务利益,并发布这些指标和数据。这使媒体中的许多人和出版空间都坐下来并注意到,这真的很令人兴奋,非常令人兴奋。请参阅。”

    “设计合作伙伴从未在Virgin America上向客户展示静态的comp。基本上,从他们的第一次会议开始,他们就有一个响应迅速的原型 - 在很早的阶段,但是他们有一个原型浏览器,在不同的设备上。

    “而不是构建所有这些老鼠的媒体查询巢巢,这些查询处理所有这些不同的布局状况案例,如果我能拥有的,那么如果我能拥有某些东西,鉴于该容器的宽度,我想将此设计规则应用于这个特定的模块,这将是巨大的,我认为这可能会取代我今天写的大部分媒体查询。

    此修订后的输出维护原始图像位置和格式,同时释义文本以获得原始文章的独特但语义上等效的版本。

以上是伊桑·马科特(Ethan Marcotte)响应迅速的网页设计的挑战的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板