【弹性设计|设计词典】

文章正文
发布时间:2018-01-07 02:47

弹性设计有个让人摸不着头脑的别名:响应式设计。

自然那是对其英文原名 Responsive Design直译后的结果。至于究竟响应些什么,我们很难推知。

弹性设计的概念并不复杂,它指的是让同一套内容在不同属性——通常指屏幕尺寸、分辨率、网络状况等等——的介质上呈现时所需要的工作方法与思考方式。大多数情况下,我们谈论弹性设计指的是网页设计,因此用更浅白的话说,就是要把网站做到在手机、平板、电脑、和未来可能出现的无论什么平台上都一样好看好用。

移动互联网时代,人们消费内容时频繁切换设备和语境:在家里的沙发上捧着笔记本电脑读文章,突然被朋友拉出去吃饭,于是要在空间狭窄的地铁上用手机继续看完剩下的一半,这已经是我们每天经历的现实。可万维网(web)是一个跨平台开发环境,开发者享受着「一套代码跑在多个平台」的便利,却不知麻烦被留给了用户。弹性设计理念的提出是对开发者的一种提醒:技术上的便利有可能导致使用者的不便利。

虽然弹性设计一词是由伊森·马考特(Ethan Marcotte)于 2010年在 A List Apart网站的一篇文章里提出,但将同一套内容在不同的介质上呈现不仅仅是网页的需求。在图书出版界,如何处理作家的原稿,以便后期可以「一鸡两吃」——方便地为纸书和不同格式的电子书输出拷贝,仍然是一道无解的难题。这同样也属于弹性设计范畴。

弹性设计有很多层次。宣称自己「完美支持 iPhone」的网站是不是真的那么完美?在很多情况下,只要把页面宽度固定住,消灭那个横向滚动条,就已经能够满足 90%用户的需求。但产品经理在规划移动版网页时很可能出于工期和成本的考虑削减功能。结果,用户明明在手机上用着网页的移动版本(m.xxx.com),却为了某个功能不得不滚到页面底部点击「电脑版」,然后放大、移动、双击……这样的例子屡见不鲜。

换言之,弹性设计不仅仅是设计师要考虑的事。工程师需要平衡效率与客户需求,产品经理需要评估成本与可行性,但最重要的是,内容创作者在输出原稿时,就应该根据呈现内容的各种媒介选择恰当的格式与工作流程。这需要额外的学习;作家应该搞懂什么是「内容结构与样式分离」,漫画家要想清楚是否希望读者在智能手机的小屏幕上也能享受自己的作品。如果你的内容里有视频一类大尺寸素材,还需要结合用户的使用场景来综合考虑如何平衡内容品质与网络流量问题。弹性设计牵涉到工作流程中的每一步,是一种整体性的作业模式。

我们已经进入了媒介高度发达的时代,在不同尺寸的屏幕之间切换已成为内容消费的一部分。苹果和 Google今年在其各自的开发者大会(WWDCGoogle I/O)上都把多屏、多平台、多语境推向了新的阶段。在不远的未来,你的软件 UI与内容不但会出现在手机、平板和电脑上,还有可能出现在电视屏幕、手表和汽车上。与其将弹性设计视为某种「先进的设计理念」,不如说它是一种必须:至少在 UI和信息设计领域,所有设计都应是弹性设计。

我们做了一个壁纸应用,给你的手机加点好奇心。去 App商店搜 好奇怪下载吧。

文章评论
—— 标签 ——
首页
评论
分享
Top