吐血整理的設計師必看的網站，都是提升設計水平的好平臺，記得收藏查看哦。
如果你需要什么資源，可以打開下面這篇文章，在文章底部留言。
設計師網址
1、給大家推薦一個優(yōu)秀的網頁設計
2、Laws of UX：一系列交互原則的介紹，配合極簡風格的插圖。
3、，UI 設計必備！100 多個分類，不用發(fā)愁沒靈感了
4、分享一個種類豐富的 UI 組件靈感庫 -
5、網格網站
6、按功能分類的設計網站
7、國外設計網站
8、GIF 垂直搜索引擎，不支持中文搜索，下載 GIF 網址
9、常用的網頁設計參考
可根據(jù)配色篩選設計網站集錦 -
優(yōu)站精選 -
全球酷站中心 -
全球優(yōu)秀網站集錦 -
清爽簡約風格的網頁模板 -
界面簡潔的網頁設計匯集 -
日本網頁設計欣賞 -
日本網頁設計匯總網站 -
日本網頁設計欣賞 -
韓國設計欣賞 -
優(yōu)秀網頁設計欣賞 -
10、 這個網上軟件類似 ps
11、平面紋理素材
圖色網址：
Hero 網址：
網址：
12、分享一批化妝品集團網站：
愛茉莉：
IOPE：
韓 佛：
伽 藍：
資深堂：
資深堂：
高 絲：
佳麗寶：，官網：
13、海報網址：
餐飲
商業(yè)展覽
廣告營銷
韓國電影
歐美電影
國產電影
：
：
字體圖形
14、：很有格調的圖片網站
15、 ：分享超現(xiàn)實主義美學應用
16、The ： 包裝設計方向
17、one page mania：簡約格調設計網站，需要科學上網。
18、創(chuàng)意-廣告?zhèn)鞑?品牌
#hjem/
19、平面設計
20、攝影-影像
21、關于 x
設計靈感
1、Fotor（懶設計）：探索海量模板 發(fā)現(xiàn)設計靈感
這是一個主打在線做平面設計卻又不務正業(yè)的提供了大量互聯(lián)網運營相關設計案列、模板的神奇網站，你可以把它當做“花瓣”來用
2、云端：高品質設計素材與資訊集合站。
C4D、PS、PPT、、平面、影視、筆刷等資源應有盡有
3、Niice：創(chuàng)建情緒版的最佳靈感網站
用于創(chuàng)意初期腦爆、產品風格設定時收集各種討論素材的網站，沒看懂，或者沒用過的，可以去看看
4、背景紋理
5、科技網站推薦
6、這個也是一個類似于花瓣的
7、分享一個種類豐富的 UI 組件靈感庫 -
8、給大家分享一個很有創(chuàng)意的網站,類似于日記類：
9、和大家分享個網站，構圖很大氣，用斑點元素，然后選項卡也設計的比較有啟發(fā)
10、：
把大把的靈感，不得不說，平時我做設計的很多靈感都來自于此，年輕，有活力，獨特，新穎，潮流。
11、：
設計創(chuàng)意交流，設計前衛(wèi)，有手機 APP 應用，支持中文。
12、：免費，激發(fā)靈感。
13、365 ：
每天推薦一名優(yōu)秀設計師作品，發(fā)散思維。
14、：腦洞大開的設計網站。
15、：提供靈感的高逼格網站。
16、DADA：
你可以與其他藝術家通過創(chuàng)意視覺圖像的聯(lián)結進行對話。也就是說用圖像圖畫代替文字交流，炒雞有趣哦。
插畫網址
1、給大家分享一個扁平插畫集，可用于個人和商業(yè)，可調整顏色，
2、 一個很多插畫教程的網站
3、插畫設計網址
①
②
③
④
⑤
⑥
⑦
⑧
⑨
4、分享個隨便畫畫就很漂亮的網站
免費商用圖片網址
大多數(shù)都不需要科學上網。
1、（）
的宗旨就是一心一意提供專業(yè)美食相關的免費圖庫，所以，這個網站只有與美食相關的圖片。這比那些圖片分類多，但每一個分類下圖片數(shù)量很少的網站專一多了。（這個網站有個缺點就是廣告有點多。）
2、（）
是一個為博主、網站主、自由職業(yè)者、網頁設計師提供高品質圖片素材的網站，所有的圖片都可以應用于任何項目，沒有版權限制。（這個網站，它居然有配色方案！而且，配色方案還可以下載下來。）
3、Nasa（）
我一直在思考要不要把這個網站推薦給你們，因為這是美國國家航空航天局的網站，上面的圖片涉及到美國的國家領導人。
4、（）
號稱“免費高清靈感系圖片網”，它是一個每天分享免費高分辨率照片的網站，由文森特創(chuàng)辦。該網站也是一個激發(fā)你靈感的圖庫站點，每天手工挑選高分辨率的各種圖片，主要類別：自然、城市建筑、動物、視頻、技術等。（通過情緒找圖，我也是第一次見，可以說很 6 了。圖庫主打黑白圖片，喜歡這類圖片的盆友趕緊收藏吧。）
5、（）
是一個干凈整潔無任何廣告的圖片分享網站（這一點深入我心），提供超高分辨率的圖片資源，由眾多攝影師提交分享，可以讓你欣賞世界各地分自然風景、人物寫真。（很多創(chuàng)意、意境、人文地理、風土人情類的靈感系圖片，一定可以滿足你的需求。）
6、別樣網（）
別樣網，是國內較大的無版權高清圖片網站，提供各類高質量的無版權圖片。圖片由用戶自行上傳，后臺審核，優(yōu)秀攝影師的交流平臺，現(xiàn)已成立沙沙野俱樂部。
（喜歡攝影的小伙伴，可以收藏哦。）
7、（）
是免費高分辨率攝影圖片庫，所有圖片都可以用于個人或者商業(yè)用途，圖片每周更新一次。（適合開腦洞）
8、（）
是一個致力于為用戶提供海量共享高清圖片素材的網站，每周都會定量更新。它所有的圖片都會顯示詳細的信息，例如：拍攝的相機型號、光圈、焦距、ISO、圖片大分辨率等，高清大圖質量很不錯的。
9、（）
的圖片多為歐洲景觀，多為攝影師拍攝的生活類圖片，所有的影像都是公共領域捐贈而來。（適合旅游業(yè)的小伙伴）
10、（）
由多位攝影師創(chuàng)辦可以修改網頁文字的神奇代碼，擁有豐富的免費照片。 的圖片都是日更的，由攝影師找出高品質、高清晰度的照片，上傳發(fā)布，他們是想讓更多的人免費使用高質量圖片。
11、推薦幾個好用的國外免費的圖片源站（都可以直接打開，就是有的有點慢）
12、：
涵蓋 ，， Stock，， 在內的 15 個免費高清圖片網站的資源。
13、最好的 27 個高質量免費圖片網站
.co
.co
.co
/free
nos..co
14、高清免費下載圖片，盡量使用英文關鍵詞搜索
15、復古圖庫：
風景圖庫：
黑白圖庫：
美食圖庫：
人物圖庫：
歐洲景觀：
綜合圖庫：
日系圖庫：
京東圖庫：
攝影圖庫：
16、： ，幾乎全是畫冊、海報
note&point： ，PPT 靈感素材站。
The ： ，紋理素材。
Flat 必不少，
New Old Stock： ，提供大量的老照片。
： ，可以通過顏色、情緒尋找圖片。
： ，主打美食，吃貨設計師站點。
： ，藝術家 站點，很適合 web 設計，和壁紙使用。
17、古田路 9 號：
以品牌為核心，集創(chuàng)意作品分享、活動招聘發(fā)布、廣告推廣、正版字體素材下載等多元化的交流分享平臺。也是國內各大設計組織活動的官方媒體，并與國內各大品牌設計公司形成戰(zhàn)略合作伙伴。
18、視覺 ME 設計社區(qū)：
19、 免費的商業(yè)圖庫
（天空之城）
（星空,宇宙）
（汽車）
(食物)
(不要錢高清大圖)
(不要錢的高清大圖)
（文藝濾鏡）
電商網址
1、
2、
3、
4、推薦大家一個時尚雜志網站：
這里匯總了世界上幾乎所有的時尚雜志的封面設計和內頁設計，還有很多國內外的設計師喜歡把自己的簡歷或書籍封面設計也放上去，能夠給排版參考帶來不少的靈感
趣味網址
1、#各種有趣的晶格小動物
2、Emmit Fenn
個有趣的交互式音樂視覺網站。(第一次打開網頁的時候會比較慢，可能需要在當前頁面等一會兒)
3、把靜態(tài)圖片自動生成故障風格，還可以保存成 gif
4、 感受一下代碼的魅力
5、晶格化背景網站推薦
：
：
：
：
6、 分享一個網頁上實現(xiàn)動態(tài)霓虹文字效果的實現(xiàn)方法，你們可以拿去讓你們的開發(fā)小哥看，如此一來，你們在設計 web海報的時候，又多了一種選擇噢
7、萬箭齊發(fā)毫發(fā)無傷背景生成器
8、分享幾個練習設計能力的游戲網站
測試你對像素寬度的識別能力
測試你對 RGB 的了解程度
讓你練習排版
配色練習
測試色感的小游戲
鋼筆工具小游戲
鍛煉你的字體造型能力
看原型圖猜網站
9、設計神器（）
..co（雙色調）
（故障藝術生成器）
（炫光生成器）
（鏡像炫光生成器）
（漸變層生成器）
.io//full//（流動漸變層生成器）
demo.marpi.pl/（體素生成器）
..io/-image（圖片體素化生成器）
..io/-box-art（剪紙風格生成器）
..io/Stars-（ 生成器）
10、分享個萌酷有趣的星球生成器
11、放射粒子 Stars- 網址：
光線繪畫 網址：
多邊形在線制作器 1 網址：
光效網址：
粒子網址：
剪紙風格網址：
多種場景背景發(fā)生器 1 網址：
多種場景背景發(fā)生器 2 網址：
特效發(fā)生器網址：
NASA 星空網址：
12、背景質感紋理生成器
r 網址：
13、Ps 精修后創(chuàng)意圖網址：
14、4K 超高清背景圖下載網址：
15、多種素材集合網址：#
科技數(shù)字生成器網址：
故障藝術生成器網址：
漸變元素網址：
16、等高線漸變背景， 網址：
抽象漸變背景，QU 網址：
Icon 圖標
1、給大家推薦一個萌趣又腦洞大開的圖標網址
2、圖標搜索
阿里巴巴矢量圖標庫網址：
網址：
icon8 網址：
多場景矢量圖標網址：
3、圖標除了阿里圖標庫之外的其他網站推薦
后臺界面
1、契合平臺系統(tǒng)類以及可視化設計，分享一些常看的不錯的網站
2、很不錯的后臺系統(tǒng)開發(fā)模版
3、#// 常規(guī)類后臺，可以參考這個
4、這篇文章講的后臺挺詳細的
5、分享一個 demo 網站（后臺管理系統(tǒng)）
6、后臺管理， 上面很多的哦，都有 Live Demo 的
7、后臺頁面可參考的
①全面功能和流程：
②這里是 Ant 的 React 實現(xiàn)，開發(fā)和服務于企業(yè)級后臺產品：
③Ant 后臺：
④花瓣 B/S 后臺界面：
8、系統(tǒng)界面
配色資源
1、
靈感網站，可以自己選擇搭配 5 種顏色來搜索具有特定調色板的設計方案
2、（用網頁打開）
配色網站 ，可以通過對比色或者鄰近色等來給出配色方案，還會給出一些小案例
3、
自動配色網站，任意選擇兩個你喜歡的顏色就能在瞬間生成一個比較全面的配色方案了，這個方案除了告訴你都有哪些顏色，并且提供簡單的示例之外，還幫你安排好了主色、輔色、甚至文字標題的顏色等你沒想到的其他細節(jié)！
4、 各種中國傳統(tǒng)顏色一覽，美得一塌糊涂。
5、 photo：Ai 幫你給黑白圖片上色。
輸入圖片鏈接，或者本地上傳圖片，網站會根據(jù)深度算法自動上色。
6、比較小眾但很好用的色彩網站
0 to 255—
—
Adobe Kuler Color Wheel—
Color —
Hex to RGB —
—
—
7、分享一個配色網站 #
8、 根據(jù)圖片生成色卡
9、色彩網站小集合
"色彩獵人"每天收集并策劃發(fā)布美麗的配色方案
讓尋找配色方案成為信手拈來的事情
推薦！幫助設計師們快速選到自己喜愛的配色方案
實用！成千上萬的配色方案
# 今年流行的漸變！點擊屏幕兩側按鈕可選更多色彩
網頁設計師配色的最佳之選
日本酷站索引，近 6000 個！必備酷站
從圖片中提取顏色參考
以主色調確定其它顏色
在線配色器
抓取圖片顏色
看到配色好看的圖片 可以上傳吸取顏色
10、給大家也推薦個網站 # 這個是可以在線預覽漸變顏色 自己復制粘貼色值的
11、推薦幾個不錯的漸變配色網站
#Shore（網站背景即漸變色，效果直觀）
12、配色神器
這個是教程
13、云配色：
好色度：
扁平化配色：
在線漸變色：
日本傳統(tǒng)色：
中國色彩寶典：
日本色彩寶典：
抓取圖片顏色：
配色方案：
色彩搭配思維：
安全配色指南：
選色配色規(guī)律：
扁平插畫配色：
中國傳統(tǒng)色譜：
14、 分享一個顏色工具可以創(chuàng)建修改，抓取漸變
15、純色背景配色網
依照色相抓取配色 網址：
依照關鍵詞抓配色 網址：
動效網址
1、 icon 的動效參考網站
2、小動效網站
3、
給大家分享一個動畫素材源文件網站，里面所有的動畫都可以下載到源文件，方便設計師和開發(fā)二次創(chuàng)作，是可重復組合使用的動效素材喔
APP 啟動頁
1、 分享一個啟動圖合集的網站
矢量素材
1、PNG 素材網址
網址：
覓元素網址：
網址：
Slick PNG 網址：
2、抽象矢量圖搜索
網址：
網址：
3、一個矢量圖下載站 - -
整站都是矢量的素材下載 - -
免費的矢量、PSD、圖標和照片下載 - -
矢量插畫源文件 - 無料 -
免費矢量和 PSD 圖片！- -
Free PSD & , -
全部為免費下載的矢量素材（動物偏多） -
設計元素的靈感圖庫 -
扁平矢量插畫集 -
免費矢量 PSD 素材 | -
免費的矢量、PSD、圖標和照片下載 -
背景生成器 - Star -
在線下載背景素材網站 - #-2050
無縫紋理背景的素材站 - #-tools
免費的 SVG 模板海報背景 -
4、Hero ：支持大量圖案下載
Logo 設計
1、 - 關于 LOGO 設計的博文
2、 - 很優(yōu)秀的國外 LOGO 設計機構，提供了很多 LOGO 作品
3、 - 高品質的標志設計作品
4、 - 一個設計靈感圖庫旗下的 logo 設計欣賞
5、 - 扁平化的 logo 庫
6、 - logo 設計精彩集錦
7、 - 超過 17 萬例的 LOGO 設計資源網站
8、 - 國內外 Logo 靈感神器
9、 - LOGO 品牌包裝靈感站
10、 - LOGO 品牌標志設計理念趨勢及案例展示
11、 - 深度解釋和展示 LOGO 設計
12、 - 每天更新精品 LOGO
13、
14、
15、：全是 logo
地圖網址
1、地圖和圖標網址
2、 Maps
Maps 可以為你提供出色的地圖繪制體驗，借助其中的矢量地圖模塊和柵格可以更好地繪制視覺效果出色的靜態(tài)地圖。
3、 分享一個可以定制地圖樣式的網站，讓地圖不在枯燥范圍。
4、多風格地圖工具網址：
數(shù)據(jù)分析
1、數(shù)據(jù)分析網站
工具推薦
1、 鍵入相關參數(shù)就能導出 PNG 的柵格系統(tǒng)圖
2、
分享三個 MAC 很全面的軟件免費下載網址，最后一個注冊一下就可以下載了，免費注冊
3、
在線進行各種文件格式轉換的，里面除了常規(guī)的商務辦公文檔、圖片、工業(yè)制圖等的格式轉換外可以修改網頁文字的神奇代碼，還有咱們設計師，進場用到的矢量文件格式轉換
4、圖表
5、
插件，在 中默認 Shift +→移動的距離是 10 px，當你在一個 8px 的網格上工作時，這將是非常惱人的。幸運的是， 制作了一個名為 Nudg 的應用，可以設置最小和最大移動距離
6、
關于網格選擇 8 的倍數(shù)的原因和應用 （文章是英文的，大家可以用有道翻譯官輔助哈）
7、
貝塞爾工具，做動效時，與程序猿哥哥對接對接確實是讓人頭疼的事情，但是用這個貝塞爾工具可以把相應的參數(shù)對接給程序猿使用，很方便
8、 AI 人工智能圖片放大 放大效果非常出色, 色彩保留較好, 圖片邊緣也不會有毛刺和重影,。更重要的是，影響畫質的噪點基本在放大的圖片上看不出來。
9、螞蟻金服推出提升工作效率的 插件「」
下載地址:
10、 動效團隊出品的兩款插件，優(yōu)化從 到 AE 的動效設計流程
9c93
①：導入 畫板到 AE 的 插件
出品，易用度還是可以的。值得一提的是，這個插件和早先國內西西開發(fā)的 插件撞名了：
② ：AE 標注插件，讀取動畫參數(shù)生成文本信息
11、 之前前端給我們推薦了一個
的 AE 插件，可以直接把動效生成 Json 文件給前端使用，這樣部分簡單的動效就不需要做序列圖或讓前端去調。
12、
快捷鍵的分享（同時這個網站上所有內容都是圍繞 軟件做的各類教程及素材）
13、分享一個柵格小工具，可以提升設計效率 。
14、安利一個做 3D 版像素的小軟件
15、Eagle 這個桌面端軟件
樣機模板
樣機模板網站推薦
① 去云端下吧，樣機比較多
②
③
④
⑤分享個樣機模板 網頁直接編輯可以導出圖片
壓縮網址
1、圖片壓縮網站
（可離線壓縮）
轉 PDF：
2、PDF 壓縮
3、GIF 壓縮
綜合性網站
1、設計導航推薦
中國設計網址導航：
騰訊設計導航：#!index/feed
大獅搜索導航：
創(chuàng)造師導航：
牛大拿導航：
奇目設計師導航：
設計師導航：
SDC 設計師網址導航：
設計導航：
前端設計導航：
NAV80 導航：
優(yōu)設網的設計師網址導航
圖翼網的設計導航：
2、推薦幾個設計師能用到的綜合網站設計導航。這些網站匯聚了各種網頁、logo、界面、ui 等優(yōu)秀的網址與社區(qū)。常見的 、、視覺中國等都有收集。
個性導航 #/
3、ppt 導航類網址，我覺得挺不錯的
4、這是綜合類素材網站
這個網站主要是集合網頁設計、 APP 界面設計、icon 設計；設計作品質量相對較高。網站可以根據(jù)所選顏色來匹配搜索的資源。
5、 這個網站特別好用 ，采集的是 上的作品，打開速度比 塊，分類也多，墻裂推薦
6、推薦一個設計綜合網站，里面不僅有主流的設計網站像 、、 等等，還有一些 H5 制作和 web 前端，還有一些書籍。
字體網址
1、 識字體網
2、把圖片放到求字體網試試
3、關于標題字體選用這塊我有個軟件推薦給你， hello font。
你可以先輸入你要預覽的文本，然后選擇你想要的字體風格，選定字體后再根據(jù)字體的風格和氣質去設計頁面其它元素。當然這些字體都是有版權的，不過你可以用它來快速預覽找靈感，后期字體轉為形狀，然后自己做些更細致的修改。
教程學習類
1、教你手繪 卡通涂鴉！
2、7 分鐘教你實現(xiàn)手寫字體動效
3、制作炫酷文字人像效果
4、 制作鉆石字的方法
5、 分鐘教你學會骨骼動畫
6、自學 C4D，不要錯過這些教程 - 知乎專欄
7、還有一套 ps 筆刷，適合手繪用的，里面有每種筆刷的使用方式
8、 這個講材質很不錯
9、滴滴的這篇文章有系統(tǒng)講解組件化的思維
設計規(guī)范
1、彈窗規(guī)范：
2、切圖命名規(guī)范：
3、Adele：設計系統(tǒng)/規(guī)范庫，收集了目前各大公司公開的設計系統(tǒng)。
4、設計規(guī)范
安卓的設計規(guī)范 #
尺寸規(guī)范
分享一個規(guī)范網站 #/zh-CN//icon
騰訊 ISUX，騰訊系的產品品牌規(guī)范都可以查看、下載 #
5、
分享個移動應用圖標生成工具，一鍵生成所有尺寸的應用圖標
6、彈窗規(guī)范
7、
大家在看規(guī)范的時候不要機械的去套，每個規(guī)范給出的時候后面基本都會有一小段解釋來說明。
點擊下方↙“閱讀原文”可打開更多資源