課程大綱:
1色彩的基本分類
2色彩的三大屬性
3首頁裝修中的色彩搭配及注意事項(xiàng)
4內(nèi)頁色彩搭配及排版分類
5色彩搭配在推廣圖中的應(yīng)用
一 色彩的基本分類:
色彩,簡單地說,當(dāng)光線照射到物體后使視覺神經(jīng)產(chǎn)生感受,而有色的存在。這是百度給色彩的解釋,色彩會(huì)影響人的視覺神經(jīng),給人以震撼,感動(dòng),警覺,感悟,排斥,喜愛等感覺,并且色彩與人的情緒密切相關(guān),比如紅色會(huì)給人以
刺激,粉色會(huì)給人以安撫,綠色象征著活力,黑色更莊嚴(yán),銀色象征奢華等等,并且隨著人們的生活習(xí)慣和常識(shí),在人們腦海中潛移默化的有了每個(gè)人對(duì)色彩的基本認(rèn)識(shí)和感知度,如,春天,會(huì)不自覺的想到綠色,看到冰的顏色和冷色調(diào)會(huì)不自己的有絲絲涼意等等。
色彩在網(wǎng)頁中有兩種表現(xiàn)方法:一種是RGB,一種是CMYK,
RGB是以三原色按不同比例疊加來實(shí)現(xiàn)各種顏色的展現(xiàn),如顯示器。
CMTK是印刷色彩模式加入了black黑色,咱們可以簡單了解,一般我們都采用RGB模式
我們調(diào)整不同的RGB值,圖片會(huì)有不同的效果如綠草地
我們可以根據(jù)產(chǎn)品顏色和裝修主色調(diào)對(duì)圖片風(fēng)格或背景顏色進(jìn)行修改,會(huì)產(chǎn)生不同的效果
顏色一般分為三種:原色,間色,復(fù)色
原色指紅黃藍(lán)三原色
間色指兩個(gè)原色疊加組合的顏色,如紅加黃為橙色
復(fù)色指間色和另一個(gè)間色組合而成的顏色
二 色彩的三大屬性
色彩的的三大屬性為:色相 明度 飽和度
色相:色彩是由于物體上的物理性的光反射到人眼視神經(jīng)上所產(chǎn)生的感覺。
色的不同是由光的波長的長短差別所決定的。作為色相,指的是這些不同波長的色的情況。波長最長的是紅色,最短的是紫色。把紅丶黃丶綠丶藍(lán)丶紫和處在它們各自之間的黃紅丶黃綠丶藍(lán)綠丶藍(lán)紫丶紅紫這5種中間色——共計(jì)10種色作為色相環(huán)。在色相環(huán)上排列的色是純度高的色,被稱為純色。這些色在環(huán)上的位置是根據(jù)視覺和感覺的相等間隔來進(jìn)行安排的。用類似這樣的方法還可以再分出差別細(xì)微的多種色來。在色相環(huán)上,
180度對(duì)稱的為互補(bǔ)色
120度的為對(duì)比色,45度為鄰近色,由于互補(bǔ)色有強(qiáng)烈的分離性,所以使用互補(bǔ)色的配色設(shè)計(jì),可以有效加強(qiáng)整體配色的對(duì)比度,拉開距離感,而且能表現(xiàn)出特殊的視覺對(duì)比與平衡效果,使用得好能讓作品令人感覺活潑丶充滿生命力的感受。
比如這張首焦鉆展圖,就用了比較多的紅綠對(duì)比色,為了讓圖片顯的不那么突兀,可以選擇同樣的亮度,但是內(nèi)頁和首頁的裝修中需要注意產(chǎn)品和店鋪主體風(fēng)格,然后再根據(jù)主風(fēng)格選擇配比顏色。
一般首頁海報(bào)會(huì)選擇70的底色,25%的主色調(diào)和5%的強(qiáng)調(diào)色比如茵曼的近期首頁
既與店鋪風(fēng)格相符有用臨近色去強(qiáng)調(diào)重點(diǎn)文案。
色彩明度:是指色彩的亮度或明度。顏色有深淺丶明暗的變化。比如,深黃丶中黃丶淡黃丶檸檬黃等黃顏色在明度上就不一樣,紫紅丶深紅丶玫瑰紅丶大紅丶朱紅丶桔紅等紅顏色在亮度上也不盡相同。這些顏色在明暗丶深淺上的不同變化,也就是色彩的又一重要特征一一明度變化。
*值得注意的是非彩色中,既白色,黑色和不同程度的灰色,只有明度特征,沒有色相和飽和度特征,所以非彩色圖片在拍照是光線較暗是可以調(diào)節(jié)明度,或者把彩色照片調(diào)成黑白色增加懷舊效果。
*還有彩色背景時(shí),盡量不要使用亮度在92-147之間的顏色作為大面積背景色,因?yàn)檫@些顏色會(huì)讓人感覺很焦慮,
飽和度:是指色彩的鮮艷程度,也稱色彩的純度。飽和度取決于該色中含色成分和消色成分(灰色)的比例。含色成分越大,飽和度越大;消色成分越大,飽和度越小。
三 首頁裝修中的色彩搭配及注意事項(xiàng)
不同類目不同產(chǎn)品的店鋪,主色的選擇和顏色搭配有著不同的要求,根據(jù)顏色的不同我們多種搭配的方案如:
1同色不同明度的配色
首焦產(chǎn)品和背景色選擇了不同明度的深藍(lán)色,以紅色和白色為強(qiáng)調(diào)色,大面積同色背景增加氣場
2同色系
比如小狗旗艦店,選用了相鄰色同色系的黃色橙色橘色,適合3C和家電
3消色
不同顏色的黑白灰,適合男性消費(fèi)品
4金銀色
奢華品和女鞋消費(fèi)品
5高明度色
童裝和可愛型睡衣韓版女裝等等
同時(shí)首頁的裝修還要考慮以下幾點(diǎn):
1主營產(chǎn)品的風(fēng)格
2 logo的協(xié)調(diào)統(tǒng)一
3季節(jié)和節(jié)日,夏季禁用紅色春季多用綠色
4店內(nèi)活動(dòng)和主推爆款如何強(qiáng)調(diào)
5主要客戶群的喜好和感知
6主色和協(xié)調(diào)色多為鄰近色,重點(diǎn)文案多為對(duì)比色,這樣更加凸顯產(chǎn)品和活動(dòng)文案
7首頁排版一致協(xié)調(diào)統(tǒng)一
內(nèi)頁的色彩搭配及排版
內(nèi)頁的色彩搭配和店鋪要保證一致,內(nèi)頁的整體風(fēng)格和顏色要和背景保持一致,重點(diǎn)文案要和背景色有對(duì)比,突兀的文案可以加適當(dāng)?shù)倪吙?/p>
重點(diǎn)講解下內(nèi)頁的排版,因?yàn)楹芏嗳诉€是不能很好的運(yùn)用內(nèi)頁來提高轉(zhuǎn)化,其實(shí)無論什么產(chǎn)品,都圍繞著一個(gè)問題,就是主要客戶都擔(dān)心哪些問題,
我們簡單的以月餅為例,看看大體的排版應(yīng)該是什么樣的
內(nèi)頁的主要作用有兩點(diǎn):
1引起買家的購買欲,提高轉(zhuǎn)化
2將流量分流,帶動(dòng)其他產(chǎn)品和二次轉(zhuǎn)化
推廣圖的色彩搭配
推廣圖的色彩搭配要注意以下幾點(diǎn):
1文案和背景顏色要和產(chǎn)品協(xié)調(diào)或?qū)?yīng)
2強(qiáng)烈對(duì)比色,把握黃金0.3秒
3漸變色抓住眼球焦點(diǎn)
推廣圖重點(diǎn)在于點(diǎn)擊率,所以抓住賣家的眼球才是最重要的,除了考慮產(chǎn)品本身顏色和背景色的協(xié)調(diào)和對(duì)應(yīng),還有文案顏色的突出和整體的搭配效果
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺(tái),是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來源: 視覺營銷:講述色彩搭配技巧