前端設計師經常使用的一些基礎工具素材合集

相信每一個設計師瀏覽器的收藏夾都是本身的心頭寶，裏面收藏了不少好的工具和素材。有些時候在一些設計羣裏聽到好多設計師在問有沒有好一點的設計素材網站推薦，今天就給你們分享我在建站的過程當中經常使用到的一些素材工具，素材包括：免費/版權圖庫、圖標資源、色彩搭配、優秀網站欣賞，工具類包括： Web 技術教程、前端demo展現資源、前端框架、建站系統。

1、素材類

一、圖片

其實國內對圖片版權保護這塊的意識不是很夠，在免費的素材庫和收費素材庫都能找到同一張圖片，但做者署名卻都不同。因此小編如今基本不用國內這些圖庫網，跟你們推薦幾個免費又沒有版權糾紛的圖庫網站。

 

 

Pixabay

Pixabay約有910000張免費的照片、矢量文件和藝術插圖。圖片覆蓋面廣，文件也有不少尺寸能夠選擇。圖片質量高，小編首推的圖片素材網站。裏面的圖片能夠複製、修改、轉發等方式使用，甚至用做商業用途，無需申請許可，也無需支付版稅。

 

SplitShire

SplitShire網站的圖片質量也很高，大都比較feel風。

 

Unsplash

Unsplash網站提供免費高清晰度照片，這裏的圖片都比較高大上，很適合製做網站的banner圖，小編也很喜歡的一個網站。

 

Freeimages

Freeimages這個網站裏面有海量的圖片，有免費也有付費的，能夠根據本身須要進行選擇。

 

Stock-up

Stock up也有大量免費的高清大圖，圖片須要本身慢慢淘。

 

Stocksnap.io

這個網站的圖片也很酷，裏面免費的高清大圖足夠知足網頁設計師的須要，不少圖片也很容易出效果，推薦。

 

上面是免費的圖庫資源，若是想要版權的圖片，能夠去全景網購買：

全景網

 

二、色彩搭配

配色網站小編用得比較少，下面這幾個是國外知名度比較高的跟配色相關的網站。

 

Paletton

幫助平面設計師和網頁設計師選擇理想的配色方案，打開網站便可選擇一種顏色，而後系統自動生成配套的色系供設計師使用。

 

Adobe color cc

Adobe官方配色網站，你輸顏色它出配色。

 

Color Palette Generator

製做配色方案。輸入圖像的URL以得到與圖像匹配的調色板。這對於根據圖片來定網站色調的比較好用。

 

Color Scheme Designer

Color Scheme Designer 後來更名成Paletton，是小編用得比較頻繁的配色網站。使用時只用開一個窗口，功能完備且實用，定製性強，幾乎完好點，非要說一個的話就是複製RGB值不太方便。

 

Nippon Colors

這個網站沒有前面幾個推薦的配色網站好用，實用性不是很高。可是這是小編不得不推薦的，這個絕對是文藝範十足。

 

三、圖標製做素材

Iconfont

阿里巴巴矢量圖標庫。設計師將圖標上傳到Iconfont平臺，用戶能夠自定義下載多種格式的icon，平臺也可將圖標轉換爲字體，便於前端工程師自由調整與調用。

 

Icomoon.io

免費開源圖標字體，能夠根據本身需求定製（如就選兩個）；能夠導入其餘字體，也進行特別定製（相似fontforge功能）；兼容IE6+，現代瀏覽器以及各種手機設備，且有demo實例，並對字符進行了HTML轉化。小編就用這個網站寫了一套字體，這套字體目前在禪道項目管理軟件中使用。

 

2、工具類

一、代碼學習資源

做爲一個網頁設計師或是前端設計師，多少都要打一些代碼。小編就是看着w3school這個網站慢慢成長起來的。

W3school

在 w3school，你能夠找到你所須要的全部的網站建設教程。從基礎的 HTML 到 CSS，乃至進階的XML、SQL、JS、PHP 和 ASP.NET。都適合新手學習。

 

二、前端demo展現資源

Code pen

站點現有上百個精選效果，上千個各種前端demo效果。優秀前端demo的展現。進入首頁就能夠看到不少精湛的前端demo效果，相信不少人均可以從中得到不少前端交互的靈感，固然，其中的技術實現也能夠一併學習！

 

三、前端框架

Zui前端框架

Html5前端框架，跨屏、簡潔美觀。開源免費。

 

四、建站系統

建站系統的話，小編推薦國外的wordpress和國內的蟬知。

Wordpress

Wordpress的模板數量之多就不用多講啦，海量的模板看到你眼花。有數據顯示，全球用Wordpress建站的人數快接近三分之一，可見wordpress的影響力。

 

蟬知建站系統

蟬知相比較wordpress來講，比較符合國人使用的習慣，功能同樣強大，在安全和擴展方面也都還不錯，稍微遜色一些的是模板比較少。

3、優秀網站欣賞

站酷

這個網站應該不用多說了，設計師不可能不知道的網站，彙集了450萬優秀設計師、攝影師、插畫師、藝術家、創意人，設計創意羣體中具備較高的影響力與號召力。

 

黃蜂網

優秀網頁設計、電商設計、網店設計、平面設計、UI設計靈感地。小編很喜歡這個網站，你能夠在這個網站上欣賞到全球各個行業、各個企業的網站。

 

Reeoo

Reeoo是一個收集最新的時尚潮流網站設計案例，提供設計靈感的網站。是網站設計師尋找靈感和案例的必備網站之一。

設計類網站還有不少，像花瓣、古田街9號、致設計等，小編不一一列舉了，你們均可以去看看。

 

以上就是小編經常使用到的一些網站，介紹這麼多也不是建議你們每一個都要收藏，能夠着重選擇適合本身的網站去學習，提高本身的能力和效率。但願這篇文章能幫助到你們，喜歡的能夠點贊喲！