Adobe可视化响应设计工具EdgeReflow

2013-08-30 17:22 来源:电子信息网 作者:和静

近日,Adobe发布了一款名为Edge Reflow的工具,可以用于响应式设计的可视化创作,提高通过HTML5和CSS3技术在不同设备上所进行的网页开发效率。Adobe Reflow现已免费开放下载,付费Creative Cloud用户将免费更新Dreamweaver、Edge Animate和最新的代码编辑器Edge Code。使用Adobe Edge Reflow做出的响应式设计作品将会实时展示在运行Edge Inspect tool 的实体设备上。

1

Reflow的主要功能是通过在设计的过程中将所有的“断点”“模块”进行可视化的展示,让开发者可以在工具中一边进行间距的调试,一边测试展示效果。

这些功能在布局、样式的调试效率上都有很大的改进。

2

图示:拖动顶部颜色滑块以设定“断点”,各个设计板块将会随着不同宽度自动进行调节

开发者通过Reflow的帮助,可以更加轻松的在同一个界面中完成多项开发工作,调试各种尺寸的设备上所展示的网页。

在布局上使用直观的用户界面,可以在设计的过程中针对不同的屏幕尺寸设置断点。

1 2 > 
Adobe 可视化响应式

相关阅读

暂无数据

一周热门