协调的配色

“既然抄袭是最隆重的赞美。”《更衣记》

1、协调的配色

    色调就是色彩的明度和饱和度的组合，色调决定了画面的基调和氛围。

    无论你在画面中用了多少种颜色，只要色调（明度和饱和度）统一，就自然可以形成和谐的配色效果。

▌配色协调方法一

    不同色相搭配，把不同色彩的亮度和饱和度调成一致或者近似，这是最基本的配色原则。

▌配色协调方法二

    同一色相搭配，只调该颜色的亮度和饱和度，也能达到和谐的效果。

2、无论是用哪种配色方法，都先必须搞清色相，亮度和饱和度（HSB模式）。 

   （1）H：色相，S:饱和度，B:明度

   色相就代表具体某个颜色，红色绿色等等全部统称为色相。

   如下图所示，色相环：

   （2）饱和度就是色彩的鲜艳程度，颜色饱和度最高的就是纯色。拾色器最右侧的颜色皆为饱和度最高，反之左边就是最低。

   （3）明度就是该颜色的明亮程度，在拾色器中最上端的位置的选色皆为明度最高的，反之最下端就是明度低的。

3、案例：

（1）先使用第一个配色方法把不同色彩的亮度和饱和度调成一致或者近似。

    ▌图1：海报颜色用的比较混乱，略有花哨，用了一些渐变和投影，每个颜色的饱和度与明度大都不一致。

    ▌图2：在不改变排版构图的情况下，对颜色进行了调整，删掉多余的视觉噪点颜色，统一了各个色彩的饱和度和明度，文案周边增加了暗色，做了一个明度对比突出主信息，加了一个冷暖对比这个后续的文章会讲。

    色调统一之后，纯度和明度差都很小，所以给人感觉比较舒服协调。

（2）第二种配色，同一色相配色，要拉开该颜色的亮度和饱和度。这种配色方法天猫的官方系列活动海报体验的淋漓尽致。

    这类海报中基本只有一种主色相的配色，因为画面色相统一，为了体现画面的层次和张弛效效果，所以背景配色上都适当增加饱和度和明度的差值，同一色系的深浅搭配来突出视觉。

    ▌最后总结，当不同色相搭配的时候，要把饱和度和明度调为一致。当色相为同一色相或者色相相近的时候，要将饱和度和明度值拉开。

弋创设计师SunShine，为您倾情奉献，喜欢的留个赞赞，交个朋友，(づ￣ 3￣)づ。