1/我為什么選擇這個分享主題尺碰？

因為我考慮到來聽我分享的人挣棕，可能不都是做電商設計的，可能有做網(wǎng)頁的／做品牌的／做平面的／做UI的亲桥，甚至還有運營和管理者洛心，而Banner剛好適用的范圍非常廣，同時也確實很多人對banner缺乏認知题篷，把它想的太過簡單词身，又或者把它想的太過復雜，今天剛好借助這個機會悼凑，我?guī)Т蠹抑匦抡J識它－Banner。

聽完這次分享璧瞬，也許可以使自己在以后做設計的時候可以多一些點子户辫，在指導需求的時候，上下游pk的時候嗤锉，可以做到不撕逼而是有條有理渔欢，有理有據(jù)地去說出自己的觀點，并給出意見瘟忱，做個有思想的人奥额。

2/Banner的釋義和運用范圍

banner其實就是展示于各種電子屏幕上的利用互聯(lián)網(wǎng)傳播的各種尺寸大小和形狀的廣告，其作用就是展示／宣傳／廣而告之访诱。

下面給大家舉一些列子垫挨，方便大家理解，我下面用框框標出的触菜，以及你能看到的所有圖片九榔，其實都可以理解為Banner：

站酷：

優(yōu)設：

百度：

京東：

花瓣：

以及其它所有網(wǎng)站上你能看到的圖片，都可以視作是Banner。

還有幾乎所有的app

H5頁面的每一幅畫面

啟動頁引導頁也都可以視作是豎版的Banner

我們看到的海報和雜志封面都可以理解為豎版的Banner

甚至你在公眾號里能看到的所有圖片都可以當作是Banner

其實每次只要做分享哲泊，我自己的PPT我也都是當作Banner來做的剩蟀，每次都會做出不一樣的氣質(zhì)和感受。

是不是感覺很神奇切威？并豁然開朗：“噢育特，原來Banner的運用范圍這么廣啊～”

對，不過更精彩的內(nèi)容在后面先朦，我們接著往下看缰冤。

3/Banner有哪些組成要素？

一個最常規(guī)的最完整的Banner烙无，一般有這五個組成部分：文案／模特商品／背景／點綴元素／LOGO锋谐，我給大家簡單做了一個示例：

但同時也需要說明的是，其實只需要包含以上至少一個要素截酷，就可以視作一個Banner了涮拗，比如有的Banner它可能什么都沒有，連背景也沒有迂苛，只放了一個LOGO完事三热，也有的Banner它只放了產(chǎn)品或LOGO，連個文案都沒有三幻。

以上不知道大家理解了沒有呢就漾？如果沒有完全理解，我們再接著往下看念搬。

4/我們一起來欣賞幾張Banner

辨別的前提是先多欣賞抑堡，那么怎么欣賞呢？我主要從定位方向和表現(xiàn)手法2個方面帶大家來欣賞Banner朗徊。

（1）先說定位方向：

高冷大牌首妖，自信到連文案都不需要

文藝范Banner，活在自己的世界里

新品首發(fā)banner爷恳，可以稍微熱情一點點

時尚類banner有缆，可以稍微酷一點

小清新banner，可以卡哇伊一點

另類型banner温亲，可以搞怪一點

低價促銷banner僧须，可以逗比瘋狂活潑一點

大家看到了嗎巍耗，假想以上同樣是賣女裝的話亮元，不同類型定位的banner傳達給人的感受也是不一樣的汁掠，有的特別冷淡，有的特別熱情魂务，它們在視覺上帶給我們的差異感受其實就是來源于定位方向的不同在刺。

另外逆害，這里也可以再跟大家分享一些網(wǎng)易云音樂的Banner，先看圖蚣驼，后面我在給大家說感受：

大家注意到了嗎魄幕？大概是因為音樂這種東西很多時候都是在抒發(fā)一種情感的緣故，或喜或悲或惆悵颖杏，同時音樂又是跟藝術相通的纯陨，所以這些音樂類的Banner圖看起來排版方面都比較靈活自由，往往字體設計也非沉舸ⅲ考究有藝術感翼抠，畫面多帶有一種情緒在里面，可以很抽象获讳，這種Banner非常適用于一些走文藝路線的電商品牌的需要阴颖，所以大家也可以參考理解下。

像下面這個Banner丐膝，從模特打扮和設計風格一看量愧，就知道這些人是玩搖滾的，同時還透露著一股文化底蘊在里面帅矗，果不其然偎肃，他們確實就是一個民謠搖滾樂隊——布衣樂隊。

但網(wǎng)易云音樂的首焦里也經(jīng)常會有一些賣貨類的Banner浑此，大家可以看下累颂，就非常常規(guī)了，這些不同的視覺感受其實也都是基于Banner的目的是不一樣而決定的：

（2）Banner的表現(xiàn)手法：

很設計師可能并沒有意識到凛俱，其實為了達到某種效果或目的紊馏，實現(xiàn)方法是多種多樣的，不用在一棵樹上吊死蒲犬，去用自己最擅長或最感興趣的方式去實現(xiàn)就好了朱监，只要能達到自己要的目的和效果就行。

比如暖哨，做出一個Banner都有哪些表現(xiàn)手法呢赌朋？

攝影凰狞，一張Banner圖可以直接拍出來

（圖片來自站酷設計師YUM湯湯）

三維建模

（圖片來自站酷設計師白無常）

合成

（圖片來自站酷設計師杰克sean）

（圖片來源于網(wǎng)絡）

手繪

手工（紙雕／軟陶／針線活等）

同時篇裁，以上所有的表現(xiàn)手法都是可以互相結合運用的，所以這也就是為什么我在之前也寫過一篇100種方法教你聊出一個Banner的文章赡若，總之达布，方法是活的，看大家怎么利用自身的優(yōu)勢去發(fā)揮和創(chuàng)造吧逾冬。

5/如何分析一個Banner呢黍聂？

欣賞完Banner后躺苦，我們緊接著就分析，當然其實在前面的欣賞部分产还，我就已經(jīng)跟大家分析了很多技巧了匹厘，所以在這里我就不再贅述，而是直接拿出2個Banner點評給大家看看脐区。

我主要是這幾個方面來分析一個Banner：定位／信息層級／可讀性／創(chuàng)意／舒適度／細節(jié)愈诚。

再比如上面這個Banner，看文案就是到是定位的低價促銷方向牛隅，這就好比一位熱情的促銷員為了吸引大家過去買買買炕柔，所以我用了非常多彩熱鬧的顏色，用了表情微笑的熱情的模特媒佣，用了大大的粗粗的還略帶傾斜的文字匕累，并且把價格利益點突出，這所有的做法都只是為了營造一種大家促銷人人都買得起的氛圍這一個目的默伍，也就是滿足低價促銷定位的設計需要欢嘿。

6/如何辨別一個Banner的好壞？

說到辨別好壞巡验，當然主要還是從這幾個方面來評判：定位是否準確／信息層級清不清晰／文字可讀性強不強／創(chuàng)意好不好／看起來舒不舒服／細節(jié)有沒有注意等际插。

下面我搜集了幾個反面案例，可以給大家看下显设，以后可以避開這些常見誤區(qū)：

（1）排版雜亂框弛，導致閱讀困難，不知道眼睛該往哪看

（2）字體變形過度捕捂，導致文字閱讀障礙

（3）顏色和特效運用過多瑟枫，導致畫面凌亂而且掉檔次

（4）用錯對比，對比用好了可以起到突出信息的作用指攒，但是如果像下面這樣慷妙，淺色背景上依然用淺色文字的話，反而就起不到突出的作用了允悦，在這里設計師原本其實是想突出“干凈”2個字的（謹記：背景復雜前景就要干凈膝擂，背景淺色前景就用深色，反之亦然隙弛，這樣才能起到突出對比的作用）架馋。

（5）定位錯誤，奢侈品基本不會用這種0元包郵的促銷文案來掉價全闷，除非他是假冒的叉寂，如果你本來就是低端產(chǎn)品，做工質(zhì)量外觀等各個方面也是看起來很廉價卻偏偏要走高端簡潔路線总珠，也是自尋死路屏鳍，只會暴露自己的缺點勘纯。

（6）不注重細節(jié)，比如這里的產(chǎn)品圖摳圖不干凈／陰影效果看起來很臟／產(chǎn)品未修圖等钓瞭，都會大大降低用戶對他的購買欲望驳遵。

當然還有一點，缺少創(chuàng)意山涡，雖然規(guī)規(guī)矩矩沒什么過錯超埋，但同時也會讓自己缺少競爭力，無法脫穎而出佳鳖。

7/關于Banner實例點評

其實霍殴，要真正學會辨別一個Banner的好壞，是需要不斷地去看好作品并學會分析它們的系吩，在前期的話来庭，最簡單有效的方法就是多看一些Banner點評，我之前已經(jīng)出了好幾期穿挨，由于圖片過多我就不繼續(xù)在這里放了月弛，今天的第二條推文就是關于新一期的Banner練習點評的，大家感興趣的話可以去看看哦科盛。

Thanks