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