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

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

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

顏色、顏色、顏色

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

Coolors

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

Color Safe

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

Colllor

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

Materialpallete

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

Color Calculator

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

字體

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

Font Flame

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

Font Pair

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

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

資源庫

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

Unsplash

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

Flaticon

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

Iconfinder

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

Freepik

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

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

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

Zurb University

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

Coveloping

可以自定義、測試和生成自己的CSS動畫，它好幾次把我從困境中解救出來。

CoDrops

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

Codepen

Codepen大部分的情況下會讓我更沮喪而不是更開心，三更半夜的時候我會對著屏幕喊道“他媽的他們怎么會想到這樣做？”

其它資源

Design Patterns

Uplabs

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

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