1、我為什么選擇這個分享主題
因?yàn)槲铱紤]到來聽我分享的人，可能不都是做電商設(shè)計(jì)的，可能有做網(wǎng)頁的／做品牌的／做平面的／做UI的，甚至還有運(yùn)營和管理者，而Banner剛好適用的范圍非常廣，同時(shí)也確實(shí)很多人對banner缺乏認(rèn)知，把它想的太過簡單，又或者把它想的太過復(fù)雜，今天剛好借助這個機(jī)會，我?guī)Т蠹抑匦抡J(rèn)識它－Banner。
聽完這次分享，也許可以使自己在以后做設(shè)計(jì)的時(shí)候可以多一些點(diǎn)子，在指導(dǎo)需求的時(shí)候，上下游pk的時(shí)候，可以做到不撕逼而是有條有理，有理有據(jù)地去說出自己的觀點(diǎn)，并給出意見，做個有思想的人。
2、Banner的釋義和運(yùn)用范圍
banner其實(shí)就是展示于各種電子屏幕上的利用互聯(lián)網(wǎng)傳播的各種尺寸大小和形狀的廣告，其作用就是展示／宣傳／廣而告之。
下面給大家舉一些列子，方便大家理解，我下面用框框標(biāo)出的，以及你能看到的所有圖片，其實(shí)都可以理解為Banner：
站酷：
優(yōu)設(shè)：
百度：
京東：
花瓣：
以及其它所有網(wǎng)站上你能看到的圖片，都可以視作是Banner。
還有幾乎所有的app：
H5頁面的每一幅畫面：
啟動頁引導(dǎo)頁也都可以視作是豎版的Banner：
我們看到的海報(bào)和雜志封面都可以理解為豎版的Banner：
甚至你在公眾號里能看到的所有圖片都可以當(dāng)作是Banner：
還有我們在公眾號底部的二維碼圖片，也可以當(dāng)作Banner：
比如我給自己做了2張，一個冬天的時(shí)候用，溫暖
一個夏天的時(shí)候用，涼快
其實(shí)每次只要做分享，我自己的PPT我也都是當(dāng)作Banner來做的，每次都會做出不一樣的氣質(zhì)和感受。
是不是感覺很神奇？并豁然開朗：“噢，原來Banner的運(yùn)用范圍這么廣啊～”
對，不過更精彩的內(nèi)容在后面，我們接著往下看。
3、Banner有哪些組成要素？
一個最常規(guī)的最完整的Banner，一般有這五個組成部分：文案／模特商品／背景／點(diǎn)綴元素／LOGO，我給大家簡單做了一個示例：
但同時(shí)也需要說明的是，其實(shí)只需要包含以上至少一個要素，就可以視作一個Banner了，比如有的Banner它可能什么都沒有，連背景也沒有，只放了一個LOGO完事，也有的Banner它只放了產(chǎn)品或LOGO，連個文案都沒有。
以上不知道大家理解了沒有呢？如果沒有完全理解，我們再接著往下看。
4、我們一起來欣賞幾張Banner
辨別的前提是先多欣賞，那么怎么欣賞呢？我主要從定位方向和表現(xiàn)手法2個方面帶大家來欣賞Banner。
（1）先說定位方向：
高冷大牌，自信到連文案都不需要
文藝范Banner，活在自己的世界里
新品首發(fā)banner，可以稍微熱情一點(diǎn)點(diǎn)
時(shí)尚類banner，可以稍微酷一點(diǎn)
小清新banner，可以卡哇伊一點(diǎn)
另類型banner，可以搞怪一點(diǎn)
低價(jià)促銷banner，可以逗比瘋狂活潑一點(diǎn)
大家看到了嗎，假想以上同樣是賣女裝的話，不同類型定位的banner傳達(dá)給人的感受也是不一樣的，有的特別冷淡，有的特別熱情，它們在視覺上帶給我們的差異感受其實(shí)就是來源于定位方向的不同。
另外，這里也可以再跟大家分享一些網(wǎng)易云音樂的Banner，先看圖，后面我在給大家說感受：
大家注意到了嗎？大概是因?yàn)橐魳愤@種東西很多時(shí)候都是在抒發(fā)一種情感的緣故，或喜或悲或惆悵，同時(shí)音樂又是跟藝術(shù)相通的，所以這些音樂類的Banner圖看起來排版方面都比較靈活自由，往往字體設(shè)計(jì)也非常考究有藝術(shù)感，畫面多帶有一種情緒在里面，可以很抽象，這種Banner非常適用于一些走文藝路線的電商品牌的需要，所以大家也可以參考理解下。
像下面這個Banner，從模特打扮和設(shè)計(jì)風(fēng)格一看，就知道這些人是玩搖滾的，同時(shí)還透露著一股文化底蘊(yùn)在里面，果不其然，他們確實(shí)就是一個民謠搖滾樂隊(duì)——布衣樂隊(duì)。
但網(wǎng)易云音樂的首焦里也經(jīng)常會有一些賣貨類的Banner，大家可以看下，就非常常規(guī)了，這些不同的視覺感受其實(shí)也都是基于Banner的目的是不一樣而決定的：
（2）Banner的表現(xiàn)手法：
很設(shè)計(jì)師可能并沒有意識到，其實(shí)為了達(dá)到某種效果或目的，實(shí)現(xiàn)方法是多種多樣的，不用在一棵樹上吊死，去用自己最擅長或最感興趣的方式去實(shí)現(xiàn)就好了，只要能達(dá)到自己要的目的和效果就行。
比如，做出一個Banner都有哪些表現(xiàn)手法呢？
攝影，一張Banner圖可以直接拍出來
（圖片來自站酷設(shè)計(jì)師YUM湯湯）
三維建模
（圖片來自站酷設(shè)計(jì)師白無常）
合成
（圖片來自站酷設(shè)計(jì)師杰克sean）
（圖片來源于網(wǎng)絡(luò)）
手繪
手工（紙雕／軟陶／針線活等）
同時(shí)，以上所有的表現(xiàn)手法都是可以互相結(jié)合運(yùn)用的，所以這也就是為什么我在之前也寫過一篇100種方法教你聊出一個Banner的文章，總之，方法是活的，看大家怎么利用自身的優(yōu)勢去發(fā)揮和創(chuàng)造吧。
5、如何分析一個Banner呢？
我主要是這幾個方面來分析一個Banner：定位／信息層級／可讀性／創(chuàng)意／舒適度／細(xì)節(jié)。
再比如上面這個Banner，看文案就是到是定位的低價(jià)促銷方向，這就好比一位熱情的促銷員為了吸引大家過去買買買，所以我用了非常多彩熱鬧的顏色，用了表情微笑的熱情的模特，用了大大的粗粗的還略帶傾斜的文字，并且把價(jià)格利益點(diǎn)突出，這所有的做法都只是為了營造一種大家促銷人人都買得起的氛圍這一個目的，也就是滿足低價(jià)促銷定位的設(shè)計(jì)需要。
6、如何辨別一個Banner的好壞？
說到辨別好壞，當(dāng)然主要還是從這幾個方面來評判：定位是否準(zhǔn)確／信息層級清不清晰／文字可讀性強(qiáng)不強(qiáng)／創(chuàng)意好不好／看起來舒不舒服／細(xì)節(jié)有沒有注意等。
下面我搜集了幾個反面案例，可以給大家看下，以后可以避開這些常見誤區(qū)：
（1）排版雜亂，導(dǎo)致閱讀困難，不知道眼睛該往哪看
（2）字體變形過度，導(dǎo)致文字閱讀障礙
（3）顏色和特效運(yùn)用過多，導(dǎo)致畫面凌亂而且掉檔次
（4）用錯對比，對比用好了可以起到突出信息的作用，但是如果像下面這樣，淺色背景上依然用淺色文字的話，反而就起不到突出的作用了，在這里設(shè)計(jì)師原本其實(shí)是想突出“干凈”2個字的（謹(jǐn)記：背景復(fù)雜前景就要干凈，背景淺色前景就用深色，反之亦然，這樣才能起到突出對比的作用）。
（5）定位錯誤，奢侈品基本不會用這種0元包郵的促銷文案來掉價(jià)，除非他是假冒的，如果你本來就是低端產(chǎn)品，做工質(zhì)量外觀等各個方面也是看起來很廉價(jià)卻偏偏要走高端簡潔路線，也是自尋死路，只會暴露自己的缺點(diǎn)。
（6）不注重細(xì)節(jié)，比如這里的產(chǎn)品圖摳圖不干凈／陰影效果看起來很臟／產(chǎn)品未修圖等，都會大大降低用戶對他的購買欲望。
當(dāng)然還有一點(diǎn)，缺少創(chuàng)意，雖然規(guī)規(guī)矩矩沒什么過錯，但同時(shí)也會讓自己缺少競爭力，無法脫穎而出。
作者：愛上學(xué)習(xí)愛上
來源：公眾號 硅谷堂
愛盈利（aiyingli.com）移動互聯(lián)網(wǎng)最具影響力的盈利指導(dǎo)網(wǎng)站。定位于服務(wù)移動互聯(lián)網(wǎng)創(chuàng)業(yè)者，移動盈利指導(dǎo)。我們的目標(biāo)是讓盈利目標(biāo)清晰可見！降低門檻，讓缺乏經(jīng)驗(yàn)、資金有限的個人和團(tuán)隊(duì)獲得經(jīng)驗(yàn)和機(jī)會，提高熱情，激發(fā)產(chǎn)品。 
