編者按：今天推薦的這20個(gè)頂級(jí)資源，包括配色工具、字體網(wǎng)站、免費(fèi)圖庫(kù)和網(wǎng)頁(yè)設(shè)計(jì)工具等，都是人氣極高的神器和素材，建議收藏。

九月份實(shí)用干貨：

1. 《開(kāi)學(xué)福利！2016年9月設(shè)計(jì)圈超實(shí)用干貨大合集》
2. 《再來(lái)一發(fā)！2016年9月設(shè)計(jì)圈實(shí)用干貨第二波》

顏色、顏色、顏色

色彩搭配對(duì)于視覺(jué)來(lái)說(shuō)是如此的重要，單憑顏色本身就可以讓設(shè)計(jì)改頭換面。下面是我在尋求色彩搭配靈感的時(shí)候最喜歡的4個(gè)工具。

Coolors

如果你想得到一個(gè)關(guān)于美麗色彩的調(diào)色板，你真應(yīng)該試試這個(gè)。你甚至可以在其中輸入你自己的顏色，你可以保留你喜歡的顏色，改變其中的一種或者幾種等等。

Color Safe

你可以選擇一個(gè)背景色，然后網(wǎng)站就會(huì)根據(jù)你選擇的背景色給出不同的文字色彩搭配方案。

Colllor

你可以得到一種顏色50種以上不同維度不同深淺的選擇。這才是真正的色彩，非常好的一個(gè)工具。

Materialpallete

如果你是扁平化設(shè)計(jì)的粉絲，它是一個(gè)非常好用的工具。

Color Calculator

這個(gè)網(wǎng)站可以幫助你很方便的建立對(duì)比色，鄰近色，等各種模式的色彩搭配。

字體

我相信不需要我多說(shuō)，字體可以使一個(gè)網(wǎng)站富有吸引力并且易于閱讀。他們自己就可以創(chuàng)造出一個(gè)美好的視覺(jué)體驗(yàn)。設(shè)計(jì)師們都非常喜歡字體，至少他們應(yīng)該去喜歡。

Font Flame

我們是如此喜歡字體，以至于有些人專門做了一個(gè)網(wǎng)站來(lái)尋找字體搭配。

Font Pair

另一個(gè)字體搭配的網(wǎng)站，你可以實(shí)時(shí)查看字體搭配的效果。

以上是我經(jīng)常使用的字體資源，雖然關(guān)于字體的資源還有很多。此外，我一直在尋找著新的字體，你的字體庫(kù)是永遠(yuǎn)都不會(huì)滿的。

資源庫(kù)

圖片、icon、矢量、你們這么命名它們。大多數(shù)的設(shè)計(jì)師都有自己的圖書(shū)館，或者收藏夾。資源庫(kù)可以讓我們生活更方便，并且節(jié)省時(shí)間，特別是有些時(shí)候?qū)τ谧杂陕殬I(yè)者，資源庫(kù)可以幫你省掉買版權(quán)的錢。

Unsplash

免費(fèi)的圖片庫(kù)，我最喜歡的資源之一。

Flaticon

你很可能會(huì)在這里找到一個(gè)你可以使用的圖標(biāo)，或者你可以從中得到些靈感去創(chuàng)造一個(gè)你自己的。

Iconfinder

另外一個(gè)圖標(biāo)資源，雖然它今天已經(jīng)側(cè)重于付費(fèi)模式了，但是你仍然可以在里面找到很多優(yōu)質(zhì)的免費(fèi)的資源。

Freepik

你可以在這里找到任何東西，再次提醒，注意查看版權(quán)信息。

網(wǎng)頁(yè)設(shè)計(jì)資源

我想我們可以很輕松的創(chuàng)建出一個(gè)關(guān)于免費(fèi)網(wǎng)站設(shè)計(jì)資源的百科全書(shū)。但是這里我只舉幾個(gè)最喜歡的。

Zurb University

網(wǎng)頁(yè)常用的基礎(chǔ)模塊在這里都能找到，非常珍貴的資源。一點(diǎn)都不開(kāi)玩笑。

Coveloping

可以自定義、測(cè)試和生成自己的CSS動(dòng)畫(huà)，它好幾次把我從困境中解救出來(lái)。

CoDrops

我用這個(gè)網(wǎng)站去參考CSS的相關(guān)內(nèi)容，他們的教程和playground非常的棒！如果你沒(méi)有用過(guò)這個(gè)網(wǎng)站一定要去試試，你會(huì)被震驚的。

Codepen

Codepen大部分的情況下會(huì)讓我更沮喪而不是更開(kāi)心，三更半夜的時(shí)候我會(huì)對(duì)著屏幕喊道“他媽的他們?cè)趺磿?huì)想到這樣做？”

其它資源

Design Patterns

Uplabs

歡迎關(guān)注譯者的微信公眾號(hào)：

原文地址：medium

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

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量150萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com