淘寶banner設(shè)計(jì)必須掌握的配色規(guī)律

Banner設(shè)計(jì)是電商營(yíng)銷設(shè)計(jì)里面的一項(xiàng)重要工作，可以作為網(wǎng)站頁(yè)面的橫幅廣告，好的banner需要足夠的吸引力和創(chuàng)作力。因此，一個(gè)網(wǎng)站的成功往往需要一個(gè)成熟的Banner設(shè)計(jì)師，其具備良好的創(chuàng)作思維和活動(dòng)經(jīng)驗(yàn).以下就是贏在威客網(wǎng)小編為您推薦的淘寶banner設(shè)計(jì)必須掌握的配色規(guī)律。

一、配色比例


學(xué)配色，先了解配色比例，日本設(shè)計(jì)師提出過(guò)一個(gè)配色黃金比例：70:25:5，其中70%為大面積使用的主色，25%25為輔助色，5%為點(diǎn)綴色。一般情況下建議畫面色彩不超過(guò)3種，3種是指3種色相，比如說(shuō)深紅和暗紅可以視為一種色相。

一般來(lái)說(shuō)顏色用得越少越好，顏色越少畫面越簡(jiǎn)潔，作品就會(huì)顯得更加成熟。顏色越少我們?cè)饺菀卓刂飘嬅妫翘厥馇闆r，比如一些節(jié)日類海報(bào)等，要求畫面有一種熱鬧、活力的氛圍，多些顏色可以讓畫面顯得很活躍，但是顏色越多越要嚴(yán)格按照配色比例來(lái)分配顏色，不然會(huì)使得畫面非?；靵y，難以控制。

二、色彩的關(guān)系


色彩搭配就是不同色相之間相互呼應(yīng)、相互調(diào)和的一個(gè)過(guò)程，色彩之間的關(guān)系取決于色相環(huán)上的位置，色相和色相之間距離的角度越近，則對(duì)比越弱，離得越遠(yuǎn)則對(duì)比越強(qiáng)烈。

最基本的六種色相，所有的顏色都可以根據(jù)這六種基礎(chǔ)色相來(lái)調(diào)配。

三、以下是3種最常見的色彩配色方式：

相鄰色搭配

在色相環(huán)中挨著比較近的就是鄰近色，根據(jù)紅橙黃綠藍(lán)紫這六字順序，相鄰色搭配就是紅+橙、橙+黃、黃+綠、綠+藍(lán)。。。。。以此類推。

相鄰色在12色相環(huán)中90°的位置以內(nèi)

相鄰色因?yàn)楸容^鄰近，有很強(qiáng)的關(guān)聯(lián)性，非常協(xié)調(diào)柔和，畫面非常和諧統(tǒng)一，可以制造出一種柔和溫馨的感覺，這種搭配視覺沖擊力較弱。

相鄰色搭配中還有一種單色系的搭配方式，采用同一色相，僅僅調(diào)整該色的明度/飽和度，得到另外一種顏色。

間隔色搭配

根據(jù)紅橙黃綠藍(lán)紫這六字順序，紅+黃、橙+綠、黃+藍(lán)、綠+紫、藍(lán)+紅，因?yàn)檫@種搭配方式中間隔了一個(gè)顏色，因此成為間隔色。

間隔色在12色相環(huán)中的位置相距120°

間隔色與相鄰色比較，兩色之間在色相環(huán)上相隔遠(yuǎn)一些，因此視覺沖擊力會(huì)強(qiáng)于相鄰色，而且間隔色使用非常廣泛，既沒有180°互補(bǔ)色沖擊力那么具有刺激性，又比相鄰色多了一些明快活潑、對(duì)比的感覺。特別是紅黃藍(lán)三原色之間的相互搭配應(yīng)用非常廣泛也非常流行。

重點(diǎn)說(shuō)下紅藍(lán)搭配

紅藍(lán)搭配應(yīng)用非常廣泛，因?yàn)檫@兩種顏色是典型的冷暖結(jié)合的顏色，有很強(qiáng)的對(duì)比性，會(huì)給人留下很深刻的印象。比如百度logo、百事可樂的logo、公安局的警車、超人、蜘蛛俠的動(dòng)漫形象，很多國(guó)家的國(guó)旗等。這兩種色彩對(duì)比很容易讓人視覺疲勞和心理亢進(jìn)，所以1不適合用家居等靜物。由于紅藍(lán)搭配國(guó)語(yǔ)強(qiáng)烈，常用白色作為調(diào)和色，最典型的就是百事可樂logo.

互補(bǔ)色搭配

在色相環(huán)中相隔180°的兩個(gè)顏色互為補(bǔ)色，是色彩搭配中對(duì)比最為強(qiáng)烈的顏色，互補(bǔ)色有：紅+綠、橙+藍(lán)、黃+紫。

互為補(bǔ)色在色相環(huán)中的位置相隔180°

互為補(bǔ)色搭配可以表現(xiàn)出一種力量，氣勢(shì)與活力，有非常強(qiáng)烈的視覺沖擊力，而且也是非?，F(xiàn)代時(shí)尚的搭配。

互補(bǔ)色搭配要注意三個(gè)方面：

①一定要控制好畫面的色彩比例，因?yàn)檫@兩個(gè)顏色放在一起對(duì)抗非常強(qiáng)烈，所以一定要選出一個(gè)老大當(dāng)主色調(diào)，另外一方作為點(diǎn)綴或者輔助色；

②也可以降低其中一方的明度/飽和度，這樣可以產(chǎn)生一種明暗對(duì)比，緩沖其對(duì)抗性；

③或者再畫面中加入黑/白作為調(diào)和色進(jìn)一步緩沖其對(duì)抗性的特點(diǎn)。

最后，記住色彩搭配方法的基本規(guī)律：紅橙黃綠藍(lán)紫，色相相隔越遠(yuǎn)對(duì)比越強(qiáng)烈，離得越近搭配越柔和，實(shí)際應(yīng)用時(shí)控制好畫面的色彩比例。