如何找到設計的靈感？怎樣做出腦洞大開的設計？有哪些高質量設計素材可以參考？在哪里找到精致的設計案例參考、專業的設計平臺？

這份設計類網站合集，幫你解決那些設計中的小煩惱！

分享網站前，按照慣例我們先來簡單梳理一下設計師日常工作的基本流程，我會在每個步驟推薦好用的工具網站，助大家職場充電、提升效率。希望大家可以熟練使用、形成習慣。

設計師工作流程：

日常學習，提高審美 → 頭腦風暴 → 找素材出草圖 → 設計創作 → 作品交流。

一、日常學習，提高審美

在這個日新月異的時代，設計師一定需要時刻提升自己的技能和技巧，了解整個行業的流行的審美趨勢與技術動向。以下5個知名設計類網站，分享海量創意作品和學習教程，展示設計過程和創作細節，有行業資訊和相關比賽，助你日常學習，提高審美。

1、Artstation——專業的藝術家社區

Artstation是專業的藝術家社區，俗稱A站或AS，包攬插畫師、設計師、建模師，且平均水平非常高。

2、Tutsplus——從入門到的設計教程

Tutsplus是一個高品質的軟件教程網站，很多國外的設計大神會在這里分享自己的作品和教程。

Tutsplus內含有Ai、Ps、Id等主流設計軟件教程，而且支持語言切換。資源很多，很多課程注冊后可以免費觀看

它有大量Web開發人員和設計師提供的教程和技術文章，想要提升自己技能和技巧的你千萬別錯過！

3、Designboom——你的手藝術資源

Designboom成立于1999年，是目前國外非常流行的包含藝術作品和建筑設計、產品設計等內容的線上雜志和資訊網站之一。

Designboom報道建筑、藝術、科技、攝影、平面設計等方面的先鋒設計，介紹藝術相關新聞、競賽和案例。

你可以在看到作品的同時，看到它的圖紙等設計過程。

【Product library】是一個多元化的產品數據庫，雖然它商用目的更加明顯，但我們通過搜索可以聯想出不同形態作為參考。它更是提供了創作者的一手資料，方便參考。

4、站酷——國內設計圈知名度很高的平臺

站酷網是中國人氣的大型綜合性"設計師社區"，聚集了專業設計師、藝術院校師生、潮流藝術家等年輕創意設計人群。

站酷上活躍的多是中國年輕一代的設計師中堅力量，風格鮮明新潮，作品量很大。

這個網站有了很多關于交互設計的資訊。除了相關設計作品，還有很多關于設計的概念和如何做好設計的教程。

如果你想體驗免費課程，選擇【限免福利】版塊就可以篩選課程，免費學習到設計、攝影、繪畫、影視、三維等專業內容。

5、虎課網——海量設計案例課程

虎課網是一個案例式短視頻設計教學網站，在國內平臺內自學專業度較高。

國內很多設計大咖在這里開課，行業影響力大，教程非常豐課程呈現為點狀，有些教程只有一個案例，適合按需學習。每天可以免費看一集視頻，開通全站VIP會員則可無限觀看。

但是需要注意，虎課網沒有在線筆記，課程介紹不是很明確，課程內容主要由合作老師自發上傳。廣告彈窗比較多，學習沉浸感不強。

二、靈感收集

作為設計師的你，在具備一定專業技能和審美眼光的前提下，如何緊跟流行趨勢，創建奪人眼球又不失實用性和用戶體驗愉悅度的作品呢？以下4個網站，助你了解和學習時下新且佳的設計實例和模板，激發設計靈感。

1、ADGuider——智能創意充電站

ADGuider是涵蓋近創意案例的智能搜索工具，無數設計師驚呼它體驗好、速度快、案例全。

在搜索篩選時你可以選擇海報/平面等類型，查看30多萬創意海報設計作品。也可以按行業、品牌、節日等其他22個分類搜索，輕松高效獲得靈感，專注于創造，效率創造。

大的亮點是支持組合詞智能搜索，可以按“時間+行業+品牌+節日+類型+明星++語言”等組合詞搜索。有事搜一搜，沒事看一看，走過路過千萬不要錯過。

網站：https://www.adguider.com/

2、Pinterest——以視覺方式發現創意點子

Pinterest是一個個人創意及視覺探索工具，也是圖片分享類的社交網站，內容豐富全面，基本各類設計作品都能搜到。

Pinterest采用瀑布流的形式展示圖片和作品，新的圖片不斷自動加載在頁面底端。

你可以創建自己的畫板，也可以看到其他用戶創建的畫板，實現資源共享。

你可以將感興趣的作品保存在文件夾中隨時查看，其他用戶也可以收藏你的文件夾并進行關注和轉發。

該網站每次都會根據你的搜索記錄進行推薦，且關聯圖片非常準確，可以幫助你找到更多有用資源。

3、花瓣網——陪你做生活的設計師

花瓣是中國版的pinterest，它以“發現、采集你喜歡的”設計”為主打特色，是設計師和自媒體的福音。

花瓣的核心用戶多為設計師和攝影愛好者，可以說更偏向為設計精英們打造的興趣圖譜和優質圖片靈感庫。特點是風格清新文藝，偏向生活感。

你可以很方便地收集圖片和靈感創意，也可以直接查看他人收集的優質內容，提高審美能力。

可以通過網站中的超鏈接找到更多類似主題圖片，非常實用。

4、Abdz——讓你隨時被啟發

Abdz是一個關于創意靈感的網站，在過去十多年中見證了設計社區的演變。從不同的風格到媒介，Adbz隨行業發展而發展，現在已經成為web上的設計博客之一。

Abdz的界面簡單美觀，內容覆蓋范圍廣。分享關于設計、攝影和UX的文章，有很多photoshop及其他常用設計軟件的教程。

在【Tutorials】欄中，有ui/ux分欄，其中有很多優質教程與實例解析。

【Collections】中的案例質量很高，圖文的表現形式做作品集可以用來參考。

三、頭腦風暴

在進行設計創作頭腦風暴的過程中，筆記類網站可以幫助你記錄靈感和整理思路，而思維導圖可以幫助你從多方面多角度去思考和發散，理清復雜的邏輯關系。

1、印象筆記——管理你的第二大腦

印象筆記是一個工作效率筆記，可以隨時隨地查看和備份信息，一鍵儲存高價值網頁和文章。筆記簡潔，記錄便捷，快捷共享，高效協作。

印象筆記方便排版，支持多種字體，搜索功能強大，可以對圖片進行標注，添加附件后也可以在筆記內進行標注解釋等。

你可以在多種設備和平臺間無縫同步每天的見聞、思考與靈感，一站式完成信息的收集備份、保存和高效整理。無拘無束，隨時隨地保持高效。

但缺點是免費空間容量小，而且只能給整個軟件加密或者給部分文字加密。

2、有道云筆記——隨時隨地記錄你的精彩

有道云筆記是一個專注辦公提效的筆記軟件，界面簡潔，空間容量大。

有道云筆記可以給文件夾加密，導出與分享方便，微信收藏比較快捷，還可以在文件夾內置頂筆記。

支持文字/圖片/語音/手寫/OCR/Markdown等多種形式，全面兼容office、PDF等辦公常用文檔，無需下載即可查看編輯。

如果你在有道云筆記里添加了多級標題格式，先導出為word后，在word里導出為pdf，還可以形成書簽形式的目錄。

但缺點是不能對圖片進行標注，也不能在同一個界面內進行標注，和印象筆記各有千秋。

3、百度腦圖——便捷的思維工具

百度腦圖是百度系的一款在線思維導圖工具，方便分享，體驗舒適，功能雖然不多，但基本需求都能滿足。

百度腦圖免安裝，云存儲，打開方便，界面清爽，主題樣式清晰。

操控性很高，就像CAD畫圖一樣，工具欄簡單快捷，無需過多復雜操作。

關鍵的是，用百度賬號就能同步在各個平臺上使用制作，免費又好用！

4、XMind——思維導圖樣式設計工具

XMind是一個思維導圖和頭腦風暴軟件，專注做思維導圖十三年，擁有百萬級用戶，靈活好用。

更適合非小白使用，繪制不局限于思維導圖，樣式模板更多種多樣，導出的文件格式豐富。

完美支持印象筆記，可以直接將導圖存入印象筆記中，非常方便。

但是XMind可擴展性較差，不能多設備同步，適合收集靈感、整理思路、集中提煉等。

四、找素材出草圖

無論是 UI 設計、網頁設計還是平面設計都會遇到素材資源的需求，平日里多收集一些常用的素材網站，在項目緊、時間短的情況下總能排上用場！以下20個不同分類的高品質素材網站，可以方便大家下素材資源進行學習研究和設計應用，希望大家都可以飛速找資源、合理用素材。

A、插畫素材

1、Folioart——插畫設計社區

Folioart是英國的一家插畫藝術作品展示網站，由尼古拉斯·達維于1976年創辦工作室并上線網站，在過去40多年的歷史中，與影響力的插畫師合作。

Folioart陳列了來自世界各地的高質量、多種形式的當代插畫家和藝術家的作品，從插畫延伸到動畫、CGI、故事版等。

它就像一個插畫家的資源庫，如果你有商業需求，可以通過這個平臺，和的插畫師進行合作。

2、涂鴉王國——插畫設計師平臺

涂鴉王國是一個繪畫社交網站，聚集了大量中國的插畫師和漫畫家。

網站界面清爽簡潔，內容質量較高。它以插畫為核心內容，作品風格多樣，涉及使用行業廣泛。其中亞洲風格和古風題材尤其精致夢幻。

涂鴉王國有自己的教學平臺，有些精品課程會詳細地講解一整套創作流程，可以幫你帶帶節奏、養養感覺。?

涂鴉王國也是一個數字藝術領域的線上作品交流平臺，你可以創建個人主頁，方便跟其他人交流經驗、尋找實習或工作機會。

3、Julian Glander——幽默插畫站點

Julian是一位在紐約生活的 3D 藝術家，他擅長使用簡潔的形狀和大膽的顏色，并將漫畫作品發布在網站Julian Glander上，可以說是十分對古怪GIF愛好者的胃口了。

作品側重于整體形象的溫度和色調，非常有表現力。網站的用色和人物的形態風格都有強烈的個人風格，表現統一。

如果你有插畫基礎，可以根據原有的知識體系，從你的知識地圖中發掘一個點，再通過這個點借鑒該網站展開學習三維創作。

4、Societyillustrators——世界插畫藝術悠久非盈利組織

Societyillustrators是一個由插圖畫家創建的博客網站，匯集了大量的博客、專業的插畫資源。

該網站內容豐富，含有在線課程、數字創作工具、書籍、播客、行業相關者的聯系方式等。

它推廣插圖藝術，在線下通過展覽、講座和教育等方式理解和欣賞插畫藝術的歷史和發展性質，并把其成員的創作成果地奉獻于社會福利。

B、圖片素材

1、圖蟲創意——圖片素材庫

圖蟲創意是東方 IC 與圖蟲網共同推出的微利圖庫，優點在于價格低、服務好、圖片資源豐富、搜索技術強大。

圖蟲創意全面整合了3000多萬張來自于高端資源和頗具東方特色的創意類圖片，還有2000多萬張高質高清編輯類圖片。

你可以使用以圖搜圖、相似圖片、專題分類搜索及視頻搜索等技術，輕松獲取想要的圖片，激發創意靈感。

圖片一經授權可使用。同時還支持多授權用戶，支持多個子賬號功能，為公司企業用戶提供周到的服務支持和妥善的管理模式。

2、Visualhunt——按顏色搜索圖片

Visualhunt是一個圖片按顏色分類的網站，號稱有超過三億張高質量免費圖片。它可以通過顏色找圖片，更地滿足用戶需求。

你無需注冊和登錄就可以在線下載圖片。網站中有一萬多張是以 CC0 授權的免費高畫質相片，無論用于個人或商業開發皆可。

除了上方的搜索框，你還可以點擊顏色條或點擊下方的關鍵詞標簽對免費高清圖片/攝影照片/設計素材等資源進行搜索。

選擇【Commercial Use】后出來的都是免費圖片了，大家可以放心下載使用。

3、Unsplash——免費高分辨率圖片平臺

Unsplash作為照片網站，已經收錄了超過20萬名攝影師的近200萬張免費圖片/照片作品。

該網站以攝影作品為主，圖片精美，質量上乘，分辨率高。

任何人都可以在此分享作品，且作品供所有人使用，單反級高清免費無版權優質照片免費下載。

 4、Booooooom——海量豐富的設計圖片

Booooooom由一個溫哥華藝術家于2008年推出，12年時間沉淀了高質量的藝術內容，現已成為當代藝術領域的權威網站。

該博客網站的設計極簡，但擁有極其豐富的設計圖片。

它接受藝術家的自我推薦和投稿，同時對創意作品進行篩選和分享。

網站的整體氣質比較前衛，是藝術范的聚集地。相比上面的網站，它不是那么主流，實用性稍弱，但內容天馬行空，更適合你去尋找初期的設計方向。

C、圖標素材

1、Pngpix——免費png透明圖層分類圖庫

Pngpix是一個免費png透明圖層搜索圖庫，含有多種分類和大量素材，滿足你的png圖片需求。

素材包含22種大類，而且分類比較清晰，點擊右上角的分類即可顯示。素材頁面有顯著標識是否可商用。

素材可以免費下載，數量不限。值得一提的是，Pngpix上有很多人物的免摳圖片，尤其是明星素材，方便特別。

2、Cleanpng——高質量免摳素材

Cleanpng是一個提供免費PNG圖片資源下載的網站，不支持中文檢索，但素材全面更新快。

該網站擁有超過3萬個透明的PNG圖像，并提供多個類別來幫助瀏覽所有圖像，而且大多數都有相關搜索和推薦圖像。

特色是有各種類型素材的合集，這樣就不用擔心找到的素材風格不統一啦。

重要的是，這個網站，不需要注冊，不需要登陸直接可以下載，很方便！

3、Easyicon——60w+矢量圖標

Easyicon是一個強大的免費圖標素材網站，網站設計非常簡潔。打開就是一個搜索框，直接輸入你需要的關鍵詞，就可以搜索出大量圖標。

Easyicon支持中文搜索，在搜索時，你可以按顏色、熱度和尺寸等去搜索圖標，幫你以很快的速度找到喜歡的圖標ICONS，而且尺寸都是從大到小排列提供下載。

如果你看中某個圖標，可以直接進入這個圖標系列，有助于設計UI時統一風格。

需要注意的是，下載圖片時需要注意右側的版權信息，只有標注了Creative Commons Attribution-Share Alike 3.0 Unported License等字樣的，才能夠進行免費商用。

4、Noun Project——簡單黑白線條圖標

Noun Project是一個設計師集中上傳作品的百萬級別高質量圖標平臺，不僅有海量的扁平化圖標，還有不同領域很新出現的名詞以及各種專業用語的符號表達。

Noun Project具有強大的icon搜索功能，集眾人之力為所有名詞繪制矢量圖標，可以找到所有你想要的icon。大多數圖標以黑白為主要顏色，線條為主，搜索時會以系列或單個方式呈現。

它提供動物、保健、人物、運輸、旅行、平安與警示、科學與數學、運動與娛樂、科技與通訊、食物與飲料、天氣與自然等11個類別的圖標。除了豐富的圖標以外，還幫你收集整理了精美的圖形插畫，功能強大，方便使用。

提供兩種格式（SVG、PNG）圖標下載，付費會員可以免標示作者，并支持在線改色等。

D、字體素材

1、字由——設計師字體利器

字由是為設計師量身定做的一款字體下載管理工具。

字由支持大多數主流設計軟件。

輸入文案，即可預覽效果。

無需下載字體文件，可以一鍵安裝激活字體。而且你可以自定義字體分類管理方式。

2、Fontsquirrel——英文字體可免費下載

Fontsquirrel是一個免費的可商用英文字體網站，號稱英文字體的烏托邦。在需要用到英文文字的時候，這個網站可以為你提供風格多樣又好看的字體。

作為知名的免費字體網站之一，Fontsquirrel頁面設計干凈，排版大膽，分類簡潔。

網站含有海量字體，可以免費下載使用，滿足你的設計需求。字體詳細介紹里有版權（License）信息，使用前須注意查看，避免侵權。

3、字體——字體在線轉換器

字體是一個非常強大的在線字體轉換器，你可以輸入文本，調整大小、顏色、高度，直接在線進行字體轉換并進行下載。

完成字體替換后，你可以往下滾動頁面查看字體顯示效果。

除了基本常用的字體外，這里還有許多在線的個性書法或藝術字體，可以解決你缺少字體和安裝字體的煩惱。

不僅支持圖片PNG格式下載，還支持各種字體下載和字體轉換，全部可商用。

4、識字體網——支持截圖搜字體

遇到喜歡但又不認識的字體怎么辦？別著急，只需把需要識別的字體上傳至識字體網，分分鐘識別出來。識字體采用獨特的圖像識別算法和相似度算法，在線識別圖片字體，并智能排序。目前支持簡體中文、繁體中文、日語、韓語、英語等多國語言。

目前識字體網有兩種圖片上傳方式，一種是對話框上傳、拖動上傳、粘貼上傳本機圖片，另一種是圖片網址上傳。識字體提供反相和閥值等微調參數，智能預處理上傳的圖片，可以達到更好的識別效果。

它還有強大的字體實時預覽功能。輸入文字即可實時顯示預覽效果，支持調整字號、前景色、背景色等功能。

在識別出字體后，還會顯示該字體是否免費、是否可商用，并且無需開通VIP就能下載字體安裝包。識別、下載，一氣呵成。

E、配色素材

1、Coolors——快速配色方案生成器

Coolors是一款輕量級的免費配色應用，可以自動生成配顏色板，直觀而快速，上千款熱門配色供你選擇。

你可以創建色彩組合，也可以直接從圖片中取色?？梢陨蒘VG、PDF、SS等不同格式，也可以用于Android、iOS、PS、AI等不同平臺。

如果你喜歡某個顏色，可以將其鎖定在其基礎上進行再次配色。如果你想對某個顏色進行手動調整，點擊色塊即可進入編輯模式。

生成的每個色塊都有對應的16進制色值。不過你不用將它們記住。點擊【分享】按鈕可以生成對應網址鏈接、發送郵件、以PDF或PNG格式保存。每種色彩還能單獨查看色號、色階，并且可以選擇色盲模式查看。

2、Colordrop——新顏色整合平臺

Colordrop是一個提供純色配色方案的網站。它提供各種唯美的配色方案，支持直接對顏色值進行復制，并且會經常更新配色方案。

Colordrop里有上百中色板配色參考，色塊組以方塊狀排布，每組4個色系，供你查看色號并收藏喜歡的配色。

特點是可以設置背景顏色，從而查看色板與背景色的搭配效果。

點擊列表中的色塊組，在網頁右側會直接展示出4個顏色的色值。只需要簡單托拽，就可以輕松地調整UI元素的色彩，而且可以直接復制到PS或者AI使用。

3、Khroma——AI設計您喜歡的顏色

Khroma是一個在線智能生成配色方案的工具。它利用人工智能，通過分析你選擇的顏色，來生成實用性非常高的調色板。

通過添加你所喜歡的顏色，Khroma可以實現更高精度的組合，甚至可以實現應用與各種場景的顏色組合推薦。有了這個工具，你就可以在短短幾分鐘之內完成一個配色方案。

它能夠逐漸熟悉和了解你對于色彩的品味，并且基于你的偏好來給你推薦配色方案。還會使用文本、圖片和海報等來幫你直觀地測試配色方案在實際設計中的使用效果。

但是Khroma了解你的前提，是你必須“投喂”給它足夠的信息。一開始，你需要選取50種喜歡的色彩用來訓練 AI。

4、Brandcolors——官方品牌顏色元素

BrandColors是一個世界知名品牌顏色收集網，收錄了眾多官方品牌的顏色代碼。

BrandColors有500多個世界上品牌的官方配色，比如Airbnb、Amazon、Dribbble等，可以說是相當有價值的配色參考。

品牌名字按A--Z順序排號，含有十六進制顏色代碼。你可以直接參考一個品牌的配色，也可以在該網站上下載任何一個品牌的配色表。

五、設計創作

工具的重要性對于設計師來講不言而喻，任何想法都需要借助工具來實現。而一款工具，只有在真正需要并懂得如何使用它們的人手里，才能發揮其應有的作用。那么，作為常常需要頂著巨大壓力，在嚴格期限內制作出高質量作品的設計師，為什么不直接選擇一系列高效的工具來提高工作效率呢？以下6個高效實用的設計工具，助你創建更加優質的設計作品。

A、設計工具

1、藍湖——高效的產品設計平臺

藍湖是一款高效的產品設計協作平臺，通過插件可以導入Sketch/Photoshop/Adobe XD的設計稿，并做自動標注和交互原型。它無縫銜接產品、設計、研發流程，降低溝通成本，縮短研發周期，可以大大提高你的工作效率。

藍湖可以一鍵切圖，支持多設備，管理更簡單，開發編程更高效。

它支持市面上所有設計文件的導入導出，一個鏈接就可以在線瀏覽設計稿和原型圖，同時保留所有歷史版本，便于信息沉淀和查找。

自動生成更新記錄，改動一目了然。開發能在線查看項目相關的產品文檔和設計圖，不錯漏你的任何需求。

通過插件將設計圖上傳之后，它即會自動生成標注，開發想看哪里點哪里，還能復制元素信息進行使用。而且會生成 CSS、IOS、Android 等格式的代碼，高效便捷。

2、Sketch——Sketch設計官方網站

Sketch是一個專門用來產出UI和原型的矢量繪圖工具，是各大公司使用特別多的設計類工具。

Sketch把選擇/移動，整理圖層、更改屬性/樣式這三個UI設計的基礎操作都做得很好。而且從線框到視覺稿可以在一個軟件里完成，可以節省你的不少時間。

它可以進行網頁，圖標以及界面設計。除了矢量編輯的功能之外，也有一些基本的位圖工具，比如模糊和色彩校正等。

它有比較成熟的插件生態圈，可以通過插件兼容第三方使用。尤其適合設計師職能不細分的中小團隊和個人作品的制作。

3、Zeplin——共享、組織和協作設計的更好平臺

Zeplin是一個為動畫設計師和開發者提供設計圖交接與溝通的高效平臺，也是配合Sketch非常好用的一款插件，從此設計師們跟程序員們之間協作變得更和諧啦。

Zeplin的核心功能為標注、Style Guide、備注文檔和簡單的團隊協作。它允許添加注釋形成類prd文檔，并且自動提取Style Guide。同時還允許添加項目組成員，提供給團隊組查看項目。

你的設計稿在Sketch里完成后直接導入到 Zeplin，在做好圖層管理的前提下，就可以在畫板中生成尺寸標注信息，再也不需要為 Style Guide 和尺寸標注煩惱啦。

4、Mockplus——多合一產品設計平臺

摹客是專為產品設計團隊量身打造的“設計+協作”的一站式云平臺，能夠處理一般IM類軟件很難發揮產品設計團隊間應有協作效能的問題。

摹客是一款基于桌面的用戶體驗工具，輕量級，上手快，易用性高，簡單的拖拽就可以實現交互，非常適合用于設計作品前期的構思、交互邏輯的反復論證、原型的快速展現等。

具有高度兼容性，支持所有主流設計稿格式，你可以在線交付設計稿，在線討論評審、標注切圖、管理版本。也可以高效管理設計資源和設計規范，快速分享和復用。

開發人員可以自由查看設計稿標注及獲取切圖，省去了許多重復無效的溝通，在一定程度上簡化了開發的工作流程。所以它非常適合企業和團隊共同協作使用，幫助產品經理、設計師和開發工程師等溝通壁壘，優化工作流程，提升工作效率。

聲明：轉載此文是出于傳遞更多信息之目的，所轉載的所有文章、圖片、音頻視頻文件等版權歸版權所有人所有，若侵犯了您的合法權益，請作者持權屬證明與本網聯系，我們將及時更正、刪除，謝謝。 郵箱地址：3205845866@qq.com