圖標是現代 UI 不可或缺的輕量級視覺語言：組織內容、快速傳達信息、不喧賓奪主。從早期功能型圖標（資料夾、打印機）到今日扁平/線性風潮，圖標已形成約定俗成的圖形語言體系。本文全景梳理風格選型、品牌應用、導航/識別/背景四大場景、實戰教程與免費資源庫。

一、圖標風格光譜：扁平 vs 擬物 vs 線性

無對錯，只有偏好與適配：
• 扁平/極簡：全球設計師擁簇，需練習紋理/陰影賦予真實感
• 擬物：光影、深度、材質還原，適合強品牌調性場景
• 線性：iOS 系統首選，輕盈優雅，其他 OS 跟進中

兩派競爭催生創新：光影變化、層疊深度等藝術概念引入圖標設計，推高整體審美上限。

二、品牌圖標：情感連接的視覺錨點

優秀品牌擁有優秀圖標系統。MailBakery 案例：大圖宣傳服務，懸停子圖標切換大圖內容，圖標+圖片高度一致性構建獨特氣質。但子圖標若來自免費庫，品牌獨特性被稀釋。建議：為項目定制成套圖標集，長遠價值遠超現成素材。

三、四大核心應用場景

1. 導航鏈接：圖標即語義

Facebook 導航遵循「圖標語義=目標頁面性質」。橫向/縱向超 10 項導航時，圖標識別效率遠超純文字。

2. 視覺內容識別：高度概括信息

GitHub Guides：手繪風吉祥物+粉筆黑板營造教育氛圍，每區塊單一手繪圖標高度概括內容，風格統一、語義精準。
Glazed & Infused：手繪圖標迅速抓住眼球，文字區塊承載細節。

3. 矢量背景：從平鋪到場景構建

矢量圖形無限縮放，構建覆蓋全屏的插畫場景。推薦工具：Bota Iusti。需大量練習「圖形構建圖形」技巧，但極具趣味與表現力。

四、實戰教程精選（可舉一反三）

五、免費圖標資源庫

（更多資源請關注設計社區更新）

圖標設計沒有捷徑：看優秀案例、練教程、建組件庫、做定制。從「找圖標」進化到「設計圖標系統」，是設計師專業化的必經之路。