[超級(jí)干貨]如何辨別和分析一個(gè)Banner的好壞?

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 平時(shí)經(jīng)常會(huì)有人問(wèn)我“什么樣才算是好的Banner?”、“我這個(gè)Banner有什么問(wèn)題呢?”之類的問(wèn)題,還有時(shí)候大家...
    做設(shè)計(jì)的面條閱讀 1,621評(píng)論 1 13
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,938評(píng)論 25 709
  • *在開發(fā)iphone的應(yīng)用時(shí)基本上都要用到UITableView,這里講解一下UITableView的使用方法及代...
    浕亾倳厛兲掵閱讀 2,315評(píng)論 0 1
  • ,仿佛是有著毀滅般的風(fēng)暴在凝聚,動(dòng)蕩之間,整座大殿的空間都是在不斷的抖動(dòng),猶如是要被撕裂。 “麻煩了…” 而對(duì)于這...
    混沌天書閱讀 260評(píng)論 0 0
  • 幸運(yùn) 英語(yǔ)半吊子讀峽谷中的莎蘭和卡拉丁 我幸運(yùn) 我從11班脫離,再也沒(méi)有那么多人憎恨我 排斥我 我幸運(yùn) ...
    桑德斯粉絲閱讀 196評(píng)論 0 0

友情鏈接更多精彩內(nèi)容