相信每個設計師瀏覽器的收藏夾都是自己的心頭寶，裡面收藏了很多好的工具和素材。有些時候在一些設計群裡聽到好多設計師在問有沒有好一點的設計素材**推薦，今天就給大家分享我在建站的過程中常用到的一些素材工具，素材包括：免費/版權相簿、圖示資源、色彩搭配、優秀**欣賞，工具類包括： web 技術教程、前端demo展示資源、前端框架、建站系統。
1、其實國內對版權保護這塊的意識不是很夠，在免費的素材庫和收費素材庫都能找到同一張，但作者署名卻都不一樣。所以小編現在基本不用國內這些相簿網，跟大家推薦幾個免費又沒有版權糾紛的相簿**。
pixabay
pixabay約有910000張免費的**、向量檔案和藝術插圖。覆蓋面廣，檔案也有很多尺寸可以選擇。質量高，小編首推的素材**。裡面的可以複製、修改、**等方式使用，甚至用作商業用途，無需申請許可，也無需支付版稅。
splitshire
unsplash
freeimages
stock-up
stock up也有大量免費的高畫質大圖，需要自己慢慢淘。
stocksnap.io
全景網2、色彩搭配
paletton
幫助平面設計師和網頁設計師選擇理想的配色方案，開啟**即可選擇一種顏色，然後系統自動生成配套的色系供設計師使用。
adobe color cc
adobe官方配色**，你輸顏色它出配色。
color palette generator
color scheme designer
color scheme designer 後來改名成paletton，是小編用得比較頻繁的配色**。使用時只用開乙個視窗，功能完備且實用，定製性強，幾乎無缺點，非要說乙個的話就是複製rgb值不太方便。
nippon colors
3、圖示製作素材
iconfont
icomoon.io
免費開源圖示字型，可以根據自己需求定製（如就選兩個）；可以匯入其他字型，也進行特別定製（類似fontforge功能）；相容ie6+，現代瀏覽器以及各類手機裝置，且有demo例項，並對字元進行了html轉化。小編就用這個**寫了一套字型，這套字型目前在禪道專案管理軟體中使用。
1、**學習資源
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萬優秀設計師、攝影師、插畫師、藝術家、創意人，設計創意群體中具有較高的影響力與號召力。
黃蜂網reeoo
reeoo是乙個收集最新的時尚潮流**設計案例，提供設計靈感的**。是**設計師尋找靈感和案例的必備**之一。
轉 設計師也需要了解的一些前端知識
一 常見視覺效果是如何實現的 一些事 關於文字效果網際網路的一些事 文字自身屬性相關的效果css中都是有相對應的樣式的，如字型大小 行高 加粗 傾斜 下劃線等，但是一些特殊的效果，主要表現為ps中圖層樣式中的效果，css是無能為力的。但是css也在不斷發展，在css3中已經新增了文字陰影的效果，可惜...
UI設計師常用的開發工具
我們在學習ui設計的過程當中，需要學習到很多知識，比如軟體 photoshop illustrator ae axure sketch這些都是一名ui設計必需要掌握好的軟體。學習到這些軟體，自學就可以，很多 都有教程 那麼這幾款軟體在ui設計工作是負責什麼的呢？與佔的比重是多少？武漢新華電腦學校老師...
使用者體驗設計師常用的21款工具和應用
使用者調查 測試 回饋 原型 圖表 協作在開發原型階段之前，你必須做大量的研究和調查，正確的了解使用者的需求並建立出相應用web和移動解決方案。1.usabilitytools usabilitytools 是乙個允許你以使用者的視角來看乙個 並且可以直接問其它人如何根據不同的研究和測試方法提高你的...