Adobe推出響應式設計工具EdgeReflow

2022-04-10 07:19:01 字數 734 閱讀 1339

adobe發布了一款名為edge reflow的工具,可以用於響應式設計的視覺化創作,提高通過html5和css3技術在不同裝置上所進行的網頁開發效率。

付費會員可以繼續獲得免費的軟體更新。

reflow的主要功能是通過在設計的過程中將所有的「斷點」「模組」進行視覺化的展示,讓開發者可以在工具中一邊進行間距的除錯,一邊測試展示效果。

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

開發者通過reflow的幫助,可以更加輕鬆的在同乙個介面中完成多項開發工作,除錯各種尺寸的裝置上所展示的網頁。

在布局上使用直觀的使用者介面,可以在設計的過程中針對不同的螢幕尺寸設定斷點。

在樣式的設計上,reflow提供的除錯功能,能準確的實現你的設計,用更直觀的介面幫助開發人員進行細節改變。這些功能可以讓多種裝置上設計流程變得更加便捷,協助開發人員改進效率。

adobe一直在設計工具上提供多種便捷的功能,這次在adobe edge reflow上也保留了這樣的特性。而至於rf在響應式設計的領域裡能佔據怎樣的地位,還要我們拭目以待。

響應式郵件設計工具推薦

最近工作上需要做一些html郵件模版,就是在平時郵箱裡收到的那種推廣郵件。深入研究之後,才知道這坑有多深。最初我的理解是,既然是html,我大前端的看家本領!半小時搞定沒啥問題。試了才知道,html郵件沒有任何標準,而且不管是html和css全部都是被閹割了的 啥?你還想用js?並且不同郵件客戶端之...

響應式設計的6個免費測試工具

別再拖拽拉扯那個瀏覽器了,你快把它弄壞了!這樣的話你聽過多少次了?好吧,可能不是特別多,但如果你在開發響應式設計的 你就知道這意味著什麼了 每一次編輯dom和css之後,你都要拽著瀏覽器的邊緣拉拉扯扯,來測試你的編輯結果以及檢查是否有什麼東西故障了。css 就是被這樣玩爛了!歸根結底,大部分的努力都...

10個實用的響應式設計測試工具

響應式的設計現在越來越受設計師推崇,面對這越來越多的響應式設計頁面,我們需要找到高效的測試工具來驗證設計的合理和正確,文中所介紹的工具可以幫助你測試響應式頁面設計。viewport resizer viewport resizer是乙個基於瀏覽器的工具,它可以讓使用者測試任何 的響應特性。使用者只需...