响应式网页设计如何改变世界

null

在Apple推出第一年的那一年IPad的,编码一个“桌面”网站和一个“移动”网站的旧方法变得越来越站不住脚。随着越来越多的设备上线,网页设计迫切需要一个大胆的新战略。

它以一篇文章的形式到达Ethan Marcotte在A List上。它从John Allsopp的文章中汲取灵感,网页设计之道,并研究了建筑原理,以解释我们如何创建无缝适应不同屏幕环境的布局,同时仍然保留最佳的打印设计原则。

其余的都是历史。他的文章题为响应式网页设计,推出了一种简单,优雅,有效的新方法,被业界迅速采用为设计网站的标准方式,至今仍然如此。

马科特随后跟进一本同名的书在2011年,Mashable称2013年为“响应式网页设计年”。今天,从曼谷到波士顿,圣保罗到悉尼,每当有人开始从事网页设计工作时,很可能会有回应。

Ethan Marcotte literally wrote the book on Responsive Web Design, as well as the original article

Ethan Marcotte写了一本关于响应式网页设计的书,以及原始文章

所以可以说Marcotte有权对自己感到有些满意。但是他对整个事情的表现非常谦虚。 “我仍然感到惊讶的是,响应式设计取得了成功,”他反思道。 “我非常诚恳地说这句话:我遇到了一个出版截止日期。我写了一篇文章。当我把它打开时,我认为这将是它的结束。它爆炸的方式令人恐惧和羞辱。”

他补充说,虽然他可能是第一个将所有部分组合在一起的人,但响应式设计在某些方面是不可避免的。 “核心理念与人们如此共鸣的方式表明,如果我没有提出它,其他人就会有。因为我们的设计方式,它只是不可持续。”

还在搞清楚

虽然马科特今天继续策划@rwdTwitter账户,他分享了有用的文章和有趣的重新设计的链接,他当然不觉得他'拥有'响应式设计,或者应该被视为它的仲裁者。

“多年以来,我认为有些人会向我看,好像我已经找到了我们所面临的一些挑战的答案,”他说。 “但我现在很多人都在讨论这个问题。所以我不认为自己是响应式设计的拥有者,无论如何。我正试图弄清楚如何设计我每天都在自己的实践中回应。“

Ethan talking turkey with another web design legend, Jeffrey Zeldman

Ethan与另一位网页设计传奇人物Jeffrey Zeldman谈论火鸡

当然,他仍然愿意分享他的观点。 “有些人恭请我为他们的书籍提供前言,因为我一直在谈论他们感兴趣的一些话题,”他说。 “而其他人则非常友好地向我发送他们认为值得拥有更多观众的文章或重新设计;我很乐意为此提供帮助。但我绝对不觉得我可以控制自适应设计,或者这是我的事情。 “

对于创建最佳数字体验的响应式网页设计始终是“正确而真实的道路”的想法,他也没有好斗。

“我们的行业倾向于互相提出想法,”他说。 “你可以通过响应式设计与特定于设备的体验,响应式设计与自适应设计来看到这一点。甚至可以像原生与网络,移动与桌面一样广泛。我们倾向于用这些二进制术语来思考问题。就像这样,或者就是这样,直到有更好的东西出现。“

然而,这从未是Marcotte对网络的体验。 “在我的工作中,从来没有一种最好的设计方法或解决问题的方法。最终的问题是,在我们处理的任何限制条件下,以最有效的方式帮助我们为客户和利益相关者解决问题。 “

也就是说,这种方式通常是响应式设计。 “我一直与那些做本土工作的客户合作,”他说。 “但是,当我与他们谈论战略时,这真的是一个问题,即什么能帮助他们吸引最广泛的受众。而且总是,这就是网络,并为基于网络的设计创造响应式体验。

“这并不是说如果他们遇到问题,我不会敦促他们寻找有趣的原生解决方案,”他说。 “但总的来说,投资于与设备无关,美观的响应式布局将是最佳的入门方式。而且它可能会带来一些有趣的方法。”

新挑战

但网络世界正在快速变化。当我们谈论智能手机,平板电脑和台式电脑时,与设备无关的设计可能会起作用。但响应式设计能否在新设备的海啸中幸存下来?

“我觉得这是一场正在进行的对话,”马科特回答道。 “例如,我与一位客户合作,推出了漂亮的响应式重新设计,然后几个月后我们开始从Google Glass获取屏幕截图。这不是我们启动网站时甚至还没有发明的设备。可能不是遇到设计或内容的最佳方式......但它仍然可以访问。“

Having written the book on RWD, Ethan later wrote the book on responsive design patterns

在撰写了关于RWD的书之后,Ethan后来写了关于响应式设计模式的书

道德是什么? “首先考虑将网络作为一种灵活的设计媒介意味着当这些有趣的边缘情况出现时,因为你已经尽可能正确地设计了它,这将使你在将来释放时说:'好吧,所以这里有一个设备正在获得对我们的观众有一些真正的吸引力,我们想要探索什么样的解决方案呢?是关于改进我们的响应方法,我们是否根据上下文调整它?或者它可能是更加个性化和离散的东西?'“

举个例子,他指出了智能手表。 “当它在一个小小的屏幕上时,网络会发生什么?”他问。 “谁知道:再次感觉很早,Apple Watch现在并不是真正的网络友好体验。”

“但是,如果你去YouTube,你可以找到很多人在Android Wear设备上浏览响应式设计的精彩视频。它可能不太理想,也可能不受欢迎。但是,通过设置灵活的设备不可知设计,我们'至少让那些观众可以获得一些东西。“

保持接地

在整个谈话过程中,Marcotte不断将所有内容带回客户工作中。很明显,这对他来说和在会议上发言一样重要,为他的博客写文章,以及他最新作品等书籍,响应式设计:模式与原则

“我一直在旅行,这很棒,但它需要在谈论工作和工作之间进行混合,”他反思道。 “因为我觉得有人告诉对方。我在会议上与人们交谈时学到的东西,我带回到我的实践中,以及我为客户设计的东西,我真的很兴奋,想与大家分享更大的观众。“

不过,平衡是他一直想弄清楚的。 “旅行需要很多人,”他指出。 “所以今年,我真的专注于客户工作。我已经减少了许多演讲活动,并且真的试图专注于一些实际的设计并与一些优秀的人合作。”

有趣的是,在由“假新闻”主导的一年中,这些优秀人才包括两个创新的媒体组织,Source'sOpenNews项目和独立的非营利新闻编辑室ProPublica

Marcotte has been working with Source and ProPublica, a pair of innovative media organisations

Marcotte一直与Source和ProPublica合作,这是一对创新媒体组织

“来源正在帮助在全球新闻编辑室工作的设计师和开发人员讲述他们如何制作作品的故事,”Marcotte解释说。 “例如,他们将来自不同新闻机构的两年数据和互动可视化结合起来,用于解决美国枪支暴力问题。”

“它是围绕这个非常困难的问题所做的所有工作的存储库,但它也有助于推广可能已经制作这些故事的任何工具或框架或流程。为了让人们更容易获取它们,所以他们也可以如果需要的话,能够完成这项工作。“

Marcotte参与了为期一个月的Source设计冲刺,与团队密切合作,重新设计并运行。 “他们已经计划了很长一段时间,并且在我出现冲刺之前做了很多研究,所以他们做了大部分繁重的工作,”他回忆道。 “截止日期紧张,但最终他们是一个很棒的客户。”

和ProPublica一样。他说:“他们真正专注于一些非常棘手,内容丰富的问题,如腐败和以消费者为中心的故事。” “所以很高兴有机会以一种小的方式帮助他们。他们是一个非常快速移动的新闻编辑室,所以坐下看他们做他们的事情真好。”

尽管在战略层面思考方面非常有天赋,但Marcotte仍然喜欢亲自动手编写代码。 “我通常发现自己非常关注设计和前端工作的某些方面,”他说。

“即使我自己并没有直接参与实施布局,我通常也会努力确保我们遵守一些好的原则。确保我们不做任何会影响可访问性的决策,这会妥协建立快速,美观,响应迅速的设计。“

本文最初发表于第300期,这是全球最畅销的网页设计师和开发者杂志。购买问题300要么订阅这里

相关文章:



翻译字数超限