作者：創(chuàng)優(yōu)堂堂主

?來源：艾奇SEM

編輯：善小倩

 

接著上一篇配色文章：這些信息流素材配色，你用對(duì)了嗎？關(guān)于如何選取主色，我們繼續(xù)聊聊色彩的搭配技巧；

在色彩搭配上我們主要分為同色系、相似色、對(duì)比色及互補(bǔ)色四種配色技巧和HSB調(diào)色法。

在了解這四種配色法前我們有必要先了解下色環(huán)。所有的顏色都源自于“紅黃藍(lán)”三種原色，然后由三種原色、三種間色和六種復(fù)色組成的系統(tǒng)就統(tǒng)稱為十二色環(huán)（colorwheel），也是學(xué)習(xí)色彩搭配的基礎(chǔ)。

1、同色系搭配法

同色系色彩指的是同一色相中明度不同的色彩，即在其中參入白色或黑色。同色系的搭配法可以輕松地營(yíng)造出和諧、統(tǒng)一的印象，也是最容易掌握的一個(gè)配色技巧。這種通常用于表現(xiàn) 簡(jiǎn)約、成熟、干練 的印象。

如下案例從產(chǎn)品中提取出主色，和文字顏色和背景色就是采用同色系搭配法：

2、相似色搭配法

色環(huán)上任意三個(gè)相鄰的顏色，被稱為相似色，色相環(huán)上的角度差為15～45度。相似色包括鄰近色（相鄰的兩個(gè)色相），例如紅色為基準(zhǔn)，品紅和橙色都是它的鄰近色，它們之間互為相似色。

 

相似色：

鄰近色：

其實(shí)在時(shí)尚圈經(jīng)常會(huì)看到這種搭配法：

相似色搭配最能體現(xiàn)突出印象，在保證和諧統(tǒng)一的基礎(chǔ)下還能帶來變化和動(dòng)感。

采用黃色和綠色這組相似色搭配：

Tips：如果當(dāng)遇到其中一組相似色搭配不好看的情況下，建議可以試試將其中一種顏色純度調(diào)高，另外一種顏色則選擇純度或明度低的，這樣主次關(guān)系更自然。

3、對(duì)比色搭配法

在色相環(huán)上相距120度到180 度之間的兩種顏色，稱為對(duì)比色。例如最常見的紅色和綠色、黃色和紫色這兩組對(duì)比色。

對(duì)比色搭配是很強(qiáng)烈的色彩搭配，能充分體現(xiàn)畫面的活躍度和速度感。但是過于強(qiáng)烈的效果可能會(huì)導(dǎo)致其他信息的吸引力下降，所以在設(shè)計(jì)的過程中，應(yīng)注意對(duì)比色彩的配比面積。

如下案例取運(yùn)動(dòng)鞋的紅、藍(lán)色這組經(jīng)典的對(duì)比色搭配：

Tips：當(dāng)對(duì)比色搭配起來效果過于強(qiáng)烈、缺乏和諧感的時(shí)候，可以把色彩的純度和明度調(diào)高，以達(dá)到更加和諧統(tǒng)一的效果；或是將面積配比差調(diào)大。

當(dāng)需要三種對(duì)比色搭配的話，可以選擇三角對(duì)立配色法。即選中主色后，以主色畫一個(gè)等邊三角形的配色方案。

如下廣告就采用的是藍(lán)、紫紅及黃色這組三角對(duì)立色彩的搭配：

當(dāng)需要四種以上的對(duì)比色搭配的話，可以選擇矩形配色法：

矩形配色法指的是選中主色后，以主色畫一個(gè)矩形的配色方案，其中兩組為對(duì)比色、另兩組為相似色。

如下這組采用的這組矩形色彩搭配的非常和諧：

tips：三色或是四色以上的對(duì)比色搭配法較難掌握，需謹(jǐn)慎地在色彩間取得平衡，一般比較適合小面積的應(yīng)用起到裝飾平衡作用。

4、互補(bǔ)色搭配法

色環(huán)上相對(duì)的兩種顏色（即色相環(huán)上角度差為180度），被稱為互補(bǔ)色。

互補(bǔ)色是對(duì)比最為強(qiáng)烈的搭配法，能塑造出刺激眼球艷麗的感覺。但是也經(jīng)常在一些促銷廣告中出現(xiàn)這樣的搭配，以達(dá)到價(jià)格低廉、刺激購(gòu)買欲望的效果。

下面這個(gè)案例廣告就是使用的紅藍(lán)互補(bǔ)色搭配法，突出重點(diǎn)信息：

Tips: 要用好互補(bǔ)色，最好的辦法就是：改變明度、降低純度，看起來會(huì)柔和許多。

當(dāng)需要三種以上的互補(bǔ)色搭配的話，可以選擇分散互補(bǔ)色搭配法：

分散互補(bǔ)色搭配法指的三種顏色，其中兩種互相類似，另一種與它們形成對(duì)比。這種搭配方式可以柔化太強(qiáng)烈的對(duì)比效果，產(chǎn)生更加細(xì)膩的配色效果。

分散互補(bǔ)色搭配是初學(xué)者很好的選擇，怎么搭都很好看。

如下這個(gè)案例用紅黃藍(lán)這組分散互補(bǔ)色搭配法，注意色彩面積的占比大小和諧，并用黑白去協(xié)調(diào)畫面的平衡性：

同上對(duì)比色案例，我們?cè)?ldquo;紅藍(lán)”互補(bǔ)色的基礎(chǔ)上增加了一個(gè)分散互補(bǔ)色“黃色”，塑造了不一樣的感覺，更具活潑時(shí)尚的效果：

5、HSB調(diào)色法

HSB模式是人眼所看到的顏色，這種調(diào)色法結(jié)合以上的四種配色法能幫助快速找到合適的顏色。

H(hue)是色相，指飽和度和亮度都為100%的顏色，h的數(shù)值即表示色相位于色相環(huán)上的角度：

S（saturation）代表顏色的飽和度，指色彩中含有灰色的程度。飽和度越高，顏色越純，色彩越鮮艷；飽和度越低，顏色中灰色成分越大，色彩越清淡：

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

通過調(diào)節(jié)H(hue)、S（saturation）和B（brightness）的數(shù)值，能更直觀地快速的得到想要的色彩。

這篇文章只是概括性的介紹了幾種最常用的色彩搭配技巧，希望大家能夠很快的掌握配色技巧，并運(yùn)用到實(shí)際的信息流廣告素材的效果分析里，以便快速提升點(diǎn)擊率及投放效果。

 

— end —