近日，Adobe發(fā)布了一款名為Edge Reflow的工具，可以用于響應式設計的可視化創(chuàng)作，提高通過HTML5和CSS3技術(shù)在不同設備上所進行的網(wǎng)頁開發(fā)效率。Adobe Reflow現(xiàn)已免費開放下載，付費Creative Cloud用戶將免費更新Dreamweaver、Edge Animate和最新的代碼編輯器Edge Code。使用Adobe Edge Reflow做出的響應式設計作品將會實時展示在運行Edge Inspect tool 的實體設備上。
Reflow的主要功能是通過在設計的過程中將所有的“斷點”“模塊”進行可視化的展示，讓開發(fā)者可以在工具中一邊進行間距的調(diào)試，一邊測試展示效果。
這些功能在布局、樣式的調(diào)試效率上都有很大的改進。
圖示：拖動頂部顏色滑塊以設定“斷點”，各個設計板塊將會隨著不同寬度自動進行調(diào)節(jié)
開發(fā)者通過Reflow的幫助，可以更加輕松的在同一個界面中完成多項開發(fā)工作，調(diào)試各種尺寸的設備上所展示的網(wǎng)頁。
在布局上使用直觀的用戶界面，可以在設計的過程中針對不同的屏幕尺寸設置斷點。
