微玛小话堂 | 第四期

明确配色目标，确定主色以及色彩层级后，如何进行下一步的配色？

选择正确的色系

我们可以根据不同的配色目标来选择合适的色系，丰富整个画面的配色。需要注意的是，在丰富配色的同时，仍然要严格控制色彩层级，以保证整体色彩层级的精简。

1. 巧用同色系，统一不单调

同色系是指在色环上相距不超过45°的两种颜色，我们可以选择主色的同色系范围内的颜色来丰富整体配色。那么如何选择同色系的颜色呢？

首先在色环中确定颜色的位置，通过色环两边45°延展出我们所需要的同色系。

在主色的同色系范围内，我们可以选出同色系颜色作为延展色，单独使用或者组合成渐变色进行使用。

同色系的配色特点是整体页面统一而富有层次，从而传递出一种稳定、专业的形象，适合绝大多数的场景使用，是最为简单和有效的配色方式。

2. 不同场景的对比色用法

对比色是指在色环上相距120°-180°之间的两种颜色（180°时则互为互补色）。处于对比色关系的两种颜色，通常色相差异较大，能够相互产生强烈的对比效果，我们可以利用这种原理来增强画面的吸引力。

在不同的场景中，对比色同样有着不一样的使用方式。在产品设计中，通过小面的颜色对比，可以加强主色的活力与整体丰富性；而在推广设计中，通常会使用大面的对比色来增强页面的吸引力。

3. 尝试更多的创新配色

除了掌握以上的几种基本色系的配色方法外，大家可以在此基础上尝试更多的配色风格。比如在同色系、对比色系的基础上，有目的地加入色彩元素丰富色调，在保持整体色彩层级的同时，加入更丰富的变化，从而达到配色目标。

△ 更清新的「同色系」配色

△ 更丰富的「同色系」配色

△ 更多彩的「对比色」配色

△ 复古的平面风配色

而对于很多初学者来说，我建议大家能够首先明确配色的目标，在配色时保持色彩层级的精简明确。在此基础上，循序渐进，逐步去尝试更多的配色风格。只有这样，才能养成良好的配色习惯

END

微玛小话堂

微玛人的树洞

长按识别二维码