Adobe發(fā)布可視化響應式設計工具Edge Reflow

【天極軟件頻道消息】近日，Adobe發(fā)布了一款名為Edge Reflow的工具，可以用于響應式設計的可視化創(chuàng)作，提高通過HTML5和CSS3技術在不同設備上所進行的網頁開發(fā)效率。Adobe Reflow現(xiàn)已免費開放下載，付費Creative Cloud用戶將免費更新Dreamweaver、Edge Animate和最新的代碼編輯器Edge Code。使用Adobe Edge Reflow做出的響應式設計作品將會實時展示在運行Edge Inspect tool 的實體設備上。

　　Reflow的主要功能是通過在設計的過程中將所有的“斷點”“模塊”進行可視化的展示，讓開發(fā)者可以在工具中一邊進行間距的調試，一邊測試展示效果。

　　這些功能在布局、樣式的調試效率上都有很大的改進。

圖示：拖動頂部顏色滑塊以設定“斷點”，各個設計板塊將會隨著不同寬度自動進行調節(jié)

　　開發(fā)者通過Reflow的幫助，可以更加輕松的在同一個界面中完成多項開發(fā)工作，調試各種尺寸的設備上所展示的網頁。

　　在布局上使用直觀的用戶界面，可以在設計的過程中針對不同的屏幕尺寸設置斷點。

　　在樣式的設計上，Reflow提供的調試功能，能準確的實現(xiàn)你的設計，用更直觀的界面幫助開發(fā)人員進行細節(jié)變換。這些功能可以讓多種設備上設計流程變得更加便捷，協(xié)助開發(fā)人員改進效率。

　　可視化工作模式底部為每一個網頁設計板塊顯示CSS代碼，通過加快客戶與開發(fā)者間的交流和溝通，減少不必要的誤會，從而加速設計進展。

　　兩年前，Ethan Marcotte 發(fā)明了響應式網頁設計，網頁開發(fā)者歡呼雀躍。都暢想著未來可以讓網頁設計適應各種屏幕尺寸。但若缺乏必要的理解和維護，響應式網頁很容易發(fā)出無謂的服務器指令及自動在移動設備上下載圖片。這也引發(fā)了開發(fā)者對響應式設計能否與原生應用兼容的擔憂。

　　現(xiàn)在就有很多杰出的工程師在HTML5社區(qū)致力于讓響應式設計變得更加完善。但對于網頁設計師來講，他們要做的事情頗具挑戰(zhàn)。目前，尚未有某種手段可使響應式設計具象化，從而使開發(fā)者能夠從容與客戶交流底層代碼。

　　Adobe一直在設計工具上提供多種便捷的功能，這次在Adobe Edge Reflow上也保留了這樣的特性。Adobe Edge Reflow可以幫助開發(fā)者在同一界面完成多項工作。Adobe Edge Reflow也許不涉及網頁設計等工程問題，但它的出現(xiàn)確實使多屏設計流程變得更加便捷，從而使更多的設計師能夠領略響應式設計的魅力，這正是Adobe的初衷和愿景。