【天極軟件頻道消息】近日,Adobe發(fā)布了一款名為Edge Reflow的工具,可以用于響應(yīng)式設(shè)計(jì)的可視化創(chuàng)作,提高通過(guò)HTML5和CSS3技術(shù)在不同設(shè)備上所進(jìn)行的網(wǎng)頁(yè)開發(fā)效率。Adobe Reflow現(xiàn)已免費(fèi)開放下載,付費(fèi)Creative Cloud用戶將免費(fèi)更新Dreamweaver、Edge Animate和最新的代碼編輯器Edge Code。使用Adobe Edge Reflow做出的響應(yīng)式設(shè)計(jì)作品將會(huì)實(shí)時(shí)展示在運(yùn)行Edge Inspect tool 的實(shí)體設(shè)備上。
Reflow的主要功能是通過(guò)在設(shè)計(jì)的過(guò)程中將所有的“斷點(diǎn)”“模塊”進(jìn)行可視化的展示,讓開發(fā)者可以在工具中一邊進(jìn)行間距的調(diào)試,一邊測(cè)試展示效果。
這些功能在布局、樣式的調(diào)試效率上都有很大的改進(jìn)。
圖示:拖動(dòng)頂部顏色滑塊以設(shè)定“斷點(diǎn)”,各個(gè)設(shè)計(jì)板塊將會(huì)隨著不同寬度自動(dòng)進(jìn)行調(diào)節(jié)
開發(fā)者通過(guò)Reflow的幫助,可以更加輕松的在同一個(gè)界面中完成多項(xiàng)開發(fā)工作,調(diào)試各種尺寸的設(shè)備上所展示的網(wǎng)頁(yè)。
在布局上使用直觀的用戶界面,可以在設(shè)計(jì)的過(guò)程中針對(duì)不同的屏幕尺寸設(shè)置斷點(diǎn)。
在樣式的設(shè)計(jì)上,Reflow提供的調(diào)試功能,能準(zhǔn)確的實(shí)現(xiàn)你的設(shè)計(jì),用更直觀的界面幫助開發(fā)人員進(jìn)行細(xì)節(jié)變換。這些功能可以讓多種設(shè)備上設(shè)計(jì)流程變得更加便捷,協(xié)助開發(fā)人員改進(jìn)效率。
可視化工作模式底部為每一個(gè)網(wǎng)頁(yè)設(shè)計(jì)板塊顯示CSS代碼,通過(guò)加快客戶與開發(fā)者間的交流和溝通,減少不必要的誤會(huì),從而加速設(shè)計(jì)進(jìn)展。
兩年前,Ethan Marcotte 發(fā)明了響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)頁(yè)開發(fā)者歡呼雀躍。都暢想著未來(lái)可以讓網(wǎng)頁(yè)設(shè)計(jì)適應(yīng)各種屏幕尺寸。但若缺乏必要的理解和維護(hù),響應(yīng)式網(wǎng)頁(yè)很容易發(fā)出無(wú)謂的服務(wù)器指令及自動(dòng)在移動(dòng)設(shè)備上下載圖片。這也引發(fā)了開發(fā)者對(duì)響應(yīng)式設(shè)計(jì)能否與原生應(yīng)用兼容的擔(dān)憂。
現(xiàn)在就有很多杰出的工程師在HTML5社區(qū)致力于讓響應(yīng)式設(shè)計(jì)變得更加完善。但對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師來(lái)講,他們要做的事情頗具挑戰(zhàn)。目前,尚未有某種手段可使響應(yīng)式設(shè)計(jì)具象化,從而使開發(fā)者能夠從容與客戶交流底層代碼。
Adobe一直在設(shè)計(jì)工具上提供多種便捷的功能,這次在Adobe Edge Reflow上也保留了這樣的特性。Adobe Edge Reflow可以幫助開發(fā)者在同一界面完成多項(xiàng)工作。Adobe Edge Reflow也許不涉及網(wǎng)頁(yè)設(shè)計(jì)等工程問(wèn)題,但它的出現(xiàn)確實(shí)使多屏設(shè)計(jì)流程變得更加便捷,從而使更多的設(shè)計(jì)師能夠領(lǐng)略響應(yīng)式設(shè)計(jì)的魅力,這正是Adobe的初衷和愿景。
本文地址:http://m.likemindfilms.com/news/zczx1346.html
您可能還喜歡
- 多迪杯,轟動(dòng)全國(guó)各大高校的網(wǎng)站設(shè)計(jì)開
- 世界上最酷的高清圖庫(kù)站W(wǎng)ALLBASE悄然關(guān)
- 搜狗識(shí)圖的十大用法,你知道幾個(gè)?
- “末日”過(guò)成節(jié)日 炒“末日論”就是為
- 最好的照片磨皮軟件 ArcSoft Portrait
- [小眾網(wǎng)站] Tartan Designer - 在線生
- 央視在官方Twitter和Facebook賬戶上率
- 眾多知名網(wǎng)站早期網(wǎng)頁(yè)設(shè)計(jì)回顧
- Photoshop CC推出 Adobe將停止更新CS版
- 解讀精美網(wǎng)頁(yè)設(shè)計(jì)-美國(guó)婚禮策劃Lover.
- 深圳35周年·國(guó)際海報(bào)創(chuàng)意設(shè)計(jì)展
- 多迪杯,轟動(dòng)全國(guó)各大高校的網(wǎng)站設(shè)
- 藥系千萬(wàn)家-2015第一屆合理用藥科
- 100個(gè)公眾號(hào)的美食題目,不會(huì)寫題
- [小眾網(wǎng)站] Flat Surface Shader
- [小眾網(wǎng)站]visualhunt - 可以按顏
- 阿里釘釘—用戶體驗(yàn)產(chǎn)品分析
- [小眾網(wǎng)站]webgradients - 漸變背
- 世界上最酷的高清圖庫(kù)站W(wǎng)ALLBASE
- 一夜圈粉40萬(wàn),抖音小姐姐「王藍(lán)莓