《响应式Web设计全流程解析》一1.6　压死骆驼的稻草

本节书摘来异步社区《响应式Web设计全流程解析》一书中的第1章，第1.6节，作者： 【美】Stephen Hay 译者： 余果 , 等 责编： 赵轩，更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.6 压死骆驼的稻草

对于本书理念的思考开始于四年之前，那时我正在跟进一个客户项目，在Photoshop模板中创建设计。Photoshop模板能表示对应的Web页面和页面中包含的元素。我们需要对这些页面进行清晰的描述才可以做设计稿。我们一般也是这么做的。但在这个项目里，做前端的公司要求每个元素必须在Photoshop文件里精确描述。如果链接是蓝的，那Photoshop模板文件里所有用到这个链接地方都得有所体现。我们不能简单标注下＂链接是蓝色的＂，因为Photoshop模板文件就是他们的文档。好吧这也是一般的做法，但是紧接着一件令我不爽的事发生了，客户反馈需要在段落间添加元数据，并且头部的尺寸要改，虽然这些在当时也很常见。接下来的两天，我所做的只是打开一个Photoshop模板文件，增加所需改动部分的高度，手工移动每一个像素，最终对每个Photoshop模板文件依法炮制。

如果这个项目是个该死的＂响应式＂设计项目会怎样？在100个Photoshop文档上做了相同的操作后（假设每个文档20页，五屏大小），我宁愿像个胎儿一样蜷缩在某个黑暗的角落。

当我意识到两天的工作量用两行CSS代码就能搞定时，我立刻决定再也不用Photoshop做模板了，并开始创造一种全新的、省时省力省脑细胞的工作流程。

2010年我成为了一名独立顾问，可以有机会实践我的新工作流程：客户必须无条件接受我的工作方式。我发现，不论对客户还是对我自己，这种方式效果都很好。并不是说这种方法没有自己的问题（这些问题现在仍然存在），但和瀑布流程相比，它更快、更简单、更有趣，客户也更喜欢看见从结构化内容到成品的整个设计演化流程。另外，无需我多言，他们也能看到并欣赏我们为一份设计稿的诞生所做的努力。

下一代响应式Web设计：组件驱动式Web设计 自从著名设计师 Ethan Marcotte（@beep）在 A List Apart上发表了一篇名为《 Responsive Web Design》的文章之后，响应式网页设计（RWD，即 Responsive Web Design）的身影就出现在了公众面前。自此就有了响应式 Web 设计这个概念。从提出这个概念到今天已经有十多年的时间了。在这十多年来，CSS 也发生了巨大的变化，新增了很多新的特
推荐这几个流程图设计器web开发方案 前沿：一个流程图设计器需要什么？一个是图的绘制能力、基于svg或者canvas来绘制各种形状的节点（矩形、圆形、多边形）以及线，一个是图与图之间的交互包括拖拽，节点之间的连线等，最后是画布面板的便捷性，其中包括：比如ps中的网格功能、对其线、步骤回撤、画布的可伸缩、快捷按钮等等，那前端社区有啥开源解决方案，方便我们快速开发一个属于自己的流程图设计器？
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区，也是国内领先的IT专业图书社区，致力于优质学习内容的出版和分享，实现了纸书电子书的同步上架，于2015年8月上线运营。公众号【异步图书】，每日赠送异步新书。