【設計乾貨】如何辨別和分析一個Banner的好壞？

本文由

做

設計的麵條

（ID:TTTink-D）

授權發布

前深圳京東JDC電商設計師，一個擅長將電商及Banner設計講的最透徹易懂的妹子。

Banner的適用範圍非常廣，但其實很多人對banner缺乏認知，把它想的太過簡單，又或者太過複雜，所以今天就來帶大家重新認識它－Banner。

讓你在以後做

Banner

設計時，可以做到不撕逼而是有條理、有依據地去說出自己的觀點，並給出意見。

Banner的釋義和運用範圍

banner其實就是展示於各種電子屏幕上的，利用互聯網傳播的各種尺寸大小和形狀的廣告，其作用就是

展示／宣傳／廣而告之

。

以下這些紅色方框中的例子，以及你能看到的所有圖片，其實都可以理解為Banner：

站酷

優設

百度

京東

花瓣

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

還有幾乎所有的app

H5頁面的每一幅畫面

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

海報和雜誌封面也一樣

是不是感覺很神奇？並豁然開朗：「噢，原來Banner的運用範圍這麼廣啊！」

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

Banner有哪些組成要素？

一個最常規的最完整的Banner，一般有這五個組成部分：

文案／模特商品／背景／點綴元素／LOGO。

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

我們一起來欣賞幾張Banner

辨別的前提是先多欣賞，那麼怎麼欣賞呢？主要從

定位方向

和

表現手法

2個方面帶大家來欣賞Banner。

（1）先說定位方向：

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

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

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

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

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

另類型banner，可以搞怪一點

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

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

另外，這裡也可以再跟大家分享一些網易雲音樂的Banner，先看圖：

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

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

但網易雲音樂的首頁里也經常會有一些賣貨類的Banner，相對來說就很常規了，這些不同的視覺感受其實也都是基於Banner的目的來決定的：

（2）Banner的表現手法：

其實為了達到某種效果或目的，實現方法是多種多樣的，不用在一棵樹上弔死，去用自己最擅長或最感興趣的方式實現就好。

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

攝影

一張Banner圖可以直接拍出來

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

三維建模

打造動感立體效果

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

合成

用照片和後期完成

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

（圖片來源於網路）

手繪

手繪的形式多種多樣，可以根據自己的需求來定

手工

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

同時，以上所有的表現手法都是可以互相結合運用的，總之，方法是活的，看大家怎麼利用自身的優勢去發揮和創造。

如何分析一個Banner呢？

欣賞完Banner後，我們緊接著就分析，當然其實在前面的欣賞部分，就已經跟大家分析了很多技巧了，所以在這裡就直接點評下3個案例。

主要是從這幾個方面來分析一個Banner：

定位／信息層級／可讀性／創意／舒適度／細節。

點評：看文案就知道定位的低價促銷方向，這就好比一位熱情的促銷員為了吸引大家過去買買買，所以用了非常多彩熱鬧的顏色；人物用了正在微笑的模特；字體用了大大的粗粗的還略帶傾斜的文字，並且把價格利益點突出，這些所有的做法都是為了營造一種促銷降價，人人都買得起的這個目的，也就是滿足低價促銷定位的設計需要。

如何辨別一個Banner的好壞？

說到辨別好壞，當然主要還是從這幾個方面來評判：

定位是否準確／信息層級清不清晰／文字可讀性強不強／創意好不好／看起來舒不舒服／細節有沒有注意等。

下面舉例了幾個反面案例，以後可以盡量避開這些常見誤區：

（1）排版雜亂

導致閱讀困難，不知道眼睛該往哪看

（2）字體變形過度

導致文字閱讀障礙

（3）顏色和特效運用過多

導致畫面凌亂而且掉檔次

（4）用錯對比

對比用好了可以起到突出信息的作用，但是如果像下面這樣，淺色背景上依然用淺色文字的話，反而就起不到突出的作用了，在這裡設計師原本其實是想突出「乾淨」2個字的

（謹記：背景複雜前景就要乾淨，背景淺色前景就用深色，反之亦然，這樣才能起到突出對比的作用）

。

（5）定位錯誤

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

（6）不注重細節

比如這裡的產品圖摳圖不幹凈／陰影效果看起來很臟／產品未修圖等，都會大大降低用戶對它的購買慾望。

當然還有一點，

缺少創意

，雖然規規矩矩沒什麼過錯，但同時也會讓自己缺少競爭力，無法脫穎而出。

其實，要真正學會辨別一個Banner的好壞，是需要不斷地去看好作品並學會分析它們的，根據以上的步驟來，並多加練習，相信你有一天也可以設計出令老闆令客戶令自己滿意的banner！

今天的文章，由

做設計的麵條

（ID：TTTink-D

）

提供

點擊下方「

閱讀原文

」查看

《不用摳圖不用合成，教你分分鐘搞定一張高逼格Banner設計！》

↓↓↓

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！

本站內容充實豐富，博大精深，小編精選每日熱門資訊，隨時更新，點擊「搶先收到最新資訊」瀏覽吧！

請您繼續閱讀更多來自 普象工業設計小站 的精彩文章: