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

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

>通过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中文网其他相关文章！