平時(shí)經(jīng)常會(huì)有人問(wèn)我“什么樣才算是好的Banner ?”、“我這個(gè)Banner 有什么問(wèn)題呢?”之類(lèi)的問(wèn)題,還有時(shí)候大家會(huì)分享一些作品但是我覺(jué)得并不是特別好,所以就覺(jué)得要不寫(xiě)一篇“如何判斷一個(gè)Banner 的好壞”之類(lèi)的文章吧,因?yàn)槲覀兂Uf(shuō)設(shè)計(jì)師要多看,但是多看的前提是要學(xué)會(huì)辨別一個(gè)東西的好壞,要多看好的而非不好的東西哈,要不然怎么提高審美提高眼界呢? 那么進(jìn)入正題之前,我們先用非常通俗描述講幾個(gè)簡(jiǎn)單的概念:
一、Banner 是什么呢? Banner 英文翻譯過(guò)來(lái)其實(shí)是指橫幅或者旗幟,隨著網(wǎng)絡(luò)的興起,后來(lái)專(zhuān)門(mén)用Banner 一詞來(lái)代指任何投放于線(xiàn)上(PC端、移動(dòng)端)的各種尺寸和形狀的廣告圖,有靜態(tài)和動(dòng)態(tài)之分,總之現(xiàn)在你在網(wǎng)頁(yè)上所看到的各種形狀尺寸的圖片基本都屬于Banner ,而且基本都是可點(diǎn)擊的。
二、Banner 的作用是什么 ? 宣傳,展示,廣而告之,或者是能給企業(yè)、產(chǎn)品或者人帶來(lái)相應(yīng)的轉(zhuǎn)化率。
三、Banner 由哪些部分組成呢 ? 主要由文案、商品圖或模特、背景四項(xiàng)中的至少一項(xiàng)組成。 最常見(jiàn)的一種Banner 就是四項(xiàng)都包含了,我們來(lái)看下圖舉例:

那么了解完上面的基礎(chǔ)知識(shí),我們?cè)撊绾闻袛嘁粋€(gè)banner 的好壞呢? 就像一個(gè)設(shè)計(jì)師,可以分為未入門(mén) – 初級(jí) – 中級(jí) – 高級(jí) – 資深 – 指導(dǎo),那么banner 我將它分為不合格、合格和優(yōu)秀,接下來(lái)我們分別看下:
一、不合格banner 的幾宗罪: 罪狀一:摳圖不干凈?。。。ㄆ渌餇钋也徽f(shuō))

有的人很懶,不管遇到啥圖都直接魔棒一點(diǎn)就完事了,那么鋼筆和通道這些工具要留著發(fā)霉么?
罪狀二:濫用各種特技

喜歡用各種大大的描邊臟臟的陰影還有各種光效結(jié)合為一體的殺馬特效果閃瞎我們的眼,然而我們需要學(xué)會(huì)正確使用特技,并且懂得克制和矜持,才能體現(xiàn)出自己的身價(jià),要不很容易看起來(lái)low。
罪狀三:信息閱讀障礙

(不恰當(dāng)?shù)淖煮w變形干擾閱讀,“季中”兩個(gè)字太過(guò)纏綿和糾結(jié),大庭廣眾之這般曖昧真的好嘛?且不說(shuō)黑色描邊,以及臟臟的配色了)

排版雜亂干擾閱讀,橫就是橫,豎就是豎,這樣橫豎穿插的跳躍感排版真的爽么?反正大腦和眼睛表示:不同意~

用色過(guò)多干擾閱讀(哎喲我又出鏡了,耶~),紅橙黃綠藍(lán)靛紫全被用上了,仿佛一個(gè)沒(méi)有顏值的人,五官身材比例也不協(xié)調(diào),但是偏偏穿衣服還非常高調(diào)~所以你們想象一下這會(huì)導(dǎo)致什么結(jié)果呢,搞的人家根本就不知道往哪看。
罪狀四:信息傳達(dá)不準(zhǔn)確

比如上圖這個(gè)Banner ,問(wèn)題在于用色不當(dāng)導(dǎo)致信息傳達(dá)不準(zhǔn)確,“干凈”本該是要比其他文字信息更突出,而這里唯獨(dú)把“干凈”二字用了淺湖藍(lán)色,在淺藍(lán)灰色背景上,這兩個(gè)字反而沉下去了,一點(diǎn)都不突出,反倒是其他的普藍(lán)色文字在淺色背景上非常突出(文字過(guò)多,圓形三角形色塊的出現(xiàn)導(dǎo)致排版很亂也是一方面),相當(dāng)于有一身力氣卻用錯(cuò)了勁。

上圖的banner 問(wèn)題在于,關(guān)鍵字選取有誤導(dǎo)致信息傳達(dá)不準(zhǔn)確,這是一個(gè)賣(mài)女裝的banner ,文案是“新夏天高腰顯瘦連衣裙”,明顯是要突出“高腰顯瘦連衣裙”幾個(gè)字,而這里卻突出了“新夏天”,還有這個(gè)模特打扮跟連衣裙有半毛錢(qián)關(guān)系嗎?(我讀書(shū)少,你不能這樣騙我,因?yàn)椋已鄄幌拱)
罪狀五:畫(huà)面及文案與活動(dòng)定位不符 
先認(rèn)清活動(dòng)定位,再結(jié)合相對(duì)應(yīng)的文案去做設(shè)計(jì),像上面這個(gè)banner 是非常失敗的,為什么?首先怎么可能會(huì)寫(xiě)出“LV全場(chǎng)0元包郵”這種文案?其次就算真是“LV全場(chǎng)0元包郵”這種低價(jià)引導(dǎo)型的文案,畫(huà)面怎么可能是這種高冷模特、大面積留白、文字小小的左右布局設(shè)計(jì)呢?畫(huà)面一點(diǎn)也不熱鬧促銷(xiāo)啊,是吧~
罪狀六:圖文信息不一致,不知所以然

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