起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識萬字長文｜終極圖標設計指南——分享篇
編輯導語：圖標是用戶頁面不可缺少的元素，本篇文章作者分享了國內外比較優質的圖標網站、設計師以及團隊分享，有需要的小伙伴一起來看看吧，希望對你有幫助。
一、圖標網站分享
設計圖標前通常會找很多參考作為設計靈感，下面推薦國內外比較優質的圖標網站。給大家做參考。
1. https://remixicon.com/
套面向設計師和開發者的開源圖標庫。質量很高，風格中性大氣，因此適用于很多風格的項目，圖標以24×24網格為基準，分為“線性圖標”和“面型圖標”兩種風格。支持全部打包下載，也支持單獨下載。
2. https://feathericons.com/
簡單漂亮的開源圖標，支持在線修改顏色、屬性，功能強大。
3. https://akveo.github.io/eva-icons/#/
設計風格干凈、簡約，網站提供這些圖案的各種預覽效果（縮放、抖動、翻轉）。Eva Icons 有兩種不同樣式，包括只有外框線條的 Outline 或者填滿色彩的 Fill。
4. https://heroicons.dev/
Heroicons是由Tailwind CSS的創建者構建的另一個很棒的開源圖標庫。它具有超過165個具有填充和輪廓樣式的獨立圖標，但每個元素也提供深色和白色版本，圖標的外觀非常優質且制作精良。
5. https://www.iconfont.cn/
iconfont-阿里巴巴體驗團隊打造,設計和前端開發的便捷工具。功能很強大且圖標內容很豐富的矢量圖標庫，提供矢量圖標下載、在線存儲、格式轉換等功能。
6. http://iconpark.oceanengine.com/official
IconPark 是字節跳動公司內部產品體系使用的官方圖標庫，可以實現根據單一 SVG 源文件變換出多種主題，具備豐富的分類、更輕量的代碼和更靈活的使用場景。
提供超過 2000+ 預設圖標、32 種圖標分類；支持 4 種主題和在線換膚：線性、填充、雙色、四色。
網站提供多種便捷操作：復制 SVG code、復制 React 組件、復制 Vue 組件、下載 PNG、下載 SVG，無論是設計師還是開發者，使用起來都非常方便；針對前端開發者，還提供多種 NPM 包下載。
7. https://ikonate.com/
Ikonate是一組設計精美且經過精心優化的圖標庫，支持自定義調整邊框、圓角等樣式顏色。
二、圖標設計師/團隊分享
國內外有非常多的團隊在dribbble上發布圖標，也可以成為我們工作中的參考。當然也可以作為日常賞析。
Dribbble：Vitality Studio；
https://dribbble.com/Vitality_Studio；
Vitality Studio團隊作品都是3D立體質感的設計。
Dribbble：MVBen；
https://dribbble.com/MVBen；
質感風，圖標設計細節及風格都是很厲害的設計師。
Dribbble：Nucleo；
https://dribbble.com/nucleo；
專門做線性圖標的團隊，上傳的作品全是一整套的線形圖標！參考價值非常高。
Dribbble：Yoga Perdana；
https://dribbble.com/yoga；
設計師發布的圖標絕大部分是層疊式的啟動圖標設計風格。
三、小結
整個圖標設計分為三篇來講述的。
《理論篇》主要講述圖標設計的概念以及設計原則等理論內容；
《工作篇》主要講述工作中圖標設計過程以及圖標落地；
《分享篇》主要分享圖標設計的工具、圖標網站、圖標設計團隊或者設計師。
第三篇內容就到這里結束了。
本文由 @卡洛設計 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自 Unsplash ，基于 CC0 協議。
- 目前還沒評論，等你發揮！
