@陳子木 網絡上很多工具都可以協助我們完成工作，我們熱衷于發現新的工具，分享新的技巧，但是要時刻掌控最新的工具并不現實。因此，我們為您精心篩選了12款經典有用的工具，它們非常有助于網站建設，不要錯過哦~

相關文章：
《11款超贊的瀏覽器兼容性測試工具》
《重磅來襲！設計師不應該錯過的響應式設計框架》
《值得網頁開發人員收藏的16款HTML5工具》
《20個設計師必備工具推薦》

1.?InVision

InVision是一款設計原型建模工具，它能將你的設計實現出來，并讓你的團隊成員測試交互提交反饋。在InVision的支持下，你的團隊在編寫代碼之前，就可以完成設計、評估、測試等多個環節。InVison能協助你做好產品版本控制，促進團隊內的協作，加速迭代。

2.?Codekit

CodeKit 所以一款優質軟件，它可以在你建站時創建HTML，CSS與JavaScript代碼。它能自動編譯Sass，Less，Haml，Markdown，Coffeescript以及其他代碼，因此，你可以使用你最熟悉的、最具生產力的語言來編寫網站內容。CodeKit還可以幫你自動刷新瀏覽器，修改HTML的風格，并且你再也不用在瀏覽器和代碼編輯器之間來回切換了。

3.?Hover

Hover是一款超級便捷的域名注冊和管理工具。

4.?Webflow

Webflow是一個托管平臺，設計師可以在此直觀地創建響應式網站，無需編寫代碼。對于不太熟悉代碼的設計師而言，Webflow是一個非常方便的建站解決方案。

5.?LayerVault

LayerVault是一款用來管理PSD文檔的版本控制工具。它可以幫你組織管理PSD文件的版本、時間，還能做好多人協助文檔的版本控制。

6.?Icebergs

Icebergs是一款能幫你管理創意靈感的優質平臺。它有點類似Pinterest和花瓣，但是相對更私密，并且更專注與策展和協作，而不是社交分享。你可以從網絡的各個角落搜集各種文字、圖片、視頻，也可以從本地上傳文件。沒有信息干擾和信息污染，你可以在Icebergs上整理文件，尋找靈感，甚至為團隊創建MoodBoards。

7.?Google Fonts

谷歌字體的工作原理是這樣的：找到一款你喜歡的字體，然后通過一行代碼，在你的網站上啟用它。就這么簡單！

8.?Adobe Kuler

Kuler就不用介紹太多了吧？如果你需要尋找配色方案，那么Kuler就是你的不二之選，它可以通過照片創建可靠的配色方案！

9.?Flywheel

Flywheel是一款為設計師和設計機構所創建的Wordpress托管平臺。在這一平臺上，設計師可以通過儀表盤輕松管理內容，方便與他人項目合作，甚至向客戶轉賬。

10.?Foundation

Foundation是一款ZURB所創建的前端框架，方便用戶創建友好、具有設計感的站點。

11.?Skeleton

Skeleton是一款小型的CSS合集，可以幫你快速開發任何尺寸下都可以完美展示的站點。因此，這是一款值得收藏的前端工具。

12.?LittleIpsum

一款小而美的拉丁文文本原型生成器，輕量級，快速，高效。

原文地址：getflywheel

優設網翻譯：@陳子木
本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量68萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：