助力响应式设计：Adobe发布最新HTML5工具包

原文地址：http://www.csdn.net/article/2013-02-16/2814145-adobe-responsive-web-design

助力响应式设计：Adobe发布最新HTML5工具包

发表于 19小时前|  902次阅读| 来源 Forbes|  1 条评论| 作者 Anthony Wing Kosner

adobe html5 响应式设计 工具

摘要：响应式设计的推出也已两年有余，虽说名号很响亮，但事实上却是“长路漫漫”。仅靠开发者的努力是不够的，近日Adobe宣布发布最新HTML5 Edge Reflow，为推广响应式设计做了一件大好事。

两年前，Ethan Marcotte 发明了响应式网页设计，网页开发者欢呼雀跃。都畅想着未来可以让网页设计适应各种屏幕尺寸。随后就有很多网站试用了响应式设计，但结果发现网站开发人员需要做的事情还有很多。若缺乏必要的理解和维护，响应式网页很容易发出无谓的服务器指令及自动在移动设备上下载图片。这也引发了开发者对响应式设计能否与原生应用兼容的担忧。

当然了，有问题也不尽然是坏事。现在就有很多杰出的工程师在HTML5社区致力于让响应式设计变得更加完善。但对于网页设计师来讲，他们要做的事情颇具挑战。目前，尚未有某种手段可使响应式设计具象化，从而使开发者能够从容与客户交流底层代码。今天Adobe宣布推出最新版HTML5 Edge Reflow，这是一个工具包，可使开发者在同一界面完成多项工作。

如上图所示，开发者可以拖动顶部颜色滑块以设定“断点”，与此同时，各个设计板块将会随着不同宽度自动进行调节。

如上图所示，每一个网页设计板块的CSS代码都在底部有显示。这种可视化工作模式是设计师所喜闻乐见的，通过加快客户与开发者间的交流和沟通，减少不必要的误会，从而加速设计进展。

Adobe为推广此次最新发布的工具包还放出了两段视频，第一段视频简单介绍了Adobe Edge Reflow的概况，第二段是对Adobe Reflow产品经理Jacob Surber的采访。实际操作将会在Adobe TV中展示，Adobe Reflow现已免费开放下载，付费Creative Cloud用户将免费更新Dreamweaver、Edge Animate和最新的代码编辑器Edge Code。使用Adobe Edge Reflow做出的响应式设计作品将会实时展示在运行Edge Inspect tool 的实体设备上。

Adobe Edge Reflow也许不涉及网页设计等工程问题，但它的出现确实使多屏设计流程变得更加便捷，从而使更多的设计师能够领略响应式设计的魅力，这正是Adobe的初衷和愿景。（编译/朱慧涛）

来源：Forbes