如何辨別一個Banner的好壞？(附案例)

1、 中國領(lǐng)先的互聯(lián)網(wǎng)營銷分析服務(wù)提供商如何辨別一個Banner的好壞？（附案例）平時經(jīng)常會有人問我“什么樣才算是好的Banner ？”、“我這個Banner 有什么問題呢？”之類的問題，還有時候大家會分享一些作品但是我覺得并不是特別好，所以就覺得要不寫一篇“如何判斷一個Banner 的好壞”之類的文章吧，因為我們常說設(shè)計師要多看，但是多看的前提是要學(xué)會辨別一個東西的好壞，要多看好的而非不好的東西哈，要不然怎么提高審美提高眼界呢？那么進入正題之前，我們先用非常通俗描述講幾個簡單的概念：一、Banner 是什么呢？Banner 英文翻譯過來其實是指橫幅或者旗幟，隨著網(wǎng)絡(luò)的興起，后來專門用Banner

2、 一詞來代指任何投放于線上（PC端、移動端）的各種尺寸和形狀的廣告圖，有靜態(tài)和動態(tài)之分，總之現(xiàn)在你在網(wǎng)頁上所看到的各種形狀尺寸的圖片基本都屬于 Banner ，而且基本都是可點擊的。二、Banner 的作用是什么 ？ 宣傳，展示，廣而告之，或者是能給企業(yè)、產(chǎn)品或者人帶來相應(yīng)的轉(zhuǎn)化率。三、Banner 由哪些部分組成呢 ？ 主要由文案、商品圖或模特、背景四項中的至少一項組成。最常見的一種Banner 就是四項都包含了，我們來看下圖舉例：那么了解完上面的基礎(chǔ)知識，我們該如何判斷一個banner 的好壞呢？就像一個設(shè)計師，可以分為未入門 初級 中級 高級 資深 指導(dǎo)，那么banner 我將它分為不合

3、格、合格和優(yōu)秀，接下來我們分別看下：一、不合格banner 的幾宗罪：罪狀一：摳圖不干凈?。ㄆ渌餇钋也徽f）有的人很懶，不管遇到啥圖都直接魔棒一點就完事了，那么鋼筆和通道這些工具要留著發(fā)霉么？罪狀二：濫用各種特技喜歡用各種大大的描邊臟臟的陰影還有各種光效結(jié)合為一體的殺馬特效果閃瞎我們的眼，然而我們需要學(xué)會正確使用特技，并且懂得克制和矜持，才能體現(xiàn)出自己的身價，要不很容易看起來low。罪狀三：信息閱讀障礙（不恰當(dāng)?shù)淖煮w變形干擾閱讀，“季中”兩個字太過纏綿和糾結(jié)，大庭廣眾之這般曖昧真的好嘛？且不說黑色描邊，以及臟臟的配色了）排版雜亂干擾閱讀，橫就是橫，豎就是豎，這樣橫豎穿插的跳躍感排版真的爽么？反

4、正大腦和眼睛表示：不同意用色過多干擾閱讀（哎喲我又出鏡了，耶），紅橙黃綠藍靛紫全被用上了，仿佛一個沒有顏值的人，五官身材比例也不協(xié)調(diào)，但是偏偏穿衣服還非常高調(diào)所以你們想象一下這會導(dǎo)致什么結(jié)果呢，搞的人家根本就不知道往哪看。罪狀四：信息傳達不準確比如上圖這個Banner ，問題在于用色不當(dāng)導(dǎo)致信息傳達不準確，“干凈”本該是要比其他文字信息更突出，而這里唯獨把“干凈”二字用了淺湖藍色，在淺藍灰色背景上，這兩個字反而 沉下去了，一點都不突出，反倒是其他的普藍色文字在淺色背景上非常突出（文字過多，圓形三角形色塊的出現(xiàn)導(dǎo)致排版很亂也是一方面），相當(dāng)于有一身力氣卻用 錯了勁。上圖的banner 問題在于，

5、關(guān)鍵字選取有誤導(dǎo)致信息傳達不準確，這是一個賣女裝的banner ，文案是“新夏天高腰顯瘦連衣裙”，明顯是要突出“高腰顯瘦連衣裙”幾個字，而這里卻突出了“新夏天”，還有這個模特打扮跟連衣裙有半毛錢關(guān)系嗎？（我讀 書少，你不能這樣騙我，因為，我眼不瞎啊）罪狀五：畫面及文案與活動定位不符先認清活動定位，再結(jié)合相對應(yīng)的文案去做設(shè)計，像上面這個banner 是非常失敗的，為什么？首先怎么可能會寫出“LV全場0元包郵”這種文案？其次就算真是“LV全場0元包郵”這種低價引導(dǎo)型的文案，畫面怎么可能是這種高 冷模特、大面積留白、文字小小的左右布局設(shè)計呢？畫面一點也不熱鬧促銷啊，是吧罪狀六：圖文信息不一致，不知所

6、以然也許你初一看會覺得視覺效果好叼噢，但是但是，你仔細看，你以為它是個電影海報么，可它卻是賣歐式家具的，這個畫面里提到的活動目的或利益點你們看 了幾秒才知道？這個畫面與你的家具有半毛錢關(guān)系嗎？雖然這是個店鋪banner ，可是誰能快速告訴我們這些新老用戶“你是什么？”“你想干嘛?”好嗎？總結(jié)：在banner 設(shè)計當(dāng)中，信息傳達準確比什么都重要，準確傳達活動目的優(yōu)先于設(shè)計好看。也許你做的這是一個創(chuàng)意很好的banner ，你的用色干凈，排版舒服，信息層級條理也很清晰，可是，你做的是一個賣高檔女裝的banner ，而我需要的banner ，只是想告訴別人，我這新進了一批廉價絲襪 歡迎搶購！（這定位和

7、傳達給用戶的信息完全錯了老板估計會崩潰哦）二、合格banner 必殺技：以下我簡單慨括，因為前面幾篇文章我已經(jīng)很詳細地介紹過怎么做出好banner 了。1、信息傳達準確包括定位準確、圖文信息傳達準確一致。比如上圖雨滴、水珠、都是跟雨鞋有關(guān)聯(lián)的元素，文案部分也清晰明了的告知了要賣什么東西。2、合理利用特技或者不用各種點綴元素、各種效果使用恰當(dāng)。比如上圖無論從紅黃配色還是那條貫穿主線的彩帶看，都給人傳達出一種很喜慶熱鬧的感覺，一看就是新年促銷活動，飄散的物品也很好的告知了這是賣數(shù)碼相關(guān)產(chǎn)品的。3、畫面干凈整潔畫面中的元素都因需要而存在，而非可有可無或者多余。比如上圖人物上半身和下半身的對比，近大和

8、遠小的對比，背景深色和淺色的對比，都使得這個banner 看起來干凈簡潔但不單調(diào)，它也不需要一些多余的點綴。4、信息條理清晰想一想什么信息該突出，用什么方法突出，顏色還是大??？排版構(gòu)圖是否合理？5、畫面顏色為需要而搭配，有理有據(jù)比如，按活動目的來選取顏色搭配、按商品圖或模特圖來吸取顏色等，合理運用色彩對比和控制色彩面積，像優(yōu)設(shè)、站酷還有68design等設(shè)計網(wǎng)站上已經(jīng)有那么多無私奉獻的大神都寫了關(guān)于色彩運用相關(guān)的文章我這里就不贅述了，大家可以自己搜索啦6、最后一點，摳圖要摳干凈?。ㄒ辉趺磁涞蒙蠈I(yè)摳圖工的稱號呢汪汪）涉及到場景合成類的banner ，光影透視至少要大致正確，符合原理（網(wǎng)上有那

9、么多教程，怎么做自己去百度看咯）三、優(yōu)秀banner 的特性：優(yōu)秀就是，除了做到了合格以外，他還做到了圖文一致、創(chuàng)意很贊或者引起共鳴，帶給人額外的愉悅感，或是會心一笑。1、帶有趣味既準確傳達信息，又讓人會心一笑，給人超出預(yù)期的愉悅的感受。 比如上圖這些手繪+實物虛實相結(jié)合的手法，特別適合可愛或者搞怪類的banner。2、有創(chuàng)意的或是有趣味，或是讓人驚嘆的視覺效果：you are what u wear，一組鞋子廣告：通過手繪或三維建模營造出一些豐富多彩的場景：3、擁有讓人產(chǎn)生共鳴的文案或畫面比如下面這組關(guān)于宣傳去“全聯(lián)購物中心”購物可以省錢的廣告文案，就很能引起共鳴，讓人感覺會花錢或

10、者會節(jié)省錢是一件很酷很有情懷的事情，而不是因為窮才去省錢。文案：長得漂亮是本錢，把錢花得漂亮是本事文案：來全聯(lián)不會讓你變時尚，但省下來的錢能讓你把自己變時尚（這文案寫的太好，我竟無力反駁）文案：幾塊錢很重要，因為這是林北辛苦賺來的。（林北：臺灣語，意思是你爸爸。）我們再聊點別的：無意間看到某大神把我4年前的banner 拿出來當(dāng)做優(yōu)秀案例講（我當(dāng)時的心情是，很嬌羞的)，其實現(xiàn)在看來這個banner 只是做到了信息傳達準確，但文字排版挺亂，整體畫面也很粗糙，哈哈，（另外我的文章中所用到的各種正面反面案例有部分是我自己為寫文章而做的，有些來自于 花瓣，如有冒犯請私下約我，么么噠）寫在最后：對于電商Banner 設(shè)計來說，最基本要求是要做到信息傳達準確，而后才是設(shè)計的好看或者有創(chuàng)意，我們可以每個月匯總一下自己的設(shè)計作品，然后看有什么問題，看它合格了嗎？優(yōu) 秀嗎？也許之前的作品因