作者：创优堂堂主

​来源：艾奇SEM

编辑：善小倩

 

接着上一篇配色文章：这些信息流素材配色，你用对了吗？关于如何选取主色，我们继续聊聊色彩的搭配技巧；

在色彩搭配上我们主要分为同色系、相似色、对比色及互补色四种配色技巧和HSB调色法。

在了解这四种配色法前我们有必要先了解下色环。所有的颜色都源自于“红黄蓝”三种原色，然后由三种原色、三种间色和六种复色组成的系统就统称为十二色环（colorwheel），也是学习色彩搭配的基础。

1、同色系搭配法

同色系色彩指的是同一色相中明度不同的色彩，即在其中参入白色或黑色。同色系的搭配法可以轻松地营造出和谐、统一的印象，也是最容易掌握的一个配色技巧。这种通常用于表现 简约、成熟、干练 的印象。

如下案例从产品中提取出主色，和文字颜色和背景色就是采用同色系搭配法：

2、相似色搭配法

色环上任意三个相邻的颜色，被称为相似色，色相环上的角度差为15～45度。相似色包括邻近色（相邻的两个色相），例如红色为基准，品红和橙色都是它的邻近色，它们之间互为相似色。

 

相似色：

邻近色：

其实在时尚圈经常会看到这种搭配法：

相似色搭配最能体现突出印象，在保证和谐统一的基础下还能带来变化和动感。

采用黄色和绿色这组相似色搭配：

Tips：如果当遇到其中一组相似色搭配不好看的情况下，建议可以试试将其中一种颜色纯度调高，另外一种颜色则选择纯度或明度低的，这样主次关系更自然。

3、对比色搭配法

在色相环上相距120度到180 度之间的两种颜色，称为对比色。例如最常见的红色和绿色、黄色和紫色这两组对比色。

对比色搭配是很强烈的色彩搭配，能充分体现画面的活跃度和速度感。但是过于强烈的效果可能会导致其他信息的吸引力下降，所以在设计的过程中，应注意对比色彩的配比面积。

如下案例取运动鞋的红、蓝色这组经典的对比色搭配：

Tips：当对比色搭配起来效果过于强烈、缺乏和谐感的时候，可以把色彩的纯度和明度调高，以达到更加和谐统一的效果；或是将面积配比差调大。

当需要三种对比色搭配的话，可以选择三角对立配色法。即选中主色后，以主色画一个等边三角形的配色方案。

如下广告就采用的是蓝、紫红及黄色这组三角对立色彩的搭配：

当需要四种以上的对比色搭配的话，可以选择矩形配色法：

矩形配色法指的是选中主色后，以主色画一个矩形的配色方案，其中两组为对比色、另两组为相似色。

如下这组采用的这组矩形色彩搭配的非常和谐：

tips：三色或是四色以上的对比色搭配法较难掌握，需谨慎地在色彩间取得平衡，一般比较适合小面积的应用起到装饰平衡作用。

4、互补色搭配法

色环上相对的两种颜色（即色相环上角度差为180度），被称为互补色。

互补色是对比最为强烈的搭配法，能塑造出刺激眼球艳丽的感觉。但是也经常在一些促销广告中出现这样的搭配，以达到价格低廉、刺激购买欲望的效果。

下面这个案例广告就是使用的红蓝互补色搭配法，突出重点信息：

Tips: 要用好互补色，最好的办法就是：改变明度、降低纯度，看起来会柔和许多。

当需要三种以上的互补色搭配的话，可以选择分散互补色搭配法：

分散互补色搭配法指的三种颜色，其中两种互相类似，另一种与它们形成对比。这种搭配方式可以柔化太强烈的对比效果，产生更加细腻的配色效果。

分散互补色搭配是初学者很好的选择，怎么搭都很好看。

如下这个案例用红黄蓝这组分散互补色搭配法，注意色彩面积的占比大小和谐，并用黑白去协调画面的平衡性：

同上对比色案例，我们在“红蓝”互补色的基础上增加了一个分散互补色“黄色”，塑造了不一样的感觉，更具活泼时尚的效果：

5、HSB调色法

HSB模式是人眼所看到的颜色，这种调色法结合以上的四种配色法能帮助快速找到合适的颜色。

H(hue)是色相，指饱和度和亮度都为100%的颜色，h的数值即表示色相位于色相环上的角度：

S（saturation）代表颜色的饱和度，指色彩中含有灰色的程度。饱和度越高，颜色越纯，色彩越鲜艳；饱和度越低，颜色中灰色成分越大，色彩越清淡：

B（brightness）是色彩的亮度，明度的变化来自于颜色中白色的成分变化，一般在颜色中加入白色，明度提高，加入黑色，明度降低：

通过调节H(hue)、S（saturation）和B（brightness）的数值，能更直观地快速的得到想要的色彩。

这篇文章只是概括性的介绍了几种最常用的色彩搭配技巧，希望大家能够很快的掌握配色技巧，并运用到实际的信息流广告素材的效果分析里，以便快速提升点击率及投放效果。

 

— end —