相信每個設計師瀏覽器的收藏夾都是自己的心頭寶，里面收藏了很多好的工具和素材。有些時候在一些設計群里聽到好多設計師在問有沒有好一點的設計素材網站推薦，今天就給大家分享我在建站的過程中常用到的一些素材工具，素材包括：免費/版權圖庫、圖標資源、色彩搭配、優秀網站欣賞，工具類包括： Web 技術教程、前端demo展示資源、前端框架、建站系統。
一、素材類
1、圖片
其實國內對圖片版權保護這塊的意識不是很夠，在免費的素材庫和收費素材庫都能找到同一張圖片，但作者署名卻都不一樣。所以小編現在基本不用國內這些圖庫網，跟大家推薦幾個免費又沒有版權糾紛的圖庫網站。
Pixabay約有910000張免費的照片、矢量文件和藝術插圖。圖片覆蓋面廣，文件也有很多尺寸可以選擇。圖片質量高，小編首推的圖片素材網站。里面的圖片可以復制、修改、轉發等方式使用，甚至用作商業用途，無需申請許可，也無需支付版稅。
SplitShire
SplitShire網站的圖片質量也很高，大都比較feel風。
Unsplash
Unsplash網站提供免費高清晰度照片，這里的圖片都比較高大上，很適合制作網站的banner圖，小編也很喜歡的一個網站。
Freeimages
Freeimages這個網站里面有海量的圖片，有免費也有付費的，可以根據自己需要進行選擇。
Stock-up
Stock up也有大量免費的高清大圖，圖片需要自己慢慢淘。
Stocksnap.io
這個網站的圖片也很酷，里面免費的高清大圖足夠滿足網頁設計師的需要，很多圖片也很容易出效果，推薦。
上面是免費的圖庫資源，如果想要版權的圖片，可以去全景網購買：
全景網
2、色彩搭配
配色網站小編用得比較少，下面這幾個是國外知名度比較高的跟配色相關的網站。
Paletton
幫助平面設計師和網頁設計師選擇理想的配色方案，打開網站即可選擇一種顏色，然后系統自動生成配套的色系供設計師使用。
Adobe color cc
Adobe官方配色網站，你輸顏色它出配色。
Color Palette Generator
制作配色方案。輸入圖像的URL以獲得與圖像匹配的調色板。這對於根據圖片來定網站色調的比較好用。
Color Scheme Designer
Color Scheme Designer 后來改名成Paletton，是小編用得比較頻繁的配色網站。使用時只用開一個窗口，功能完備且實用，定制性強，幾乎無缺點，非要說一個的話就是復制RGB值不太方便。
Nippon Colors
這個網站沒有前面幾個推薦的配色網站好用，實用性不是很高。但是這是小編不得不推薦的，這個絕對是文藝范十足。
3、圖標制作素材
Iconfont
阿里巴巴矢量圖標庫。設計師將圖標上傳到Iconfont平台，用戶可以自定義下載多種格式的icon，平台也可將圖標轉換為字體，便於前端工程師自由調整與調用。
Icomoon.io
免費開源圖標字體，可以根據自己需求定制（如就選兩個）；可以導入其他字體，也進行特別定制（類似fontforge功能）；兼容IE6+，現代瀏覽器以及各類手機設備，且有demo實例，並對字符進行了HTML轉化。小編就用這個網站寫了一套字體，這套字體目前在禪道項目管理軟件中使用。
二、工具類
1、代碼學習資源
作為一個網頁設計師或是前端設計師，多少都要打一些代碼。小編就是看着w3school這個網站慢慢成長起來的。
W3school
在 w3school，你可以找到你所需要的所有的網站建設教程。從基礎的 HTML 到 CSS，乃至進階的XML、SQL、JS、PHP 和 ASP.NET。都適合新手學習。
2、前端demo展示資源
Code pen
站點現有上百個精選效果，上千個各類前端demo效果。優秀前端demo的展示。進入首頁就可以看到很多精湛的前端demo效果，相信很多人都可以從中獲得很多前端交互的靈感，當然，其中的技術實現也可以一並學習！
3、前端框架
Zui前端框架
Html5前端框架，跨屏、簡潔美觀。開源免費。
4、建站系統
建站系統的話，小編推薦國外的wordpress和國內的蟬知。
Wordpress
Wordpress的模板數量之多就不用多講啦，海量的模板看到你眼花。有數據顯示，全球用Wordpress建站的人數快接近三分之一，可見wordpress的影響力。
蟬知建站系統
蟬知相比較wordpress來說，比較符合國人使用的習慣，功能一樣強大，在安全和擴展方面也都還不錯，稍微遜色一些的是模板比較少。
三、優秀網站欣賞
站酷
這個網站應該不用多說了，設計師不可能不知道的網站，聚集了450萬優秀設計師、攝影師、插畫師、藝術家、創意人，設計創意群體中具有較高的影響力與號召力。
黃蜂網
優秀網頁設計、電商設計、網店設計、平面設計、UI設計靈感地。小編很喜歡這個網站，你可以在這個網站上欣賞到全球各個行業、各個企業的網站。
Reeoo
Reeoo是一個收集最新的時尚潮流網站設計案例，提供設計靈感的網站。是網站設計師尋找靈感和案例的必備網站之一。
設計類網站還有很多，像花瓣、古田街9號、致設計等，小編不一一列舉了，大家都可以去看看。
以上就是小編常用到的一些網站，介紹這么多也不是建議大家每個都要收藏，可以着重選擇適合自己的網站去學習，提升自己的能力和效率。希望這篇文章能幫助到大家，喜歡的可以點贊喲！
