干貨來收！給設(shè)計師的必備設(shè)計工具與資源大合集

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

UX checklist

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

UI Names

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

Font Awesome

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

Perfect Icons

這是一款生成社交相關(guān)圖標的工具。

Pineapple.io

這里聚合了許多為網(wǎng)頁設(shè)計師和開發(fā)者準備的資源，千萬不要錯過。

Window Resizer

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

Html5 Sites

這個網(wǎng)站聚合了許多有趣的HTML5頁案例，值得收藏長期學(xué)習(xí)。

Html5 Weekly

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

Freebbble

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

1st Webdesigner

這是一個數(shù)碼愛好者所創(chuàng)建的網(wǎng)頁設(shè)計相關(guān)的社區(qū)。

Freebiesbug

這個網(wǎng)站搜集了許多免費優(yōu)質(zhì)的網(wǎng)頁設(shè)計資源，包括模板、UI和各種插件。

UI space

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

Pttrns

在這個網(wǎng)站你可以瀏覽到移動端設(shè)計的案例，獲取諸如UIKit貨UI元素這樣的資源。

Flat UI Color Picker

如果你想制作出優(yōu)秀的扁平風(fēng)界面設(shè)計，不妨試試這款Color Picker。如果你想設(shè)計出優(yōu)秀的扁平風(fēng)配色方案，那么你需要看的是這篇文章：Best Color Palettes

UI Cloud

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

Tech&All

這里也是網(wǎng)頁設(shè)計資源的集散地，你在這里可以發(fā)現(xiàn)大量的代碼、模板、視覺稿、UIKits、UI元素、導(dǎo)航設(shè)計等素材。

Site Inspire

缺少靈感？不知道怎么用網(wǎng)站？Site Inspire 將會幫你重新恢復(fù)狀態(tài)！網(wǎng)站還可以根據(jù)類別、平臺和風(fēng)格篩選你需要的素材。

Unheap

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

Unsplush it

無需多言，網(wǎng)頁設(shè)計師必備的圖片占位符插件。

AWWWards

網(wǎng)頁設(shè)計師必知的網(wǎng)站系列，世界上最優(yōu)秀的網(wǎng)站都在這里。

WebAppers

值得收藏的干貨網(wǎng)站之一，文章、插件、框架一個都不會少！

GoodUI

什么樣的設(shè)計才算的上是好的UI？在GoodUI的網(wǎng)站你可以看到許多相關(guān)的技巧和指導(dǎo)。

Responsive Design Weekly

這個也是郵件推送服務(wù)，訂閱之后能每周收到一組響應(yīng)式設(shè)計相關(guān)的文章合集。

Codrops

你可以在 Codrops 發(fā)現(xiàn)許多關(guān)于網(wǎng)頁開發(fā)、設(shè)計、實用插件的教程，此外這個網(wǎng)站最有價值的地方在于它還有許多關(guān)于如何提出解決方案、設(shè)計思路相關(guān)的文章。絕壁值得收藏。

Trianglify

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

CSS Tricks

CSS Tricks 其實是一個為前端而生的網(wǎng)站，其中內(nèi)容并不只是CSS，你在這里可以找到大量的代碼片段、教程、論壇和各種樂于分享知識的人。

Notepad++

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

Enboard

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

Kraken.io

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

UI faces

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

Noun Project

Noun Project 中搜集了超過十萬圖標素材，并且都是基于CC協(xié)議分發(fā)的。你可以在這里下載到PNG和SVG格式的素材。Mac用戶還可以還可以下載一款名為Noun的相關(guān)應(yīng)用（10美元/月），它可以和Adobe系列軟件聯(lián)動。

Templated

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

Tuts+

Tuts+ 里全是網(wǎng)頁設(shè)計師所需要的技巧和教程。

Smashing Magazine

來自世界各個角落關(guān)于開發(fā)和設(shè)計的新聞與技巧在這個網(wǎng)站交匯。這個網(wǎng)站推出的經(jīng)典設(shè)計/開發(fā)類圖書已經(jīng)非常之多了，值得學(xué)習(xí)。

SitePoint

SitePoint 搜集整合了網(wǎng)絡(luò)上最好最優(yōu)秀的網(wǎng)頁設(shè)計開發(fā)相關(guān)的文章，其中針對設(shè)計師、開發(fā)者、自由職業(yè)者和企業(yè)用戶進行了分類和針對性地處理。

【往期設(shè)計圈干貨合集】

一月干貨合集：《干貨駕到！2015年一月設(shè)計圈干貨大合集》
二月干貨合集：《來收最新干貨！二月份免費設(shè)計資源+實用工具大合集！》
三月干貨合集：《月底福利！三月設(shè)計圈干貨大合集第一波》
四月干貨合集：《四月福利！30+酷炫實用的免費APP設(shè)計模板》
五月干貨合集：《有好貨！五月必收的優(yōu)質(zhì)設(shè)計資源干貨大合集》
六月干貨合集：《假期福利！六月設(shè)計圈高品質(zhì)干貨大合集》
七月干貨合集：《七月干貨！幫你發(fā)掘高素質(zhì)圖標的50個優(yōu)質(zhì)網(wǎng)站》
八月干貨合集：《不要錯過！姍姍來遲的八月設(shè)計圈干貨大合集》
九月干貨合集：《再來一發(fā)！九月不容錯過的高素質(zhì)設(shè)計圈干貨大合集》

原文地址：medium
優(yōu)設(shè)譯者：@陳子木

「子木說」

其實最近我們也一直在關(guān)注每天大家的回復(fù)，搜索關(guān)鍵詞和感興趣的文章。國外優(yōu)秀的網(wǎng)站、文章、資源非常多，如果大家在瀏覽過程中碰到感覺不錯的但是沒太看明白的，可以在我的微博、設(shè)哥的微博或者回復(fù)中告訴我們，一同進步吧。

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(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"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量102萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com