色彩和谐
互补色配色方案详解
理解互补色、分裂互补、三角配色和四角配色方案,以及在设计中有效运用色彩对比的实用技巧。
核心要点
- 等量互补色会相互争夺——使用 70/30 或 80/20 比例
- 分裂互补比直接互补更容易驾驭
- 三角配色必须有一种主导色,否则会造成混乱
- 蓝底橙色按钮是经典的高对比互补色组合
互补色为何有效
互补色在色轮上彼此直接对立——蓝与橙、红与绿、黄与紫。这种效果有生理学依据:当感知某波长的视锥细胞疲劳时,你会感知到对立色相的余像。互补色相互强化对方的余像,在两者交界处产生鲜艳感和张力。
比例是关键
等量的两种互补色会相互争夺注意力。经典解决方案:80/20 或 70/30——一种颜色主导,另一种作为点缀。降低饱和度也有帮助:降低主导色的饱和度,色板立刻变得更易用。
主色
互补色
主色
互补色
分裂互补
不直接使用互补色,而使用互补色两侧相邻的两种颜色。对于蓝色:黄橙色和红橙色(而非纯橙色)。这保留了对比张力,同时提供更多灵活性,配色也不那么"显而易见"。
三角配色
色轮上等距分布的三种颜色(间隔 120°)。红、黄、蓝。鲜艳均衡但不易驾驭——必须有一种颜色明确主导,其余作为支撑。等比例会造成视觉混乱。
四角配色(双互补)
两对互补色,在色轮上构成一个矩形。最丰富的配色方案,四种颜色可用。难点:四种颜色可能平等竞争。选一种作为主色,其余大幅降低饱和度,并分配明确的角色。
实际应用场景
- 数据可视化 — 互补色对能让图表系列立即可区分。
- 行动号召按钮 — 蓝色背景上的橙色按钮几乎总是高对比且引人注目。
- 主视觉插画 — 分裂互补为编辑插画带来丰富、专业的质感。
- 品牌标识 — 许多 logo 在彩色版本中使用互补色对。
从任意色相生成色彩和谐方案
互补色、分裂互补、三角配色、四角配色,一个工具全覆盖