61個免費＋優質設計素材網站推薦
回復【社群】
加入學習交流群【三人行】
回復【實習】
加入【設計崗實習內推群】
小夥伴們，今天小A要分享給大家的是
設計學習必備的61個素材網站
包括高清圖庫、字體、配色、
圖標、網頁、前端等諸多素材網站
先收藏，留著慢慢看
1
綜合類(5)
優設
www.uisdc.com/
設計師網址導航：hao.uisdc.com/
站酷
www.zcool.com.cn/
UI中國
www.ui.cn/
圖翼網
www.tuyiyi.com/
egouz
www.egouz.com/
分享和推薦國外知名、實用、高質量的國外網址的站點，收錄國外和國內各類創意、旅遊、文化、音樂等多領域站點資源
2
高清圖庫(13)
Unsplash
unsplash.com
很有個性的高質量免費圖片素材網站，每天分享高清的攝影圖片，清新的生活風格
pexels
www.pexels.com
提供海量免費共享圖片素材的網站，每周都會定量更新，所有的圖片都會顯示詳細的信息，例如拍攝的相機型號、光圈、焦距、ISO、圖片大解析度等，高清大圖質量很不錯
Realistic Shots
realisticshots.com/
主要分為五大類：建築、自然、人物、旅行、科技的素材為主，圖片質量也挺不錯
Gratisography
www.gratisography.com
提供免費高品質攝影圖片的集散地,所有的圖片都可以用於個人或者商業用途,每周更新圖片
Life Of Pix
www.lifeofpix.com/
提供免費高清圖像素材，並且無版許可權制可商用，圖片多為歐洲景觀，多為攝影師拍攝的生活類圖片
花瓣
huaban.com/
國內優質圖片靈感庫，你可以用它收集靈感,保存有用的素材
千圖網
www.58pic.com/
提供矢量圖素材，還有psd素材，PS素材，設計模板，設計素材，PPT素材，以及網頁素材
昵圖網
www.nipic.com/
原創素材共享平台，設計素材，攝影作品等等
Free Images
pixabay.com
提供免費無版權圖片素材，提供多種不同大小尺寸的相片，使用者可依照需求下載，亦能取得相片原圖也就是高畫質格式
freeimages
cn.freeimages.com/
是一個自由攝影相關資源的站點，提供高品質的數字攝影圖像，網站收集的所有圖片都是免費的
Wallpapers
wallpaperswide.com/
國外一家唯美桌面壁紙網站，各種解析度的圖紙都有，唯一美中不足的地方是右下角有小的水印
500px
500px.com
攝影分享社區，裡面有世界各地的攝影師作品，裡面的圖片都是高清的，免費和收費的都有
Zoommy
一款多圖庫源管理應用，支持Windows/Mac/Linux
下載地址：zoommyapp.com/
有了它我們可以很方便的關注40多個圖庫源，找素材的效率大幅提升
3
字體下載(6)
1001freefonts
www.1001freefonts.com/
是一個國外免費英文字體下載站點，支持平台: PC, Mac擁有字體超過6000個
Fontex
www.fontex.org/
提供豐富的英文字型免費下載的網站
A5字體
down.admin5.com/ziti/
中文免費字體下載，每類文字都有其專屬的文字介紹，方便了解字體的特性及用途
求字體網
www.qiuziti.com/
免費提供上傳圖片找字體、字體實時預覽及字體下載
頭文字
www.touwenzi.com
收集整理免費中文、英文、日文、韓文、俄文、繁體中文等字體的字型檔網站
字體傳奇
www.ziticq.com/
網站上有很多字體設計作品，可以作為靈感素材
4
色彩搭配(10)
配色網
www.peise.net/
支持在線配色和顏色搭配等
Flat UI Colors
flatuicolors.com/
這個網站提供了多種主流 UI 配色方案，特別是扁平化配色
WebGradients
webgradients.com
180個網站漸變背景色集合，收錄了非常多的漸變色彩，點擊可以大圖預覽，喜歡的話可以下載png 圖片，很方便
Colorhunt
www.colorhunt.co
包含了一系列漂亮炫酷的色彩組合,網站會每天更新配色方案,並且根據瀏覽數排列出最漂亮的配色方案
LOL Colors
www.lolcolors.com/
一個很簡單、設計可愛的在線配色工具，設計師可們可以在這裡找到很多色彩組合，把滑鼠移動到不同顏色的水滴上會提示色彩代碼(Hex Code)的顏色值
Nipponcolors
nipponcolors.com
這是一個很文藝的網站，裡面收錄了非常多看好的顏色，而且每一種顏色都有一個很文藝的名稱，整個網站的背景主色也是一直在變化的
Palettable
www.paint.io
特點是根據你的喜好進行配色。最初進入網站會出現一種顏色,你只需要選擇「喜歡」或者「不喜歡」從而選擇顏色,直到搭配出你想要的色板
adobe color cc
color.adobe.com
這款是 Adobe 官方出品的配色工具，裡面有很多配色的模式，比如單色系，三元色，互補色等，它可以通過不同色彩規則來提供配色參考
優設色彩
color.uisdc.com/
包含有中國傳統色彩、日本傳統色彩等常見配色方案，都有相應的色值參數
colorhunter
www.colorhunter.com/?
可以按照圖片來自動生成相應的不同調色板,也就是配色方案，可以直接從圖像中取色，然後給出最合適的色彩組合
5
圖標素材(10)
Icon Ninja(圖標忍者)
www.iconninja.com/
89w+ 的免費圖標，支持關鍵詞搜索，所有的素材圖片均提供詳細的如格式、寬度、高度、文件大小等信息，另外還支持CSS精靈進行CSS生成
DryIcons
dryicons.com/
提供免費矢量素材、圖標、icon、背景等素材資源下載的網站，也有部分資源要收費才能下載
Iconfont ：阿里巴巴矢量圖標庫
www.iconfont.cn/
國內功能很強大且圖標內容很豐富的矢量圖標庫，提供矢量圖標下載、在線存儲、格式轉換等功能
Flaticon
flaticons.net/
提供海量免費的SVG、PNG、WebFont 格式圖標素材下載，該網站收錄的圖標都是單色、平面化素材
Weloveicons.com
weloveicons.deviantart.com
收集了windows、mac、linux等操作系統上面的png優質圖標文件，也是一個學習IOS圖標設計的大學堂
The Noun Project
thenounproject.com
國外免費扁平化圖標網站，除了提供常用icon，同時還可以找到不同領域中的各式各樣的符號
Iconfinder
www.iconfinder.com/
很棒的國外圖標網站，所提供的圖標大多是透明背景的 PNG 格式圖標
Free vector icons
www.flaticon.com/
大量免費矢量扁平化圖標素材網站
EpicPxls
www.epicpxls.com
同樣也是免費圖標素材網站
Icotrip(每日圖標分享網)
www.icotrip.com/
是一個高原創圖標提供站點，圖示風格採用簡潔的黑白雙色，類別包括頭像、動物、產品等等，沒有固定的限制，但顯著的特點就是這些圖標都很有型、富有想像力
6
網頁/前端(11)
themeforest
themeforest.net
知名度非常高的模版銷售網站，從上面可以看到很多目前國外流行的頁面風格、動效，創意也非常不錯
Home
yootheme.com/
YOOtheme 也是非常棒的國外網站模版設計公司，包括wordpress和joomla!，設計簡潔有想法，還有他們推出的前端框架 UIkit(類似Bootstrap)，有興趣的朋友可以了解一下
Reeoo
reeoo.com/
收集最新的時尚潮流網站設計案例，可以按照顏色篩選
Awwwards
www.awwwards.com
非常有名的網頁設計創意參考網站，提供網頁設計師們的網頁設計作品欣賞
uplabs
www.uplabs.com
彙集了網站前端作品設計、iOS UI設計的資源站點，幫助設計師們收集網站設計靈感，免費素材和資源集合，用戶可以通過郵箱來訂閱最新收集的設計作品，同時還可以通過關鍵詞來搜索相關的設計案例
Material Design
www.materialup.com
移動應用和網站程序、概念設計作品展示，每周都會更新最新收錄的創意設計
Codrops
tympanus.net/codrops
彙集了全球前端開發的各種插件和特效，創意十足，動效酷炫，所有動效都是可以免費下載使用
GitHub
github.com/trending/css
除了git代碼倉庫託管及基本的 Web管理界面以外，還提供了訂閱、討論組、文本渲染、在線文件編輯器、協作圖譜(報表)、代碼片段分享(Gist)等功能
CodePen
codepen.io/
很棒的前端網站，可以直接預覽前端效果和使用代碼，也是全球web前端開發人員的聖地
wappalyzer
wappalyzer.com/
可以查看當前網頁的前端技術使用情況，非常方便
100 Days UI
www.ui100day.com/
一個Dribbble牛人的每日一設作品，有源文件下載和HTML代碼實現，點選任一作品後，會開啟Dribbble 頁面，裡頭會有詳細說明，包括這個項目的一些設計靈感，以及它運用到的顏色、分類等等
7
設計靈感(6)
Dribbble
dribbble.com
是一個面向創作家、藝術工作者、設計師等創意類作品的人群，提供作品在線服務，供網友在線查看已經完成的作品或者正在創作的作品的交流網站
behance
www.behance.net
設計師和創意者的小眾設計交流社區，裡面能找到很多讓你靈感爆棚的創意設計
DeviantArt
www.deviantart.com
展示與分享各類藝術創作的大型國際性社群網站，專業創作者及業餘愛好者發表其數字化的藝術作品及互相交流討論
Sketch It"s Me
www.sketch.im/
一個專註於 Sketch 分享交流的互動平台,更多更好的 Sketch 相關資源匯聚地
Reeoo
reeoo.com/
什麼資源都有，諸如UI、圖標、甚至html都有，質量不錯
Mobile-patterns
www.mobile-patterns.com/
安卓手機系統應用界面設計的資源網站，可以在左邊菜單分類檢索，諸如登錄、列表、搜索常見的元素都可以找得到
TAG:AAA設計師 |