常用的設計網(wǎng)站是什么？
設計師平常都從哪里吸取知識？
如何讓自己更有創(chuàng)意？
如何讓自己更了解最新的設計趨勢？
小編經(jīng)過長時間搜集編輯了一個設計師類網(wǎng)站合集
下面我?guī)Т蠹伊私庀略O計師常用的網(wǎng)站！
“
常用
“
Behance，全球設計師作品展示平臺：https://www.behance.net/
Dribbble，界面設計師推薦必去網(wǎng)站：
http://dribbble.com/
abduzeedo，每天創(chuàng)意靈感分享網(wǎng)站：
http://abduzeedo.com/
創(chuàng)客貼，極簡的平面設計工具，拖拽創(chuàng)建精美設計
http://abduzeedo.com/
CSSWINNER，國外優(yōu)秀CSS網(wǎng)站畫廊
http://www.csswinner.com/
千庫網(wǎng)，口碑好、500萬素材免費下載
http://588ku.com/
TemplateMonster，全球最大、最專業(yè)網(wǎng)站模板集合庫！
http://www.templatemonster.com/cn/
MUUUUU，日本網(wǎng)頁畫廊，更新較快
http://muuuuu.org/
韓國設計森林，韓國網(wǎng)頁畫廊網(wǎng)站
http://jungle.co.kr/
站酷，國內(nèi)設計師平臺
http://www.zcool.com.cn/
Pinterest，全世界的人都在幫你找靈感
https://www.pinterest.com/
攝圖網(wǎng)100萬高清正版圖片免費下載
http://699pic.com/
海洛創(chuàng)意，國內(nèi)視頻圖庫
http://www.hellorf.com/
網(wǎng)頁設計平臺
http://www.uelike.com
視覺中國
http://www.shijue.me
”
UI干貨
”
“
UI-Cloud海量UI資源，可當素材庫或靈感庫使用
http://ui-cloud.com
flypixel目前已有800多個優(yōu)秀UI資源
http://flypixel.com
PixedenAPP UI、網(wǎng)頁模板、紋理等
http://www.pixeden.com
優(yōu)秀設計資源不定期分享免費高品質干貨
http://www.shejidaren.com
365psd每天一款高品質PSD素材
http://365psd.com
freebiesgalleryWEB, APP UI等PSD素材
http://www.freebiesgallery.com
365webresources分享網(wǎng)頁和UI相關免費素材
https://365webresources.com
DBL專門分享Dribbble和Behance的素材網(wǎng)站
http://dbfreebies.co
Graph BerryMockup、icon、模板等素材分享
http://www.graphberry.com
Freebiesbug綜合UI素材網(wǎng)站
http://freebiesbug.com
”
圖標
”
“
Easy icon圖標搜索引擎(中英)
http://www.easyicon.net
Logo EPS可以免費下載矢量LOGO模板的網(wǎng)站
http://www.logoeps.com
阿里巴巴圖標庫
http://www.iconfont.cn
圖標搜索引擎（英）
https://www.iconfinder.com
Icomoon在線網(wǎng)頁字體圖標制作工具Fontello(備用)
https://icomoon.io/app/#/select
FontAwesome流行的網(wǎng)頁圖標字體
http://fontawesome.io
The Nounproject高度可識別性的符號、圖標
https://thenounproject.com
iconmonstr設計風格簡約的圖標素材
http://iconmelon.com
”
“
矢量圖/筆刷/材質
“
Freepik百萬級矢量素材庫
http://www.freepik.com/
PS筆刷以及素材文理
http://qbrushes.net/
Subtle Patterns平鋪背景分享，很漂亮
http://subtlepatterns.com/
Textures3D類材質紋理素材
http://www.textures.com/
High Resolution Textures高分辨率紋理素材
http://www.highresolutiontextures.com/
FbrushesPS筆刷下載站
http://fbrushes.com/
BrusheezyPS筆刷、紋理背景
http://www.brusheezy.com/
psdboxPS教程及素材分享
http://www.psdbox.com/
Texture King紋理王，各種材質紋理素材分享
http://www.textureking.com/
優(yōu)秀設計模型展示社區(qū)
https://sketchfab.com/models/popular
”
字體
”
“
A5字體下載中文字體下載推薦網(wǎng)站
http://www.17ziti.com/
dafont大量免費英文字體下載站
http://www.dafont.com/
fontsquirrel字體松鼠，可商用的免費字體
http://www.fontsquirrel.com/
求字體可通過圖片查找對應的字體，也提供字
http://www.qiuziti.com/
Font Fabric提供漂亮的免費字體下載
http://fontfabric.com/
Font CDNGoogle Web 字體CDN
http://fontcdn.org/
losttype非常多漂亮的英文字體，帶banner展示
http://www.losttype.com/browse/
fontex免費可商業(yè)的字體下載站
http://www.fontex.org/
Abstract Fonts較全的字體下載站
http://www.abstractfonts.com/
谷歌Web Font
https://www.google.com/fonts
”
“
免費高清圖片
“
Unsplash高品質圖片素材，可免費用在任何地方
https://unsplash.com
DesignersPics設計師圖片素材
http://www.designerspics.com/
Foter超過2億張免費圖片
http://foter.com/
免費懷舊復古照片素材
http://nos.twnsnd.co/
Pixabay共有約 370000 張免費的照片、矢量圖
http://pixabay.com/
日本免費寫真素材
https://www.pakutaso.com/
免費圖片，可用于任何地方
http://littlevisuals.co/
”
Web酷站
”
“
CSS Design Awards歐美網(wǎng)頁設計欣賞
http://www.cssdesignawards.com/
Awwwards歐美網(wǎng)頁設計欣賞
http://www.awwwards.com/
4db日本網(wǎng)頁設計欣賞
http://4db.cc/
日本網(wǎng)頁設計欣賞
http://bm.straightline.jp/
krwz韓國網(wǎng)頁設計欣賞
http://www.krwz.com/kr/Listpic.asp?RegID=1
日本網(wǎng)頁畫廊
http://81-web.com/
單頁網(wǎng)頁設計欣賞
https://onepagelove.com/
移動網(wǎng)頁設計欣賞
https://onepagelove.com/
hoverstatWeb 交互動畫欣賞
http://hoverstat.es/
”
移動appUI
”
“
Pttrns收集移動APP界面設計作品
https://pttrns.com/
UIparadeUI零碎組件分享UIDB（備用）
http://www.uiparade.com/
UIgarage優(yōu)秀UI碎片整理
http://uigarage.net/
IOSicongallery分享優(yōu)秀IOS應用程序圖標的網(wǎng)站
http://iosicongallery.com/
app-iconsAPP圖標集合
http://app-icons.net/
Love UI分享移動端APP設計作品
http://www.lovelyui.com/
Uplabs分享Material和iOS風格的設計作品
http://www.ios.uplabs.io/
Inspired UI.分享iPad、iPhone和Android UI設計
http://inspired-ui.com/
Call to idea細節(jié)分類各種UI設計元素的UI酷站
http://www.calltoidea.com/
”
動效設計
”
“
UI Movement主要展示移動APP的動效界面，更新快
http://uimovement.com/
Motions有APP和其它好玩的GIF動畫作品
http://motions.me/
Design Patterns分類展示的動效元素，并且已實現(xiàn)代碼編
http://codepen.io/patterns
Capptivate展示的優(yōu)秀的動效作品(更新有點慢)
http://capptivate.co/
Little Big Details分享APP界面、軟件界面、網(wǎng)頁\智能
http://littlebigdetails.com/
UYI收集一系列動效界面，方便你激發(fā)動效設計
http://useyourinterface.com/
UI Interactions分享帶動效的UI設計作品，更新快
https://uiinteractions.com/
User Flow Patterns可能需要“科學上網(wǎng)”才能正常訪問
http://userflowpatterns.com/
NavNav收集優(yōu)秀Web&APP菜單
http://navnav.co/
”
logo設計
”
“
logo設計靈感來源
http://logopond.com/
”
“
畫板推薦
“
中英文字體設計精選
http://huaban.com/boards/13553099/?md=bdwzshejidaren
英文字體設計
http://huaban.com/boards/13553202/?md=bdwzshejidaren
網(wǎng)頁設計
http://huaban.com/boards/2943371/?md=bdwzshejidaren
扁平化專題頁面
http://huaban.com/explore/bianpinghuazhuantiyemian/?md=bdwzshejidaren
UI設計規(guī)范
http://huaban.com/boards/18801577/?md=bdwzshejidaren
引導頁
http://huaban.com/explore/yindaoye/?md=bdwzshejidaren
擬物化icon
http://huaban.com/explore/niwuhuaicon/?md=bdwzshejidaren
彈窗設計
http://huaban.com/explore/danchuangsheji/?md=bdwzshejidaren
UI界面原型
http://huaban.com/explore/UIjiemianyuanxing/?md=bdwzshejidaren
扁平化UI元素
http://huaban.com/explore/bianpinghuaUI/?md=bdwzshejidaren
電商banner
http://huaban.com/explore/Banner/?md=bdwzshejidaren
電商海報
http://huaban.com/search/pins/?q=%E6%B7%98%E5%AE%9D%E6%B5%B7%E6%8A%A5
淘寶直通車
http://huaban.com/search/pins/?q=%E6%B7%98%E5%AE%9D%E7%9B%B4%E9%80%9A%E8%BD%A6
化妝品詳情頁
http://huaban.com/search/pins/?q=%E5%8C%96%E5%A6%86%E5%93%81%E8%AF%A6%E6%83%85%E9%A1%B5
化妝品海報
http://huaban.com/search/pins/?q=%E5%8C%96%E5%A6%86%E5%93%81%E6%B5%B7%E6%8A%A5
童裝詳情頁
http://huaban.com/search/pins/?q=%E7%AB%A5%E8%A3%85%E8%AF%A6%E6%83%85%E9%A1%B5
童裝海報
http://huaban.com/search/pins/?q=%E7%AB%A5%E8%A3%85%E6%B5%B7%E6%8A%A5
女裝詳情頁
http://huaban.com/search/pins/?q=%E5%A5%B3%E8%A3%85%E8%AF%A6%E6%83%85%E9%A1%B5
女裝海報
http://huaban.com/search/pins/?q=%E5%A5%B3%E8%A3%85%E6%B5%B7%E6%8A%A5
男裝詳情頁
http://huaban.com/search/pins/?q=%E7%94%B7%E8%A3%85%E8%AF%A6%E6%83%85%E9%A1%B5
男裝海報
http://huaban.com/search/pins/?q=%E7%94%B7%E8%A3%85%E6%B5%B7%E6%8A%A5
女鞋詳情頁
http://huaban.com/search/pins/?q=%E5%A5%B3%E9%9E%8B%E8%AF%A6%E6%83%85%E9%A1%B5
女鞋海報
http://huaban.com/search/pins/?q=%E5%A5%B3%E9%9E%8B%E6%B5%B7%E6%8A%A5
男鞋詳情頁
http://huaban.com/search/pins/?q=%E7%94%B7%E9%9E%8B%E8%AF%A6%E6%83%85%E9%A1%B5
男鞋海報
http://huaban.com/search/pins/?q=%E7%94%B7%E9%9E%8B%E6%B5%B7%E6%8A%A5
女包詳情頁
http://huaban.com/search/pins/?q=%E5%A5%B3%E5%8C%85%E8%AF%A6%E6%83%85%E9%A1%B5
女包海報
http://huaban.com/search/pins/?q=%E5%A5%B3%E5%8C%85%E6%B5%B7%E6%8A%A5
家電數(shù)碼電器詳情頁
http://huaban.com/search/pins/?q=%E7%94%B5%E5%99%A8%E8%AF%A6%E6%83%85%E9%A1%B5
家電數(shù)碼電器海報
http://huaban.com/search/pins/?q=%E7%94%B5%E5%99%A8%E6%B5%B7%E6%8A%
珠寶飾品詳情頁
http://huaban.com/search/pins/?q=%E7%8F%A0%E5%AE%9D%E8%AF%A6%E6%83%85%E9%A1%B5
珠寶飾品海報
http://huaban.com/search/pins/?q=%E7%8F%A0%E5%AE%9D%E6%B5%B7%E6%8A%A5
餐飲美食詳情頁
http://huaban.com/search/pins/?q=%E7%BE%8E%E9%A3%9F%E8%AF%A6%E6%83%85%E9%A1%B5
餐飲美食海報
http://huaban.com/search/pins/?q=%E7%BE%8E%E9%A3%9F%E6%B5%B7%E6%8A%A5
”
設計文章
”
“
優(yōu)秀設計師
http://www.uisdc.com/
UI設計教程
http://uilover.com/forum-2-1.html
國外網(wǎng)頁設計信息博客
http://webdesignledger.com/
web ，app，ps教程應有盡有
http://www.digitalartsonline.co.uk/tutorials/
”
“
配色
“
Material風格
http://www.materialpalette.com/
Material UI
https://www.materialui.co/colors
快速DIY美觀的Material design
http://www.sankk.in/material-mixer/
MD Palette Generator根據(jù)自定義顏色生成配色
http://mcg.mbitson.com/#
Random material隨機搭配一套UI配色方案
https://codecrafted.net/randommaterial
Material Colors精選 500 和 A200 色板的顏色
http://materialcolors.com/
MD Colors又一個簡單的可視化的Material Design工具
https://www.materialpalette.com/colors
tintui只顯示 Material Design 中的 500 顏色
http://tintui.com/
MD Colors 2將色板中的顏色連同他們的正式名稱可視化
http://www.designskilz.com/colors/
Colorion分享 Material 設計配色，帶收藏夾功能
http://material.colorion.co/
設計配色方案
http://huaban.com/explore/shejipeise/?md=bdwzshejidaren
日本傳統(tǒng)色系
http://nipponcolors.com
日本和色大辭典
http://www.colordic.org/w
Colour Lovers看別人的優(yōu)秀配色方案
http://www.colourlovers.com/
全球大品牌LOGO色彩分類
http://blog.sina.com.cn/s/blog_605d05b10101fj2c.html
世界100強網(wǎng)絡品牌用色分布圖
http://blog.sina.com.cn/s/blog_605d05b10101fj27.html
設計師配色寶典！教你從零開始學配色
http://uilover.com/thread-226-1-1.html
“
設計工具
”
“
在線jpg/png壓縮工具
http://optimizilla.com/zh/
黃金比計算工具Golden Ratio，可以計算黃金比例的工具
http://www.shejidaren.com/examples/tools/golden-ratio/index.html
GuideGuidePS參考線快速繪制工具
http://guideguide.me/
pixlr在線Photoshop繪圖工具
https://pixlr.com/editor/
在線多邊形制作在線low poly制作工具，簡單幾步即可創(chuàng)作一幅藝術作品
http://www.shejidaren.com/examples/tools/low-poly/
網(wǎng)點網(wǎng)格線在線生成
http://gridzzly.com/
摹客原型設計工具
https://www.mockplus.cn/
BG Patterns在線制作平鋪背景工具
http://bgpatterns.com/
mindmeister在線思維導圖
https://www.mindmeister.com/
fontsquirrel在線生成@fontface工具
http://www.fontsquirrel.com/tools/webfont-generator
有字庫生成中文@fontface字體
http://www.youziku.com/
在線生成web font字體
http://fontello.com/
信息圖制作
https://infogr.am/
Sketch Sheets可打印手機、瀏覽器、Pad等設備的原型模板
http://sketchsheets.com/
極好用的web柵格工具
http://grid.guide/
Worktile團隊協(xié)同工具，讓你的團隊隨時隨地一起工作
https://worktile.com/
Tower高效管理你的團隊以及項目
https://tower.im/
Trello國外免費團隊協(xié)作工具
https://trello.com/
白板設計圖討論工具
https://bearyboard.com/
Teambition讓你可以和同伴共享項目進展，隨時溝通，從而輕松完成目標
https://www.teambition.com/
平面設計尺寸大全
http://www.shejidaren.com/examples/tools/chichun/flat-design-spec.html
移動設備屏幕尺寸大全
http://www.shejidaren.com/examples/tools/device-metrics/index.html
設計規(guī)范大集合--花瓣
http://huaban.com/boards/18801577/?md=bdwzshejidaren
iOS8人機界面指南pdfPDF版本 - iOS 8人機界面指南 - UI元素與設計尺寸
http://vdisk.weibo.com/s/axnLmnhcyQqww
”
Sketch
”
“
Sketch官網(wǎng)Sketch官方網(wǎng)站
https://www.sketchapp.com/
sketch快捷鍵
http://www.shejidaren.com/examples/tools/sketch-shortcuts/index.htm
sketch素材
http://www.sketchappsources.com/
sketch視頻教程
https://www.sketchcasts.net/
Sketch tips分享 Sketch 的使用技巧 簡單易懂
http://www.sketchtips.info/
sketch資源集
http://jydesign.com/sketch-app-user-resources
sketchhunt分享Sketch資源
http://sketchhunt.com/
Sketch NewsSketch綜合信息網(wǎng)站，有教程、新聞、素材、插件等信息
http://sketchnews.co/
Sketch repo分享Sketch 素材，資源質量較好
http://sketchrepo.com/
SketchtipsSketch技巧（更新有點慢）
http://sketchtips.tumblr.com/
Sketch Rocks!Sketch插件、素材、教程、雜項...
http://sketchapp.rocks/
Sketch Packs純Sketch插件
https://sketchpacks.com/browse?page=1&sort=updated_at%3Adesc
”
“
信息圖
“
Designspiration提供不同類型的數(shù)據(jù)圖表
http://designspiration.net/search/saves/page/1/?q=infographic
informationisbeautiful數(shù)據(jù)信息圖分享
http://www.informationisbeautiful.net/
網(wǎng)易數(shù)讀輕量化數(shù)據(jù)閱讀體驗
http://data.163.com/special/datablog/
infosthetics分享可視化數(shù)據(jù)
http://infosthetics.com/
搜狐數(shù)字之道搜狐的數(shù)據(jù)圖表新聞
http://news.sohu.com/matrix/
新浪圖解天下
http://roll.news.sina.com.cn/chart/index.shtml
coolinfographics酷圖表
http://www.coolinfographics.com/
Best- infographics專注搜尋互聯(lián)網(wǎng)上每天熱門的信息圖
http://www.best-infographics.com/
GOODGOOD信息圖分享
http://magazine.good.is/infographics
騰訊新聞百科騰訊的圖表新聞專欄
http://news.qq.com/newspedia/all.htm
網(wǎng)商圖媒體解讀電商動態(tài)
http://www.wshang.com/media/index.html
百度瀏覽器統(tǒng)計份額網(wǎng)頁設計師必備，統(tǒng)計國內(nèi)瀏覽器使用率
http://tongji.baidu.com/data/browser
”
“
前端開發(fā)
“
w3school前端入門教程網(wǎng)站
http://www.w3school.com.cn/
Codrops前端技術分享博客
http://tympanus.net/codrops
Bootstrap中文站Bootstrap流行的響應式前端框架
http://www.bootcss.com/
緩動函數(shù)速查表
http://easings.net/zh-cn
響應式VS自適應讓你了解響應式和自適應的區(qū)別
http://www.shejidaren.com/examples/responsive-web-design
特殊符號表箭頭、貨幣、特殊字符、Unicode、Hex Code、Html Cod
http://htmlarrows.com/
emojisemojis表情及其它特殊符號
http://copypastecharacter.com/emojis
CSS中文字體對照表中文字體Unicode查看
http://www.shejidaren.com/examples/tools/css-unicode-font
normalize.css目前流行使用的CSS Reset
http://necolas.github.io/normalize.css/
bootCDN靜態(tài)資源庫穩(wěn)定、快速、免費的開源項目 CDN 服務
http://www.bootcdn.cn/
CSS3 GeneratorCSS3漸變、陰影、動畫等在線工具集合
http://css3generator.com/
cssanimateCSS動畫生成工具
http://cssanimate.com
SVG EDITSVG圖像繪制及編輯
http://svg-edit.googlecode.com/svn/branches/stable/editor/svg-editor.html
Codepen在線編輯HTML/CSS/JS，并有很多酷弦的特效代碼
http://codepen.io/
jQuery Cards1000個高品質jQuery插件庫（推薦）
http://jquerycards.com/
CSS/JS壓縮代碼壓縮美化~
http://tool.css-js.com/
PX EM單位換算
http://pxtoem.com/
”
UED團隊
”
“
阿里媽媽UED
http://mux.alimama.com/
360UXC
http://uxc.360.cn/
騰訊CDC
http://cdc.tencent.com/
騰訊tgideas
http://tgideas.qq.com/
百度MUX
http://mux.baidu.com
暢游VC
http://vc.changyou.com/
淘寶前端團隊
http://taobaofed.org
8天在線UED
http://ued.8dol.com/
騰訊ISUX
http://udc.weibo.com/
網(wǎng)易UEDC
http://uedc.163.com/
網(wǎng)秦UEC
http://uec.nq.com/
迅雷CUED
http://cued.xunlei.com/
阿里EUD
http://www.aliued.cn/
UX問答社區(qū)
http://ux.stackexchange.com/
字體排版練習
http://type.method.ac/
”
設計路上歡迎更多小伙伴加入我們的文藝圈
添加小編微信號：Canyueming，小編拉你進群。
掃碼關注公眾號
設計咨詢
情感治愈
藝術話題
