一個優(yōu)秀的網(wǎng)頁設(shè)計師，需要掌握最新的設(shè)計趨勢和最便捷的設(shè)計工具，讓設(shè)計效率最大化。

今天給大家吐血整理了六款建站必備的設(shè)計資源網(wǎng)站。讓大家不僅可以快速建站，還可以建得小而美！

注意：訂閱號中的網(wǎng)站不可以直接打開，大家可以收藏后將網(wǎng)站復(fù)制后在電腦端打開。以下的網(wǎng)站不需要翻墻喔！

Freebiesbug

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

Freebiesbug搜集了許多免費優(yōu)質(zhì)的網(wǎng)頁設(shè)計資源 ，包括模板、UI和各種插件。左側(cè)是可供選擇的分類，主欄通過不同主題的劃分，可以快速找到自己想要的素材。

對于閱讀英文比較困難的朋友，可以在瀏覽器上添加一個翻譯的組件，一鍵翻譯外文頁面即可。

Pttrns

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

pttrns與freebiebug的差別就是，pttrns的素材收集會更專注于移動網(wǎng)站的案例。在未來移動網(wǎng)站、app的流量會飆升得更快，各位移動建站的朋友們不要錯過。

pttrns的分類會更加具體，甚至精確到ipad端，以及各種操作界面譬如“定位”、“對話”、“搜索朋友”等，但是頁面不如freebiebugs美觀。

Flat UI Color Picker

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

Flat UI Color Picker 專注于提供扁平風(fēng)配色方案。

UI中國

網(wǎng)站地址：http://www.ui.cn

界面設(shè)計垂直社區(qū)、圖形界面交互設(shè)計平臺。

Trianglify Generator

網(wǎng)站地址：http://qrohlf.com/trianglify-generator/

如果你只需要一個簡單的多邊形的紋理背景，可以用Trianglify Generator 在線多邊形圖案生成工具，簡單幾步就能制作出漸變的多邊形背景，既顯得高端，又不會凌亂。

kuler

網(wǎng)站地址：https://color.adobe.com/zh/create/color-wheel/

說它是最有逼格的配色神器毫不為過。kuler可以直接輸入網(wǎng)址在線生成，同時也是完整版ps附帶的小工具（在ps中打開可以直接導(dǎo)入色板，非常方便）。

做手機網(wǎng)站，上搜狐快站！通過可視化拖拽的方式，零門檻三分鐘免費建站！