五一福利！12款網(wǎng)頁設(shè)計(jì)師必備神器推薦

@陳子木 網(wǎng)絡(luò)上很多工具都可以協(xié)助我們完成工作，我們熱衷于發(fā)現(xiàn)新的工具，分享新的技巧，但是要時(shí)刻掌控最新的工具并不現(xiàn)實(shí)。因此，我們?yōu)槟暮Y選了12款經(jīng)典有用的工具，它們非常有助于網(wǎng)站建設(shè)，不要錯(cuò)過哦~

相關(guān)文章：
《11款超贊的瀏覽器兼容性測(cè)試工具》
《重磅來襲！設(shè)計(jì)師不應(yīng)該錯(cuò)過的響應(yīng)式設(shè)計(jì)框架》
《值得網(wǎng)頁開發(fā)人員收藏的16款HTML5工具》
《20個(gè)設(shè)計(jì)師必備工具推薦》

1.?InVision

InVision是一款設(shè)計(jì)原型建模工具，它能將你的設(shè)計(jì)實(shí)現(xiàn)出來，并讓你的團(tuán)隊(duì)成員測(cè)試交互提交反饋。在InVision的支持下，你的團(tuán)隊(duì)在編寫代碼之前，就可以完成設(shè)計(jì)、評(píng)估、測(cè)試等多個(gè)環(huán)節(jié)。InVison能協(xié)助你做好產(chǎn)品版本控制，促進(jìn)團(tuán)隊(duì)內(nèi)的協(xié)作，加速迭代。

2.?Codekit

CodeKit 所以一款優(yōu)質(zhì)軟件，它可以在你建站時(shí)創(chuàng)建HTML，CSS與JavaScript代碼。它能自動(dòng)編譯Sass，Less，Haml，Markdown，Coffeescript以及其他代碼，因此，你可以使用你最熟悉的、最具生產(chǎn)力的語言來編寫網(wǎng)站內(nèi)容。CodeKit還可以幫你自動(dòng)刷新瀏覽器，修改HTML的風(fēng)格，并且你再也不用在瀏覽器和代碼編輯器之間來回切換了。

3.?Hover

Hover是一款超級(jí)便捷的域名注冊(cè)和管理工具。

4.?Webflow

Webflow是一個(gè)托管平臺(tái)，設(shè)計(jì)師可以在此直觀地創(chuàng)建響應(yīng)式網(wǎng)站，無需編寫代碼。對(duì)于不太熟悉代碼的設(shè)計(jì)師而言，Webflow是一個(gè)非常方便的建站解決方案。

5.?LayerVault

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

6.?Icebergs

Icebergs是一款能幫你管理創(chuàng)意靈感的優(yōu)質(zhì)平臺(tái)。它有點(diǎn)類似Pinterest和花瓣，但是相對(duì)更私密，并且更專注與策展和協(xié)作，而不是社交分享。你可以從網(wǎng)絡(luò)的各個(gè)角落搜集各種文字、圖片、視頻，也可以從本地上傳文件。沒有信息干擾和信息污染，你可以在Icebergs上整理文件，尋找靈感，甚至為團(tuán)隊(duì)創(chuàng)建MoodBoards。

7.?Google Fonts

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

8.?Adobe Kuler

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

9.?Flywheel

Flywheel是一款為設(shè)計(jì)師和設(shè)計(jì)機(jī)構(gòu)所創(chuàng)建的Wordpress托管平臺(tái)。在這一平臺(tái)上，設(shè)計(jì)師可以通過儀表盤輕松管理內(nèi)容，方便與他人項(xiàng)目合作，甚至向客戶轉(zhuǎn)賬。

10.?Foundation

Foundation是一款ZURB所創(chuàng)建的前端框架，方便用戶創(chuàng)建友好、具有設(shè)計(jì)感的站點(diǎn)。

11.?Skeleton

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

12.?LittleIpsum

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

原文地址：getflywheel

優(yōu)設(shè)網(wǎng)翻譯：@陳子木
本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

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