Banner設計是電商營銷設計里面的一項重要工作,可以作為網(wǎng)站頁面的橫幅廣告,好的banner需要足夠的吸引力和創(chuàng)作力。因此,一個網(wǎng)站的成功往往需要一個成熟的Banner設計師,其具備良好的創(chuàng)作思維和活動經(jīng)驗.以下就是贏在威客網(wǎng)小編為您推薦的淘寶banner設計必須掌握的配色規(guī)律。
一、配色比例
學配色,先了解配色比例,日本設計師提出過一個配色黃金比例:70:25:5,其中70%為大面積使用的主色,25%25為輔助色,5%為點綴色。一般情況下建議畫面色彩不超過3種,3種是指3種色相,比如說深紅和暗紅可以視為一種色相。
一般來說顏色用得越少越好,顏色越少畫面越簡潔,作品就會顯得更加成熟。顏色越少我們越容易控制畫面,除非特殊情況,比如一些節(jié)日類海報等,要求畫面有一種熱鬧、活力的氛圍,多些顏色可以讓畫面顯得很活躍,但是顏色越多越要嚴格按照配色比例來分配顏色,不然會使得畫面非?;靵y,難以控制。
二、色彩的關(guān)系
色彩搭配就是不同色相之間相互呼應、相互調(diào)和的一個過程,色彩之間的關(guān)系取決于色相環(huán)上的位置,色相和色相之間距離的角度越近,則對比越弱,離得越遠則對比越強烈。
最基本的六種色相,所有的顏色都可以根據(jù)這六種基礎色相來調(diào)配。
三、以下是3種最常見的色彩配色方式:
相鄰色搭配
在色相環(huán)中挨著比較近的就是鄰近色,根據(jù)紅橙黃綠藍紫這六字順序,相鄰色搭配就是紅+橙、橙+黃、黃+綠、綠+藍。。。。。以此類推。
相鄰色在12色相環(huán)中90°的位置以內(nèi)
相鄰色因為比較鄰近,有很強的關(guān)聯(lián)性,非常協(xié)調(diào)柔和,畫面非常和諧統(tǒng)一,可以制造出一種柔和溫馨的感覺,這種搭配視覺沖擊力較弱。
相鄰色搭配中還有一種單色系的搭配方式,采用同一色相,僅僅調(diào)整該色的明度/飽和度,得到另外一種顏色。
間隔色搭配
根據(jù)紅橙黃綠藍紫這六字順序,紅+黃、橙+綠、黃+藍、綠+紫、藍+紅,因為這種搭配方式中間隔了一個顏色,因此成為間隔色。
間隔色在12色相環(huán)中的位置相距120°
間隔色與相鄰色比較,兩色之間在色相環(huán)上相隔遠一些,因此視覺沖擊力會強于相鄰色,而且間隔色使用非常廣泛,既沒有180°互補色沖擊力那么具有刺激性,又比相鄰色多了一些明快活潑、對比的感覺。特別是紅黃藍三原色之間的相互搭配應用非常廣泛也非常流行。
重點說下紅藍搭配
紅藍搭配應用非常廣泛,因為這兩種顏色是典型的冷暖結(jié)合的顏色,有很強的對比性,會給人留下很深刻的印象。比如百度logo、百事可樂的logo、公安局的警車、超人、蜘蛛俠的動漫形象,很多國家的國旗等。這兩種色彩對比很容易讓人視覺疲勞和心理亢進,所以1不適合用家居等靜物。由于紅藍搭配國語強烈,常用白色作為調(diào)和色,最典型的就是百事可樂logo.
互補色搭配
在色相環(huán)中相隔180°的兩個顏色互為補色,是色彩搭配中對比最為強烈的顏色,互補色有:紅+綠、橙+藍、黃+紫。
互為補色在色相環(huán)中的位置相隔180°
互為補色搭配可以表現(xiàn)出一種力量,氣勢與活力,有非常強烈的視覺沖擊力,而且也是非常現(xiàn)代時尚的搭配。
互補色搭配要注意三個方面:
①一定要控制好畫面的色彩比例,因為這兩個顏色放在一起對抗非常強烈,所以一定要選出一個老大當主色調(diào),另外一方作為點綴或者輔助色;
②也可以降低其中一方的明度/飽和度,這樣可以產(chǎn)生一種明暗對比,緩沖其對抗性;
③或者再畫面中加入黑/白作為調(diào)和色進一步緩沖其對抗性的特點。
最后,記住色彩搭配方法的基本規(guī)律:紅橙黃綠藍紫,色相相隔越遠對比越強烈,離得越近搭配越柔和,實際應用時控制好畫面的色彩比例。