給設計師的必備設計工具與資源大合集

 　　優秀的網頁設計 師總會跟隨著最新的設計趨勢，掌控最新的設計工具，不斷進化的設計工具和服務會讓日常的設計更加便捷。數以百計的設計博客和網站每天會更新設計相關的文章，分享技巧，介紹新工具，它們也設計師的重要信息來源。所以，今天的文章目的就很明確了：新工具，新服務，還有干貨雲集的設計博客。

　　UX checklist

　　當你的設計項目即將交付給客戶的時候，你確定所有的問題都解決了麼?UX Checklist 是一個專業的用戶體驗 相關的清單，你可以對著它查看你的項目所在的階段，是否完成了所有的事情。

　　UI Names

　　這是一款姓名生成器，內含45個不同國家和地區，幫你搞定DEMO中的取名問題。

　　Font Awesome

　　我們曾經推薦過Font Awesome 這款矢量圖標字體，你可以在CSS中直接調用，極為省心。

　　Perfect Icons

　　這是一款生成社交相關圖標的工具。

　　Pineapple.io

　　這裡聚合了許多為網頁設計 師和開發者准備的資源，千萬不要錯過。

　　Window Resizer

　　Window Resizer 可以用來模擬不同尺寸不同分辨率的屏幕。

　　Html5 Sites

　　這個網站聚合了許多有趣的HTML5頁案例，值得收藏長期學習。

　　Html5 Weekly

　　沒有時間到處搜索設計新聞和資源?直接訂閱 Html5 Weekly 就可以一次搞定這個事情。

　　Freebbble

　　這個網站搜集了許多來自Dribbble 的免費資源，包括模板、UI、著陸頁和動效。

　　1st Webdesigner

　　這是一個數碼愛好者所創建的網頁設計 相關的社區。

　　Freebiesbug

　　這個網站搜集了許多免費優質的網頁設計資源 ，包括模板、UI和各種插件。

　　UI space

　　這個站也都是免費的資源，多為UI、圖標和視覺稿。

　　Pttrns

　　在這個網站你可以浏覽到移動端設計的案例，獲取諸如UIKit貨UI元素這樣的資源。

　　Flat UI Color Picker

　　如果你想制作出優秀的扁平風界面設計，不妨試試這款Color Picker。如果你想設計出優秀的扁平風配色方案，那麼你需要看的是這篇文章：Best Color Palettes

　　UI Cloud

　　UI Cloud 是世界上最大的界面設計數據庫，其中涵蓋了大量的UI元素、UIKit可供下載，還有許多設計稿供你尋求靈感。

　　Tech&All

　　這裡也是網頁設計資源 的集散地，你在這裡可以發現大量的代碼、模板、視覺稿、UIKits、UI元素、導航設計等素材 。

　　Site Inspire

　　缺少靈感?不知道怎麼用網站?Site Inspire 將會幫你重新恢復狀態!網站還可以根據類別、平台和風格篩選你需要的素材 。

　　Unheap

　　從不同的來源搜集整理了大量的jQuery插件，並按照UI、媒體、輸入、導航、動畫和特效進行了分類。

　　Unsplush it

　　無需多言，網頁設計師必備的圖片占位符插件。

　　AWWWards

　　網頁設計師必知的網站系列，世界上最優秀的網站都在這裡。

　　WebAppers

　　值得收藏的干貨網站之一，文章、插件、框架一個都不會少!

　　GoodUI

　　什麼樣的設計才算的上是好的UI?在GoodUI的網站你可以看到許多相關的技巧和指導。

　　Responsive Design Weekly

　　這個也是郵件推送服務，訂閱之後能每周收到一組響應式設計相關的文章合集。

　　Codrops

　　你可以在 Codrops 發現許多關於網頁開發、設計、實用插件的教程，此外這個網站最有價值的地方在於它還有許多關於如何提出解決方案、設計思路相關的文章。絕壁值得收藏。

　　Trianglify

　　Trianglify 是一款可以生成漂亮的三角形素材 的工具，它還可以生成SVG或者CSS的背景。

　　CSS Tricks

　　CSS Tricks 其實是一個為前端而生的網站，其中內容並不只是CSS，你在這裡可以找到大量的代碼片段、教程、論壇和各種樂於分享知識的人。

　　Notepad++

　　Notepad++ 是著名的代碼編輯器，網站管理員必備神器之一，對於多種不同的編程/腳本語言有良好的支持。

　　Enboard

　　如果你只需要一款靈感獲取工具，那麼Enboard絕對不會讓你後悔。這個工具中包含了超過500份不同的資源，類型橫跨博客、文章、框架、圖標、靈感設計、播客，它們的共同特征就是兩個字，干貨。

　　Kraken.io

　　Kraken 是一款圖片優化APP，有損優化的情況下可以讓圖片壓縮達90%，而無損處理模式則會保留所有的細節。

　　UI faces

　　UI Faces 是一款頭像合集，在設計視覺稿的時候非常好用~

　　Noun Project

　　Noun Project 中搜集了超過十萬圖標素材，並且都是基於CC協議分發的。你可以在這裡下載到PNG和SVG格式的素材。Mac用戶還可以還可以下載一款名為Noun的相關應用(10美元/月)，它可以和Adobe系列軟件聯動。

　　Templated

　　Templated 是一個涵蓋了800多款CSS和HTML5代碼的大合集。

　　Tuts+

　　Tuts+ 裡全是網頁設計師所需要的技巧和教程。

　　Smashing Magazine

　　來自世界各個角落關於開發和設計的新聞與技巧在這個網站交匯。這個網站推出的經典設計/開發類圖書已經非常之多了，值得學習。

　　SitePoint

　　SitePoint 搜集整合了網絡上最好最優秀的網頁設計開發相關的文章，其中針對設計師、開發者、自由職業者和企業用戶進行了分類和針對性地處理。