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

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

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

Freebiesbug

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

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

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

Pttrns

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

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

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

Flat UI Color Picker

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

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

UI中國(guó)

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

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

Trianglify Generator

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

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

kuler

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

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

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