作者總結多年色彩搭配經驗，以 9 張高清思維導圖系統梳理 UI 配色知識體系，涵蓋原理、技巧、情感傾向、實戰應用，極具參考價值。

圖譜內容概覽

1. 色彩基礎與搭配原則： 色相、飽和度、明度三屬性，互補/類似/三角形配色法則。
2. 配色實戰技巧： 60-30-10 黃金比例、主色/輔助色/點綴色層級運用、漸變色非凡路徑。
3. 色彩情感傾向： 暖色系活力/危險、冷色系信任/冷靜、中性色平衡/高級，品牌性格對標。
4. 主色與輔助色策略： 如何從品牌色延展輔助色系，鄰近色和諧、對比色張力、分裂互補平衡。
5. 點綴色的克制藝術： 面積最小、飽和度最高，引導視覺焦點、強化交互狀態（如 CTA 按鈕、錯誤提示）。
6. 不走尋常路的漸變色： 線性/徑向/角度漸變，多色停控制，打破扁平單調，賦予深度與呼吸感。
7. 平台差異下的色彩適配： iOS/Android 系統色板差異、深色模式適配、無障礙對比度標準（WCAG AA/AAA）。
8. 色彩與組件系統化： 建立色彩 Token 體系，實現設計系統級複用與維護。
9. 避坑指南： 過度用色、語義衝突（如綠色表錯誤）、文化禁忌、色盲友好檢查清單。

如何使用

建議收藏原圖，按專題拆解學習：配色原理 → 情感映射 → 組件落地 → 系統化輸出。色彩不是直覺拼湊，是有章可循的設計語言。