译者序
响应式Web设计全流程解析
关于什么是正确的Web设计流程,这个问题没有统一的答案,探其原因,是因为Web设计是一门非常年轻的行业。
十几年前,Web设计是由传统的平面设计师兼职的,在之后十几年变化中,这一职位渐渐分裂为Web设计相关的各个职位,包括用户研究、交互设计、视觉设计、前端开发。这些职位的分割带来了设计流程上的隔阂,每个人成为流水线上的一环,专注于输出自己的“交付物”。交互设计师输出线框图、流程图以及可交互的原型。视觉设计师参考交互设计师的交付物,输出精美的视觉设计稿,如果是响应式设计,需要输出多份设计稿。前端工程师根据视觉设计稿来输出静态页面。
这一现象带来的弊端有:很慢的开发流程,在输出产出物上无谓地浪费了时间;在针对需求变更的时候不能很好地响应变化;在移动浪潮来临的时代因为要输出多份交付物,流程显得更慢;大家的工作方式更像是传统软件公司的流程,而不是互联网公司的流程。
本书作者Stephen对这一现象提出了自己的疑问,并给出了自己亲身实践的一套流程方案。
Stephen鼓励耦合度更高的设计流程:设计团队更加紧密地坐在一起,为同一个项目快速研发。
鼓励关注内容,关注基本内容的可用性,这样能确保在最糟糕的情况下,用户得到的网站也是可用的。
鼓励设计师身兼数职,不再区分交互设计师和视觉设计师,因为现在的交互线框图太具体明确,视觉设计师没有发挥才能的空间。
即使仍然保留交互设计师和视觉设计师的职位区分,也不再输出传统交互线框图,而是使用可迭代的交付物。交互设计师输出HTML页面,视觉设计师可以基于此来工作,避免时间浪费在交付物的输出上。
鼓励设计师学习一些自动化工具,比如简单的HTML和CSS、自动截图脚本、静态服务器等,把自己从无聊的大量输出中解放出来。
目 录
第1章 拥抱变化
1.1 精美设计稿的诞生
1.2 静态设计稿舒适区
1.3 专家的入侵
1.4 我们都是交互设计师
1.5 跳出瀑布模型
1.6 压死骆驼的稻草
1.7 屋里的大象
1.8 这并非福音书
1.9 这是个挑战
第2章 从内容开始
第3章 内容参考线框图
第4章 基于文本而设计
第5章 线性设计
第6章 断点图
第7章 为断点而设计
第8章 创建Web设计模型
第9章 截屏
第10章 成果展示:浏览器体验
第11章 创建设计手册