Banner組成的要點(diǎn)包括：背景、產(chǎn)品、文字、元素、顏色

背景的分類

背景主要包括：場景背景、圖形背景和顏色背景

背景選擇要點(diǎn)

活動(dòng)主題

根據(jù)活動(dòng)主題選擇制作符合主題的背景，例如：“狂歡盛典”、“機(jī)密行動(dòng)”

產(chǎn)品風(fēng)格定位

根據(jù)產(chǎn)品風(fēng)格及店鋪風(fēng)格定位選擇制作符合定位的背景，例如：“男裝”、“女裝”、“3c”、“少女風(fēng)”等不同類型風(fēng)格的產(chǎn)品在選擇背景時(shí)都有著較大的差異

產(chǎn)品色調(diào)搭配

根據(jù)產(chǎn)品色調(diào)選擇制作合適的背景色調(diào)

（PS:調(diào)整產(chǎn)品或背景的色調(diào)，運(yùn)用柔光圖層對(duì)產(chǎn)品光感及反光調(diào)色 是統(tǒng)一畫面色調(diào)、融合產(chǎn)品與背景的常用手法）

文字排版

字體選擇

根據(jù)產(chǎn)品及主體選擇合適的字體

（注：不同的字體，有著不同的圖形印象，根據(jù)自己的產(chǎn)品與需求選擇合適的即可）

字體排版

基于畫面的結(jié)構(gòu)、主題選擇合適的排版方式

對(duì)比

梳理文案的主次關(guān)系，確認(rèn)排版結(jié)構(gòu)，在排版過程中運(yùn)用對(duì)比手法來表現(xiàn)文案的層次關(guān)系

總結(jié)：以闡述主題利益點(diǎn)為目的使用對(duì)比技法，使文案更具閱讀性，層次更加豐富。對(duì)比用的越多，畫面越豐富，同時(shí)對(duì)把控能力的要求也越高。

顏色搭配

選擇

每個(gè)顏色都有著自己的語言含義，給人的心理感受也各有不同。有冷、暖、男、女、熱情奔放、華麗什么的。。。這些就不說了，自己百度吧。以下為基本的顏色關(guān)系，讓大家在選擇顏色的時(shí)候有個(gè)參考：

總結(jié)：BANNER主色調(diào)的選擇要考慮產(chǎn)品本身的顏色或統(tǒng)一或突出,多調(diào)試選擇合適的顏色。

元素選擇

選擇

元素的選擇和背景一樣還是根據(jù)活動(dòng)主題而定，但是元素的選擇一般是當(dāng)背景、畫面色調(diào)、文字排版已經(jīng)確認(rèn)好了之后再去選擇，所以元素選擇必須考慮BANNER的整體風(fēng)格。在以場景為主體背景時(shí)元素多為實(shí)物，以圖形或顏色為背景時(shí)元素多為圖形

總結(jié)：在已有的背景中提取元素或需找制作與背景和產(chǎn)品風(fēng)格相近的元素

其他注意事項(xiàng)

包括：構(gòu)圖平衡、空間感、層次、光影

常用構(gòu)圖

居中：產(chǎn)品與文案放在中軸線上，常見對(duì)稱式構(gòu)圖

左圖右文：最常用的構(gòu)圖方式，左右平衡，突出產(chǎn)品，符合正常閱讀習(xí)慣

左文右圖：

對(duì)角構(gòu)圖：將主要元素置于對(duì)角線上

S型構(gòu)圖：畫面主要元素呈現(xiàn)S、Z型，更具動(dòng)感，又具有較強(qiáng)的視覺導(dǎo)向。較為適合豎版，電商BANNER由于是橫幅，所以S型構(gòu)圖較常見于產(chǎn)品列表頁

鋪滿畫面：元素放大鋪滿畫面，同時(shí)也融合其他構(gòu)圖，例如：小下文圖等，使得畫面非常飽滿、熱鬧

總結(jié)：以上只是總結(jié)電商BANNER中常見的幾種構(gòu)圖方式，不同的構(gòu)圖方式可以傳遞給人不同的感覺氣質(zhì)。根據(jù)自己的產(chǎn)品、主題、素材選擇合適的即可。無論是哪種構(gòu)圖形式，都要注重平衡的問題，各種元素相呼應(yīng)、制約達(dá)到畫面的平衡。當(dāng)然電商是任性的，只要你夠大牌夠個(gè)性，你也可以讓客戶歪著脖子觀摩你的大作

空間感

大小透視：利用大小表現(xiàn)空間感，大小相同的物體，由于近大遠(yuǎn)小，通過大小調(diào)整就能達(dá)到前后縱深感

虛實(shí)投影：非常常見的表現(xiàn)空間感的手法，合理的運(yùn)用虛實(shí)關(guān)系與投影能迅速的塑造出空間感

前實(shí)后虛：通過對(duì)后面景物的虛化將視覺聚焦在前端，也拉開了前后的縱深

前虛中實(shí)后虛：通過對(duì)前后景物的虛化，把視覺聚焦在中間，提高聚焦區(qū)域的明度

重疊飽和感

運(yùn)用線框的元素營造視覺上的空間感錯(cuò)覺，通過文字的遮擋，營造前后的空間感。飽和度的變化，生活中?？吹降倪h(yuǎn)景飽和度也比較高，通過色彩飽和度的變化也可以更好地營造空間感

總結(jié)：在電商BANNER中營造空間感運(yùn)用最多的應(yīng)該是元素的點(diǎn)綴了，利用元素的大小虛實(shí)關(guān)系塑造空間感，元素點(diǎn)綴需要注意疏密、層次關(guān)系，注意保持畫面的平衡

視覺層次

理清主次：在收到需求之后，通過溝通了解運(yùn)營主要傳達(dá)的是什么信息，哪些信息是關(guān)鍵的，哪些是次要的。再考慮選擇哪張產(chǎn)品圖去吸引客戶眼球，是突出產(chǎn)品還是突出主題或者離遠(yuǎn)點(diǎn)。

層次清晰：在分清主次關(guān)系后，結(jié)合到頁面中，產(chǎn)品、文案、背景、元素這些組成了一張BANNER。在整個(gè)畫面中這四部分是否能清晰的分辨出來，主要傳達(dá)的信息是否能一眼看到？這些問題是檢驗(yàn)?zāi)惝嬅嬉曈X層次是否明確清晰的關(guān)鍵。

常用手法：層次區(qū)分采用大小對(duì)比、色彩對(duì)比等手段可以很好的把層次區(qū)分開來

下面列舉幾種常見的小技巧：

總結(jié)：視覺層次的作用主要是讓你的畫面能夠清晰準(zhǔn)確的傳遞信息，當(dāng)你的BANNER完成之后不妨把它縮小，試試看你的主要信息能不能在第一眼被捕捉到

光線與陰影

光線和陰影在合成BANNER中尤為重要，合理的光影可以極大的提升畫面的真實(shí)感。在做BANNER的時(shí)候應(yīng)該考慮到畫面背景中是否出現(xiàn)光線，出現(xiàn)光線那產(chǎn)品肯定要根據(jù)光線的角度調(diào)整受光面、反光面、陰影等要素

輪廓光：輪廓光在電商設(shè)計(jì)中也經(jīng)常見到，使得畫面更加唯美也極大的增強(qiáng)了光感，當(dāng)光線來自物體的一邊或者從物體背面來的時(shí)候會(huì)在物體的邊緣輪廓上形成一道亮的光效，叫做輪廓光

總結(jié)：合理的運(yùn)用光影效果，能極大的提升畫面的真實(shí)感與空間層次。每次做BANNER前考慮畫面需求是否需要運(yùn)用光影，直接用背景素材也得根據(jù)背景原有光影對(duì)產(chǎn)品光影進(jìn)行調(diào)整

（END）