产品配色设计扮演着至关重要的角色。一个合理的配色方案不仅能显著提升用户体验，还能有效传递品牌价值，甚至在潜移默化中影响用户的行为决策。
色彩理论基础
色轮（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）提升层次感。
光照环境 户外场景需提高明度，确保可见性。
色彩心理学与行业应用
| 颜色 | 心理联想 | 常见应用场景 |
|---|---|---|
| 红 | ||
| 蓝 | ||
| 绿 | ||
| 黄 | ||
| 紫 | ||
| 黑 |
案例
