淺談淘寶美工設(shè)計(jì)配色方案
167 2017-05-12
這篇文章主要講和配色有關(guān)的常見的幾種搭配方式,比較偏理論。其實(shí)福州淘寶美工培訓(xùn)學(xué)校的小編剛做美工的時(shí)候?qū)@些內(nèi)容是從來不看的,感覺非??菰?。但做了一段時(shí)間之后,再回頭看看這些內(nèi)容,又是另外一種感覺。那么現(xiàn)在就和福州淘寶美工培訓(xùn)學(xué)校的小編遺愛來看看淘寶美工設(shè)計(jì)的配色方案有幾種吧。
一、學(xué)配色,必須先了解配色比例
日本的設(shè)計(jì)師提出過一個(gè)配色黃金比例,是70:25:5,其中的70%為大面積使用的主色,25%為輔助色,5%為點(diǎn)綴色。一般情況下建議畫面色彩不超過3種,3種是指的3種色相,比如深紅和暗紅可以視為一種色相。
一般來說顏色用的越少越好,顏色越少畫面越簡潔,作品會(huì)顯得更加成熟,顏色越少我們?cè)饺菀卓刂飘嬅?。除非有特殊情況,比如一些節(jié)日類的海報(bào)等,要求畫面有一種熱鬧,活力的氛圍的,多些顏色可以畫面顯得很活躍,但是顏色越多越要嚴(yán)格按照配色比例來分配顏色,不然會(huì)使得畫面非?;靵y,難以控制。
二、了解色彩的關(guān)系
色彩搭配就是不同色相之間相互呼應(yīng)相互調(diào)和的過程,色彩之間的關(guān)系取決于在色相環(huán)上的位置,色相和色相之間距離的角度越近,則對(duì)比越弱,離得越遠(yuǎn)則對(duì)比越強(qiáng)烈。
背下這六種色相之后,那你的配色之旅已經(jīng)起步了,因?yàn)樗械念伾伎梢愿鶕?jù)這六種基礎(chǔ)色相來調(diào)配。這就是六字真言。下面我們來說下3種最最常見的色彩配色方式。
①相鄰色搭配
在色輪中挨著比較近的就是鄰近色,根據(jù)紅橙黃綠藍(lán)紫這六字順序,相鄰色搭配就是紅+橙,橙+黃,黃+綠,綠+藍(lán)……以此類推。
相鄰色因?yàn)楸容^鄰近,有很強(qiáng)的關(guān)聯(lián)性,非常協(xié)調(diào)柔和,畫面非常和諧統(tǒng)一,可以制造出一種柔和溫馨的感覺,因?yàn)樵谏喼形恢幂^近所以這種搭配視覺沖擊力較弱。
幾個(gè)例子:
這兩張基本都是采用相鄰色的搭配方式,第一張還加了一筆橙色起到點(diǎn)綴的作用,整體畫面非常柔和協(xié)調(diào),因此這類配色常用家居,棉織品,小清新淡雅的服裝,中國風(fēng)等能給人以寧靜,柔和,傳統(tǒng)感覺的產(chǎn)品。
如上圖所示,文字顏色就是用背景色降低飽和度/明度后的結(jié)果。本身背景色明度很高,又采用單色搭配手法所以會(huì)給人高雅,淡雅,寧靜的感覺。主標(biāo)題的字體也配合整個(gè)畫面采用了一些變形,使得整體非常統(tǒng)一和諧。
七夕這張圖片使用的藍(lán)與紫搭配,畫面寧靜和諧。旁邊這張圖片使用的單色搭配,深藍(lán)+淺藍(lán),畫面統(tǒng)一帶有一點(diǎn)傳統(tǒng)的感覺。
這張海報(bào)用的紅+橙的搭配方式,以橙色為主色調(diào),背景中采用不同橙色增加了畫面的空間感,并且讓畫面看起來不是那么的單調(diào)。海報(bào)中鄧超驚訝的表情,以及背景傾斜的線條和幾何方塊的點(diǎn)綴,漂浮的產(chǎn)品使得原本穩(wěn)定的畫面變得活潑輕快富有沖擊力,可見海報(bào)做成什么格調(diào)也與畫面每個(gè)組成部分都有密切的關(guān)系。
②間隔色搭配
根據(jù)紅橙黃綠藍(lán)紫這六字順序,紅+黃
,橙+綠,黃+藍(lán),綠+紫
,藍(lán)+紅,因?yàn)檫@種搭配方式中間都隔了一個(gè)顏色,因此稱為間隔色。
間隔色相比較相鄰色,2色之間在色輪上相隔遠(yuǎn)一些,因此視覺沖擊力會(huì)強(qiáng)于相鄰色,而且間隔色使用非常廣泛,既沒有180互補(bǔ)色沖擊力那么具有刺激性,又比相鄰色多了一些明快丶活潑丶對(duì)比鮮明的感覺。特別是紅黃藍(lán)三原色之間的相互搭配,應(yīng)用非常廣泛,也非常流行。
幾個(gè)例子:
這張基本是很典型的藍(lán)黃間隔色搭配,畫面非常明快時(shí)尚,文字還采用了白色作為調(diào)和。藍(lán)色本身就具有一種科技的格調(diào)。這里用藍(lán)黃白搭配再合適不過了。
這張是典型的三原色紅黃藍(lán)組合,畫面比例控制的非常好,以藍(lán)色為點(diǎn)綴,也采用了白色作為調(diào)和緩沖,使得畫面有一定的空間感。
紫綠搭配,很明快,略帶一絲傳統(tǒng),算是一種中性的搭配方式。
紅黃百搭色,有非常搶眼的促銷感。
大家可以看上方這幾個(gè)圖片的背景都不是單一顏色,比如最后這張海報(bào),紅色背景上又加了一個(gè)深紅色的放射性背景。第三張海報(bào),紫色背景后面還加了一些深紫色的幾何方塊做點(diǎn)綴。
配色一定要控制好畫面的色彩比例!
重點(diǎn)說下紅藍(lán)搭配:紅藍(lán)搭配應(yīng)用非常廣泛,因?yàn)檫@2個(gè)顏色是典型的冷暖結(jié)合的顏色,有很強(qiáng)的對(duì)比性,會(huì)給人留下很深刻的印象。比如百度的logo,百事可樂的logo,超人丶蜘蛛俠的動(dòng)漫形象,很多國家的國旗等。
再看幾個(gè)例子:
這些海報(bào)基本都無一例外的在圖片中添加了白色作為調(diào)和,白色和黑色都是萬能的調(diào)和色,紅藍(lán)搭配還要注意的是不能讓色彩過于均衡,一定要控制好兩色的比例,其中一個(gè)要為主色在畫面中要占大比例,使之產(chǎn)生主次關(guān)系,或者降低其中一個(gè)顏色的明度/飽和度,產(chǎn)生一種明暗對(duì)比。
③互補(bǔ)色搭配
在色輪中相隔180的2個(gè)顏色互為補(bǔ)色,是色彩搭配中,對(duì)比最為強(qiáng)烈的顏色,沒有之一…根據(jù)紅橙黃綠藍(lán)紫這六字順序,互補(bǔ)色就是中間間隔2個(gè)顏色,紅+綠,橙+藍(lán),黃+紫…
互補(bǔ)色搭配可以表現(xiàn)出一種力量,氣勢(shì)與活力,有非常強(qiáng)烈的視覺沖擊力,而且也是非?,F(xiàn)代時(shí)尚的搭配。若控制的不好往往產(chǎn)生不協(xié)調(diào),不含蓄,不安定的效果。
幾個(gè)例子:
互補(bǔ)色搭配要注意三個(gè)方面:①一定要控制好畫面的色彩比例,因?yàn)檫@個(gè)2個(gè)顏色放一起對(duì)抗非常激烈,所以一定要選出一個(gè)老大當(dāng)主色調(diào),另外一方作為點(diǎn)綴或者輔助色。②可以降低其中一方的明度/飽和度,這樣可以產(chǎn)生一種明暗對(duì)比,緩沖其對(duì)抗性。③在畫面中加入黑/白作為調(diào)和色進(jìn)一步緩沖其對(duì)抗的特性。
總之,關(guān)于顏色搭配方法有很多,這里只是列舉最為常見的3種。關(guān)于配色的一些名詞性的東西,大家沒有必要去糾結(jié)。
請(qǐng)聯(lián)系網(wǎng)站客服,了解詳細(xì)的優(yōu)惠課程信息~
優(yōu)質(zhì)、權(quán)威、便捷、省心
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)