[超級干貨]如何辨別和分析一個Banner的好壞?

1/我為什么選擇這個分享主題?

因為我考慮到來聽我分享的人,可能不都是做電商設計的,可能有做網頁的/做品牌的/做平面的/做UI的,甚至還有運營和管理者,而Banner剛好適用的范圍非常廣,同時也確實很多人對banner缺乏認知,把它想的太過簡單,又或者把它想的太過復雜,今天剛好借助這個機會,我帶大家重新認識它-Banner。

聽完這次分享,也許可以使自己在以后做設計的時候可以多一些點子,在指導需求的時候,上下游pk的時候,可以做到不撕逼而是有條有理,有理有據地去說出自己的觀點,并給出意見,做個有思想的人。

2/Banner的釋義和運用范圍

banner其實就是展示于各種電子屏幕上的利用互聯網傳播的各種尺寸大小和形狀的廣告,其作用就是展示/宣傳/廣而告之。

下面給大家舉一些列子,方便大家理解,我下面用框框標出的,以及你能看到的所有圖片,其實都可以理解為Banner:

站酷:

優設:

百度:

京東:

花瓣:

以及其它所有網站上你能看到的圖片,都可以視作是Banner。

還有幾乎所有的app

H5頁面的每一幅畫面

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

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

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

其實每次只要做分享,我自己的PPT我也都是當作Banner來做的,每次都會做出不一樣的氣質和感受。

是不是感覺很神奇?并豁然開朗:“噢,原來Banner的運用范圍這么廣啊~”

對,不過更精彩的內容在后面,我們接著往下看。

3/Banner有哪些組成要素?

一個最常規的最完整的Banner,一般有這五個組成部分:文案/模特商品/背景/點綴元素/LOGO,我給大家簡單做了一個示例:

但同時也需要說明的是,其實只需要包含以上至少一個要素,就可以視作一個Banner了,比如有的Banner它可能什么都沒有,連背景也沒有,只放了一個LOGO完事,也有的Banner它只放了產品或LOGO,連個文案都沒有。

以上不知道大家理解了沒有呢?如果沒有完全理解,我們再接著往下看。

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

辨別的前提是先多欣賞,那么怎么欣賞呢?我主要從定位方向和表現手法2個方面帶大家來欣賞Banner。

(1)先說定位方向:

高冷大牌,自信到連文案都不需要

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

新品首發banner,可以稍微熱情一點點

時尚類banner,可以稍微酷一點

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

另類型banner,可以搞怪一點

低價促銷banner,可以逗比瘋狂活潑一點

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

另外,這里也可以再跟大家分享一些網易云音樂的Banner,先看圖,后面我在給大家說感受:

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

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

但網易云音樂的首焦里也經常會有一些賣貨類的Banner,大家可以看下,就非常常規了,這些不同的視覺感受其實也都是基于Banner的目的是不一樣而決定的:

(2)Banner的表現手法:

很設計師可能并沒有意識到,其實為了達到某種效果或目的,實現方法是多種多樣的,不用在一棵樹上吊死,去用自己最擅長或最感興趣的方式去實現就好了,只要能達到自己要的目的和效果就行。

比如,做出一個Banner都有哪些表現手法呢?

攝影,一張Banner圖可以直接拍出來

(圖片來自站酷設計師YUM湯湯)

三維建模

(圖片來自站酷設計師白無常)

合成

(圖片來自站酷設計師杰克sean)

(圖片來源于網絡)

手繪

手工(紙雕/軟陶/針線活等)

同時,以上所有的表現手法都是可以互相結合運用的,所以這也就是為什么我在之前也寫過一篇100種方法教你聊出一個Banner的文章,總之,方法是活的,看大家怎么利用自身的優勢去發揮和創造吧。

5/如何分析一個Banner呢?

欣賞完Banner后,我們緊接著就分析,當然其實在前面的欣賞部分,我就已經跟大家分析了很多技巧了,所以在這里我就不再贅述,而是直接拿出2個Banner點評給大家看看。

我主要是這幾個方面來分析一個Banner:定位/信息層級/可讀性/創意/舒適度/細節。

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

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

說到辨別好壞,當然主要還是從這幾個方面來評判:定位是否準確/信息層級清不清晰/文字可讀性強不強/創意好不好/看起來舒不舒服/細節有沒有注意等

下面我搜集了幾個反面案例,可以給大家看下,以后可以避開這些常見誤區:

(1)排版雜亂,導致閱讀困難,不知道眼睛該往哪看

(2)字體變形過度,導致文字閱讀障礙

(3)顏色和特效運用過多,導致畫面凌亂而且掉檔次

(4)用錯對比,對比用好了可以起到突出信息的作用,但是如果像下面這樣,淺色背景上依然用淺色文字的話,反而就起不到突出的作用了,在這里設計師原本其實是想突出“干凈”2個字的(謹記:背景復雜前景就要干凈,背景淺色前景就用深色,反之亦然,這樣才能起到突出對比的作用)。

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

(6)不注重細節,比如這里的產品圖摳圖不干凈/陰影效果看起來很臟/產品未修圖等,都會大大降低用戶對他的購買欲望。

當然還有一點,缺少創意,雖然規規矩矩沒什么過錯,但同時也會讓自己缺少競爭力,無法脫穎而出。

7/關于Banner實例點評

其實,要真正學會辨別一個Banner的好壞,是需要不斷地去看好作品并學會分析它們的,在前期的話,最簡單有效的方法就是多看一些Banner點評,我之前已經出了好幾期,由于圖片過多我就不繼續在這里放了,今天的第二條推文就是關于新一期的Banner練習點評的,大家感興趣的話可以去看看哦。

Thanks

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

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