產品配色設計扮演著至關重要的角色。一個合理的配色方案不僅能顯著提升用戶體驗，還能有效傳遞品牌價值，甚至在潛移默化中影響用戶的行為決策。
色彩理論基礎
色輪（Color Wheel）
原色 紅、黃、藍（無法通過混合其他顏色得到）。
二次色 橙、綠、紫（由兩種原色混合）。
三次色 紅橙、黃綠、藍紫等（原色與二次色混合）。
色彩屬性
色相（Hue） 顏色的名稱（如紅、藍）。
明度（Value） 顏色的明暗程度。
飽和度（Saturation） 顏色的鮮艷程度（高飽和=鮮艷，低飽和=灰暗）。
配色設計原則
明確配色目標
品牌傳達：顏色需契合品牌調性。例如，科技感的品牌多用藍色，環保主題的品牌多用綠色。
功能導向：利用顏色引導用戶操作。例如，紅色用于警示，綠色用于確認。
情感共鳴：顏色需引發用戶情緒。例如，暖色系傳遞溫暖，冷色系傳遞冷靜。
常用配色方法
單色（Monochromatic）使用同一色相的不同明度和飽和度，適合簡約、統一的設計。例如：深藍 + 淺藍 + 灰藍。
互補色（Complementary）選擇色輪上相對的兩個顏色（如紅 + 綠），對比強烈，適合突出重點。技巧：降低一方的飽和度以避免刺眼。
類似色（Analogous）選擇色輪上相鄰的 3-4 個顏色（如黃、黃綠、綠），整體和諧自然。適用場景：背景、漸變設計。
分裂互補色（Split Complementary）選擇一個主色，搭配其互補色兩側的顏色，平衡對比與和諧。例如：主色藍 + 黃橙 + 紅橙。
三元色（Triadic）選擇色輪上等距的三個顏色（如紅、黃、藍），色彩豐富但需控制比例。
實用配色技巧
6:3:1 黃金比例
主色（60%） 決定整體風格，常用于背景或大面積區域。
輔助色（30%） 與主色協調，用于次級元素（按鈕、圖標）。
強調色（10%） 高對比顏色，用于關鍵操作（如CTA按鈕）。
控制對比度
確保文字與背景的對比度符合可訪問性標準（WCAG建議至少4.5:1）。
工具推薦 WebAIM Contrast Checker。
中性色平衡
使用黑、白、灰或低飽和色作為中性色，避免視覺疲勞。
示例：主色藍 + 淺灰背景 + 深灰文字。
考慮使用場景
暗黑模式 避免純黑，用深灰（如#121212）提升層次感。
光照環境 戶外場景需提高明度，確保可見性。
色彩心理學與行業應用
| 顏色 | 心理聯想 | 常見應用場景 |
|---|---|---|
| 紅 | ||
| 藍 | ||
| 綠 | ||
| 黃 | ||
| 紫 | ||
| 黑 |
案例
