《响应式Web设计全流程解析》一导读

    xiaoxiao2024-02-19  159

    译者序

    响应式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章 创建设计手册

    最新回复(0)