上周，我被老板告知，要写一篇关于Adobe Edge Reflow的文章！当时我想，这也太easy了，你这是在侮辱我的智商，你知道吗？我只需描述一下， TA陪我度过了一个又一个独自加班的夜晚，伴随着我一个又一个牛逼的史诗巨作轰然出世，简直是我人生中最好的基友，我实在太爱TA了！
但是，当动笔时，我发现事情完全不是这样的！
我再也不能用Edge Reflow来作为主题，我不仅仅是要说出自己的使用经验，更多的需要讲的是，对响应式设计的理解和适应。
生动的线框图和原型设计
在几乎每年都会有新的革新产品问世的今天，单一固定像素宽度的网站注定会被扔进垃圾箱。现在，我们许需要让网站适应各样的设备，以最优化的方式展现可TA的用户。而我们，不是在设计页面，是在创建一个流畅的系统。所以，我们必须改变我们过去的工作流程！改变我们的工具！改变我们的角色和沟通方式！我们需要更多的改变来适应新的环境！
在结构策划、功能设计和可用性测试中，响应式设计需要做很多早期 的原型设计工作，“在浏览器中进行设计”看起来是一个好的解决方案。因为，Photoshop当中的静态布局将不会在项目的最后被放到代码当中。而在Edge Reflow所有被创建起来的内容，都会被及时地加入到代码中，一个生动的线框图会在一开始被建立起来并且不断被优化，直到最后这个原型会转换成最终产品。
优化后的响应式设计流程
传统的响应式设计流程
“在浏览器中进行设计”意味着内容和排版会显得非常重要！在一个流畅合理的的工作流程中，只有当所有内容收集完成，我们才能开始布局。所有的副本甚至所有的图片都必须是可用的，只有这样我们才能设计出与内容完美结合的布局。最为关键的是，项目相关的所有人，包括PM、交互设计师、视觉设计师和开发人员，甚至是运营人员，从一开始就应该参与进来。
人们一直再说，PS将会灭亡！对此，我想说，请不用担心，伟大的PS是不会离开我们的，TA仍然是用来定义页面总体布局和风格确立的不二之选。但仅用一个基于像素的静态工具，是不能完成响应式设计方案的，在这种情况下，PS就不太适合作为一个独立的工具来使用。因为：
首先，PS不是网页设计工具，虽然用TA来P图是极好的！TA曾经帮助了一批中国女孩们让自己在网上看起来很美丽。
很明显，PS是一个视觉设计工具，TA只显示一个状态，没有转场也没有交互，PS永远服务展现页面真实的样子。因此，我们为什么要在一个永远不能动的环境中设计页面？
为了显示不同的状态和交互，我们必须创建大量元素和图层，而这些最终会被扔进垃圾桶。如果想做一些修改，则需要修改每一个单独的元素和图片中。
在有四个以上断点的网站中，这将是很大的工作量，重复的工作会被扔掉。例如；首先在PS中完成排版设计，然后TA会被送去给前端，转变成代码。
而我们在浏览器中开始一个设计，会不会让工作变的更加便捷？通过CSS或者HTML直接做出修改，比起先用PS修改20个文件，会不会更加轻松！
如果，我么直接在浏览器中开始设计，我们就不会局限在每个单独的页面该怎么设计中。相反的，我们会建立一个模块化的系统，这时我们更加关注功能和用户的操作体验。而客户从一开始就可以看到他们产品的雏形，我们也无需花费大量的精力来一个个解释，这些东西是什么，有什么交互效果，或者是这些页面如何适应不同的浏览器和设备！
也许，Adobe Edge Reflow是为了解决上述的问题而诞生的，AT很像Photoshop、Illustrator、Fireworks和Dreamweaver的结合体。设计人员可以不用写任何代码的情况下，创建一个能够适应不同设备的页面原型。借助文本工具Edge Reflow为我们提供了一块可以可视化的设计画布，TA右边的滑块，可以重新调整画布的大小，使设计者可以直接模拟不同分辨率的设备和浏览器。在画布上所有的元素都表现的很流畅，设计师可以调整元素的大小和位置，对于一个只在PS中做过静态页面的的设计师来说，这是一个不同寻常令人愉快的工作体验。
除了一些小瑕疵之外，Edge Reflow可以说是一款非常伟大的软件。当我熟悉TA后，TA帮我节省了大量的工作事件，我不再需要为不同的媒介查询搭建多个布局。TA也极大的帮助我在早期就看出一个结构布局是否流畅，应该如何优化。
当我在初期时，就可以意识到某些元素将如何的展现，我就可以提前解决问题。Edge Reflow给我提供一个全新的视角，让我更好的观察整个架构。我也开始了用更高的视角，去观察这个模块的流畅性，功能和用户体验，在我的设计中变得更加的重要。此外，在几个小时内，就可以将静态的页面转变成一个流程的页面结构，这感觉实在太棒了！
不过，这款软件，需要我们掌握一些CSS和HTML的基础知识，虽然不是每个人都会这些，但学习本身就是一件非常有趣的的事，对吗！
告别一些我们已经十分了解的习惯和事情，是令人难过的，但我也不想阻碍自己的视野变的更开阔。
最后一件事是，Edge Reflow是一个建立原型而不是建立网站的工具，所以就像Photoshop一样，开发商是不会很快灭绝的。