今天分類推薦的這些基礎(chǔ)工具和網(wǎng)站中，涵蓋了素材、色彩、字體、圖標(biāo)、主題、原型設(shè)計(jì)等多種類別，足以組成一個(gè)網(wǎng)頁設(shè)計(jì)師的日常用工具合集了，非常值得網(wǎng)頁設(shè)計(jì)從業(yè)者們收入囊中。

一、色彩類

1、Coolors

網(wǎng)站地址：https://coolors.co/

Coolors 是一款直觀的配色工具，你可以以更加簡(jiǎn)單的方式創(chuàng)建色彩組合，還可以生成不同的格式，比如SVG、PDF或者SCSS，可用于Android、iOS、PS和AI等不同的平臺(tái)。

2、Color Hunt

網(wǎng)站地址：http://colorhunt.co/

Color Hunt包含了一系列漂亮炫酷的色彩組合，網(wǎng)站會(huì)每天更新配色方案，并且根據(jù)瀏覽數(shù)排列出zui漂亮的配色方案。

3、Nipponcolors

網(wǎng)站地址：http://nipponcolors.com/

一個(gè)日本傳統(tǒng)用色色譜網(wǎng)站，就好用程度而言，這個(gè)配色網(wǎng)站并不優(yōu)秀。但是里面的顏色都非常好看，很有逼格。你可以選定一個(gè)背景色后目測(cè)著去選配色。

4、Flat UI Color Picker

網(wǎng)站地址：http://www.flatuicolorpicker.com/

如果你想制作出優(yōu)秀的扁平風(fēng)界面設(shè)計(jì)，F(xiàn)lat UIColor Picker可以為你提供扁平風(fēng)配色方案。

二、素材類

1、Tech&All

網(wǎng)站地址： http://techandall.com/

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

2、Freebiesbug

網(wǎng)站地址： http://freebiesbug.com/

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

3、Site Inspire

網(wǎng)站地址： http://www.siteinspire.com/

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

4、Resource Cards

網(wǎng)站地址：https://resourcecards.com/

如果你是剛剛進(jìn)入網(wǎng)頁設(shè)計(jì)領(lǐng)域不久的新人，那么你有必要了解一下進(jìn)行這項(xiàng)工作的過程中，有哪些工具、素材是可以使用，讓你事半功倍的。而Resource Cards 就是幫你搞定這個(gè)事情的：所有的素材、工具和教程都被清晰地分成不同的類別，不論你是要設(shè)計(jì)原型、編寫代碼還是使用Photoshop來做設(shè)計(jì)，都能從中找到相應(yīng)的教程和資源。

5、Stockfresh

網(wǎng)站地址：http://stockfresh.com/

Stockfresh是另外一個(gè)值得推薦的圖庫，實(shí)際上在國外這個(gè)網(wǎng)站是相當(dāng)一部分設(shè)計(jì)師的圖片來源。這里圖片的價(jià)格相對(duì)比較實(shí)惠，類別廣泛，質(zhì)量也足夠上乘。收費(fèi)方式也相當(dāng)靈活，定期會(huì)有促銷活動(dòng)。

http://m.ezekroy.com/wangzhansheji/3326.html 這些實(shí)用網(wǎng)頁設(shè)計(jì)基礎(chǔ)工具和網(wǎng)站，你都知道嗎？