今天推薦的這20個頂級資源，包括配色工具、字體網站、免費圖庫和網頁設計工具等，都是人氣極高的神器和素材，建議收藏。

顏色、顏色、顏色

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

Coolors

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

Color Safe

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

Colllor

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

Materialpallete

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

Color Calculator

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

字體

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

Font Flame

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

Font Pair

另一個字體搭配的網站，你可以實時查看字體搭配的效果。

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

資源庫

圖片、icon、矢量、你們這么命名它們。大多數的設計師都有自己的圖書館，或者收藏夾。資源庫可以讓我們生活更方便，并且節省時間，特別是有些時候對于自由職業者，資源庫可以幫你省掉買版權的錢。

Unsplash

免費的圖片庫，我最喜歡的資源之一。

Flaticon

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

Iconfinder

另外一個圖標資源，雖然它今天已經側重于付費模式了，但是你仍然可以在里面找到很多優質的免費的資源。

Freepik

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

網頁設計資源

我想我們可以很輕松的創建出一個關于免費網站設計資源的百科全書。但是這里我只舉幾個最喜歡的。

Zurb University

網頁常用的基礎模塊在這里都能找到，非常珍貴的資源。一點都不開玩笑。

Coveloping

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

CoDrops

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

Codepen

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

其它資源

Design Patterns

Uplabs