【史上最全】設計師必備的83個設計資源網站

Mockplus發表於2019-01-17

如何才能完成一個成功的設計?對於設計師來說,除了巧妙的設計構思,設計資源也必不可少。如何才能快速找到這些設計資源,提高工作效率?在本篇文章中,小編為大家整理83個設計資源網站。全文主要包括Logo、字型、圖片、圖示、網站模板、設計靈感網站、配色方案、設計工具、設計課程9類設計資源。


Logo設計資源網站

1. Logoed

網站地址:http://www.logoed.co.uk/


Logoed擁有豐富的Logo資源庫,以部落格的形式展示給設計師。


2. Brand New

網站地址:www.underconsideration.com/brandnew/#.…

Brand New是一個提供海量Logo評測、日誌和相關新聞的綜合性設計資源網站。


3. Logo Gallery

網站地址:http://www.logogallery.net/


Logo Gallery是一個彩色的Logo設計資源庫,設計師可以從網站中瀏覽格式優質的Logo。


4. Logo Moose

網站地址:http://www.logomoose.com/


LogoMoose是一個標識靈感和設計社群,展示由專業Logo設計師提交的標識。


5. Graphicsprings

網站地址:https://www.graphicsprings.com/logo-maker-samples


Graphicsprings是一個提供Logo示例的設計資源網站,同時也支援免費製作Logo。


6. Logolounge

網站地址:https://www.logolounge.com/


LogoLounge是一個提供Logo設計靈感的資源庫,使用者可以在26萬個商標獲取設計靈感。設計師可以收集吸吸引眼球的設計作品,並與作者建立聯絡。


7. Logo of the day

Logo of the day網站介面Logo of the day網站介面

網站地址:logooftheday.com/

Logo Of The Day是一個彙集了全球優質LOGO作品的設計資源站點,每天都會推出一款最新的LOGO設計作品供使用者欣賞學習。


8. Logopond

網站地址:https://logopond.com/


LogoPond 是一個線上的logo設計資源網站, 分享了許多知名品牌的 logo 作品。


9. World Vector Logo

網站地址:https://worldvectorlogo.com/


一個知名的的向量Logo設計資源網站,使用者可下載或上傳自己喜愛的Logo素材。


10. Logoeps

網站地址:https://logoeps.com/


網站提供了各大國際品牌的向量Logo資源,並提供14個精確分類幫助搜尋。


11. Logo Dust

網站地址:http://logodust.com/


一個提供免費的開源Logo設計資源網站,支援無限下載次數和不限用途。


字型設計資源網站

12. MyFonts

網站地址:https://www.myfonts.com/


提供最新時尚並且是最大的商業英文字型,擁有超過13萬種可用字型,而且還在不斷增加中。


13. Fontsup

Fontsup網站介面Fontsup網站介面


網站地址:fontsup.com/

一個提供13萬種免費英文字型設計資源庫,使用者可以根據“熱門字型”“新增字型”進行搜尋和下載。


14. 字由

【史上最全】設計師必備的83個設計資源網站

網站地址:www.hellofont.cn


字由是目前國內專業提供字型管理、字型設計、字型檔字型版權服務及圍繞字型相關內容的深度垂直服務平臺。


有超過100萬的註冊使用者及時分享各類中英文字型應用例項,精選優質字型行業文章、乾貨教程及相關活動報導,為設計師、商務產品人解決了用字的難題。


字由陸續收集整理了國內外超過2000多款的中西文精選字型檔字型,特別收集和整理了免費字型版權的中西文字型,供大家收藏和使用。


功能特色:

  • 線上試用字型線上預覽
  • 提供免費字型版權
  • 一鍵收藏同步到客戶端
  • 個人字型檔雲管理
  • 應用例項分享


15. Font2U

網站地址:https://zh.fonts2u.com/


Font2U是一個具有詳細分類的免費字型搜尋下載庫,使用者可以根據不同的形容詞搜尋相關字型。


15. Urbanfonts

網站地址:https://www.urbanfonts.com/


Urbanfonts是一個提供免費字型,高階字型的英文字型搜尋網站。提供超過8000種免費字型設計資源下載。


17. 蘋方字型

網站地址:https://developer.apple.com/fonts/


蘋果最新的系統介面字型San Francisco的下載網站。


18. 雲字型檔

網站地址:http://www.qiuziti.com/


雲字型檔是國內一個支援上傳圖片找字型的設計資源網站,並可以識別中、英、韓等多國語言字型。


19. 字型傳奇

網站地址:http://www.ziticq.com/


字型傳奇網是以字型,logo,創意,互動為主的一個設計資源平臺。該網站提供字型下載,改字課程、字型轉換等服務。


20. Font Quirrel

網站地址:https://www.fontsquirrel.com/


Font Quirrel是一個提供手工挑選,高質量,商業用途的免費字型設計資源站點。


21. Losttype

網站地址:http://www.losttype.com/browse/


自費式創意字型下載站是一優秀的字型設計資源網站。該網站為使用者提供自定義購買字型素材的服務。

22. Fonts in Use

網站地址:https://fontsinuse.com/


Fonts in Use是一個字型設計資源網站,它收錄了接近8000個英文字型運用例項,並附有詳細的字型、行業分類、關鍵字標籤。


配色設計資源網站

23. Coolors

Coolors網站介面Coolors網站介面

網站地址:https://coolors.co/browser/latest/1


Coolors是一個具有成千上萬的配色方案的實用性網站,為新使用者提供2個月的免費配色課程。


24. ColorDrop

網站地址:https://colordrop.io/


一個可以探索發現上百萬種配色方案,並持續更新的設計資源網站。


25. ColorFavs

網站地址:http://www.colorfavs.com/


一個能夠幫助使用者探索新的顏色和調色方案的設計資源網站。網站還有配色相關的部落格,設計師可以從中閱讀獲取配色靈感。


26. Colorlovers

網站地址:www.colourlovers.com/

Color Lovers是一個創意社群,來自世界各地的人們在這裡建立和共享配色方案、設計模式。討論最新的趨勢,閱讀豐富多彩的文章。


27. AdobeColor

網站地址:https://color.adobe.com/zh/create/color-wheel/


Adobe專業配色工具,網頁設計師的首選,支援自定義RGE和HEX值,設計師可以隨心所欲地進行配色。


28. Nipponcolors

網站地址:http://nipponcolors.com/


來自日本的配色網站,網站提供了250種日本傳統色供設計師配色使用。點選任何一種顏色,整個頁面會切換至相應的色彩。


29. 優設色庫

網站地址:https://color.uisdc.com/


優設網站下的配色板塊,為設計師提供了163種中國傳統色彩及色號。


30. Material UI

網站地址:https://www.materialui.co/


網站根據不同的分類提供近千種色彩,例如社交色彩下提供了Linkedin/Fcacebook/VK等社交平臺的品牌色。根據分類,使用者可以快速找到自己想要的色彩。


31. MatterialDesign

網站地址:https://www.materialpalette.com/colors


最強大的線上配色神器,提供19種主要色彩,每種色彩下可以擴充出10多種不同深淺的顏色。


32. Color Hunt

網站地址:https://colorhunt.co/


Color Hunt是一個自由開放的設計資源平臺,手工挑選數以千計調色盤為使用者提供色彩靈感。


33. Web Color Date

網站地址:http://webcolourdata.com/


通過網址自動解析網站配色,極其方便。網站主頁展示像Flicr,Ins,Facebook這些流行網站的配色,以及最新新增的網站配色。


設計工具資源

34. Mockplus

網站地址:www.mockplus.cn/


一款簡潔快速的原型圖設計工具,支援低保真、無需學習、快速上手、幾分鐘即可建立一個互動原型。


35. Axure

網站地址:https://www.axure.com/


一款專業的快速原型工具,支援強大的互動功能,是專業設計師不可或缺的工作夥伴。


36. PhotoShop

網站地址:https://www.photoshop.com/


“萬能”的圖片編輯工具,UI設計師的工作神器。


37. XMind

網站地址:https://www.xmind.cn/


一款產品設計思維整理工具,更好地表達設計思路。


38. Sketch

網站地址:https://www.sketchapp.com/


一款素描繪畫類的軟體,設計師可以用它描繪出想要的影像,並填色。


39. Mockplus iDoc

Mockplus iDoc工具介面Mockplus iDoc工具介面

網站地址:idoc.mockplus.cn/


一款減少設計師與開發之間溝通成本的協作工具,支援自動標註、評論、互動原型等功能。


設計模板資源網站

40. Awwwards

Awwwards網站介面Awwwards網站介面

網站地址:https://www.awwwards.com/


網站提供網際網路設計、創意及創新大獎網站模板,使用者在這裡可以下載來自世界各地的設計師提交的網站模板。


41. Wix

網站地址:https://zh.wix.com/


一款享譽全球的網站製作工具,網站提供一些免費和付費的網頁模板供使用者設計製作網站。


42. Tempalte Monster

網站地址:https://www.templatemonster.com/cn/web-templates.h...


該網站提供了網頁模板和電子商務模板,設計師可以在這裡購買自己心儀的模板或者獲取設計靈感。


43. Dream Template

網站地址:http://www.dreamtemplate.com/


網站設定了10種不同模板分類以便搜尋,並提供超過10000個的網站模板供設計師下載。


44. StraightLine

網站地址:http://bm.straightline.jp/


一個囊括不同行業的日本網站模板,提供了超過8000個模板。使用者可以收藏和評論自己喜歡的模板。


45. Landingfolio

網站地址:https://www.landingfolio.com/


Landingfolio是一個擁有最佳著陸頁設計的模板庫,它提供了62個不同類別的500多個登入頁示例。


46. One Page Love

網站地址:https://onepagelove.com/page/913#


One Page Love為使用者提供了上千個網站模板,設計師可以下載APP、下載頁、部落格、音樂等不同分類別的模板。


47. Free Web Templates

網站地址:https://www.freewebtemplates.com/


Free Web Templates是大型的免費模板網站,目前數模板下載量可達42萬次,共提供3,762個網站模板。


設計靈感網站

48. Dribbble

Dribbble網站介面Dribbble網站介面

網站地址:https://dribbble.com/


Dribbble是設計師獲得靈感、反饋、社群和工作的地方,也是發現和聯絡全球設計師的最佳平臺。


49. Behance

網站地址:https://www.behance.net/


一個可以欣賞和探索來自全球的優秀設計師的線上作品集網站,使用者可以從中獲取設計靈感。


50. Pinterest

網站地址:https://www.pinterest.com/categories/design/


全球最大的圖片資源網站,設計師可以在設計板塊下瀏覽圖形設計、Logo設計、UI設計案例。


51. 花瓣網

網站地址:http://huaban.com/all/


設計師可以在花瓣網中採集或分享自己喜歡的設計圖片,從中獲取設計靈感。


52. Up Lab

網站地址:https://www.uplabs.com/


Uplabs是領先的創意社群,每天提供最好的數字設計靈感和設計資源下載。


53. Muz.li

網站地址:https://muz.li/


Muzli是一個即時提供相關的設計故事和靈感的網站。


54. Panda

網站地址:https://usepanda.com/app/#/


一個設計作品和諮詢文摘訂閱的設計資源網站。


55. 365 Awesome Designers

網站地址:http://365awesomedesigners.com/


該網站每天會推薦一個設計師作品,設計師可以從中學習獲取靈感。


56. Bestfolios

網站地址:https://www.bestfolios.com/home


一個產品、插畫設計相關的作品集網站。每週都會給使用者傳送最好的作品集、簡歷和設計資源。


57. CSSDesignAwards

網站地址:https://www.cssdesignawards.com/


一個全球優秀CSS網頁設計獎提名網站,網頁設計師可以從優秀案例中尋求設計靈感。


58. Best Website Gallery

網站地址:https://bestwebsite.gallery/


一個蒐集並展示世界各地優秀網頁設計的網站,設計師可以根據動畫設計、響應設計、滑動效果等標籤檢視案例。


圖示資源網站

59. iconfont

網站地址:https://www.iconfont.cn/


國內知名的圖示搜尋及管理平臺,可自定義下載多種格式的圖示,也可將圖示轉換為字型,便於前端工程師自由調整與呼叫。


60. The Noun Project

網站地址:https://thenounproject.com/


一個全球性的圖示社群,為使用者提供超過一百萬+的圖示設計資源。


61. Icon Stroe

iconstore網站介面iconstore網站介面

網站地址:https://iconstore.co/


網站的免費圖示由一流的設計師提供,是一個免費商用的高質量圖示素材庫。


62. Icon Finde

網站地址:https://www.iconfinder.com/


一個高質量的圖示付費下載中心,網站提供近300萬個SVG圖示設計資源。


63. Icon Monstr

網站地址:https://iconmonstr.com/


一個提供4000+的簡潔圖示資源和300+免費的圖示字型的網站。


64. Ios icon gallery

網站地址:https://www.iosicongallery.com/


該網站蒐集了iOS平臺相關圖示供使用者欣賞和學習。


65. Flat Icon

網站地址:https://www.flaticon.com/


Flat Icon是一個免費的海量扁平風圖示資源庫,提供130萬向量圖示組合,支援PNG, SVG, EPS, PSD和BASE 64下載格式。


66. Emojione

網站地址:www.emojione.com/


Emojione是一個提供Emoji相關表情圖示集合的設計資源網站。


67. ICONS

網站地址:https://icons8.com/icons


ICONS是一個系統平臺風格的Web圖示庫。設計師可以結合自己的設計風格,下載免費圖示設計。


68. 草莓

網站地址:http://chuangzaoshi.com/icon/


一個為開發人員提供免費的開放原始碼圖示字型庫的設計資源網站。


圖片設計資源網站

69. Unsplash

Unsplash網站介面Unsplash網站介面

網站地址: unsplash.com/

一個提供免費且高質量的圖片設計資源網站,設計師可以在這個網站中找到各種高質圖片。


70. Zoommy

網站地址:http://zoommyapp.com/


Zoommy幫助使用者為自己的產品創意或者靈感提供免費的圖片設計資源。網站有來自50個不同來源授權的13萬餘張圖片。


71. Magdeleine

網站地址:https://magdeleine.co/browse/


Magdeleine提供了自然、城市、人物等類別的圖片設計資源。更妙的是使用者還可以通過顏色搜尋不同色系的圖片資源。


72. Pexels

網站地址:https://www.pexels.com/


網站的免費Sticker照片分享都來自才華橫溢的攝影師。使用者可以收藏和免費下載自己喜歡的圖片設計資源。


73. Flickr

網站地址:https://www.flickr.com/explore


雅虎旗下的圖片分享網站,設計師可以在這發掘自己想要的圖片和最熱門的圖片。


74. Foodiesfeed

網站地址:https://www.foodiesfeed.com/


專注於高解析度的高視覺吸引力的免費食品圖片設計資源網站,該網站的圖片下載量已達124萬餘次。


75. Pixabay

網站地址:https://pixabay.com/


Pixabay是一個分享免費的圖片和視訊的活力創意社群。它為設計師提供了160萬張交通、建築、時尚、自然等20種類別的圖片。


76. StockSnap

網站地址:https://stocksnap.io/


StockSnap.io是一個免費的圖片設計資源網站,每週都會增加數百張高解析度圖片。並且下載的圖片不受版許可權制。


77. PNG素材庫

網站地址: http://pngimg.com/


PBG素材可用於網頁設計的PNG影像和剪貼簿,有67569 + 694張新的免費PNG圖片。


78. Finda

網站地址:http://finda.photo/


Finda是一個可以根據圖片顏色和圖片標籤來查詢圖片的設計資源網站,所有圖片都支援免費下載。


設計課程資源網站

79. 網易雲課堂

網站地址:https://study.163.com/


提供PS、互動、UI等方向的學習課程,以系列課程為主。使用者可以利用該網站進行系統性地學習設計。


80. 優優教程網

網站地址:https://uiiiuiii.com/


優質中文教程網站,設計師可以根據難度、分類、和關鍵詞搜尋自己需要的設計課程。


81. 虎課網

網站地址:https://huke88.com/


一個提供UI設計、海報設計、字型設計、影像合成等課程的綜合資源網站,部分課程可免費學習。


82. 學UI網

網站地址:http://www.xueui.cn/tutorials


學UI網為設計師提供了APP設計、網頁設計、互動原型、色彩搭配等文章教程和視訊教程。


83. 摹客教程

網站地址:doc.mockplus.cn/


為學習原型設計的設計師及產品經理提供元件使用、建立原型、切圖示註等教程資源。


以上就是小編為大家整理的設計資源網站,希望能給大家的設計工作帶來些許便利。也歡迎大家在評論中補充優質的設計資源網站!​​​​

相關文章