Froont:線上視覺化網頁設計工具

Froont:線上視覺化網頁設計工具是一個允許設計師線上設計響應式網頁工具,視覺化操作無需程式設計師插手操作的平臺工具,為設計師們提供了視覺化的線上網頁設計環境,算是響應式網頁設計的利器。

Froont:線上視覺化網頁設計工具

網頁設計師們,你們是否還在為用 Photoshop 畫出網站在不同裝置上的 demo 圖,讓程式猿實現程式碼,你再進行修改的過程而煩擾呢?

在設計師設計網頁的過程中,Froont 會根據你的網頁呈現的裝置,比如手機、平板、筆記本或者是寬屏電腦,自動調整頁面佈局,調整各個塊之間的相對位置。該線上工具必須在谷歌瀏覽器下才支援。

和 axure 等軟體類似,Froont 提供 container、grid、圖片、文字、視訊等 widget,並且可以直接把電腦中的圖片或是文字等內容拖入 widget 中,各個 widget 也可以通過 div/css 的方式層疊巢狀。文字和圖片大小、背景顏色等引數的調整也很方便,直接拖動進度條即可,是完全所見即所得的操作。

與其他工具對比:

Froont 屬於解決 HTML/CSS 最初階段響應式設計的工具。跟它很類似的還有 Adobe 公司的Reflow。不過 Froont 和 Reflow 明顯不同的一點是,Froont 直接在瀏覽器中執行,這意味著設計師一把網頁設計完成,就可以立刻分享給其它團隊成員,並且實時進行調整和測試,避免了和程式猿之間繁複的往來溝通環節。而 Froont 和 Reflow 最像的一點則是:它們都沒有過多關注於簡化寫程式碼的過程,而是希望為網頁設計師提供更方便的設計工具。

猜你喜歡

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *