平時(shí)經(jīng)常會有人問我“什么樣才算是好的Banner偿洁？”、“我這個(gè)Banner有什么問題呢沟优？”之類的問題涕滋，還有時(shí)候大家會分享一些作品但是我覺得并不是特別好，所以就覺得要不寫一篇“如何辨別一個(gè)Banner的好壞”之類的文章吧挠阁，因?yàn)槲覀兂Ｕf設(shè)計(jì)師要多看宾肺，但是多看的前提是要學(xué)會辨別一個(gè)東西的好壞溯饵，要多看好的而非不好的東西哈，要不然怎么提高審美提高眼界呢爱榕？

那么進(jìn)入正題之前瓣喊，我們先用非常通俗的描述來講幾個(gè)簡單的概念：

一、Banner是什么呢黔酥？

Banner英文翻譯過來其實(shí)是指橫幅或者旗幟，隨著網(wǎng)絡(luò)的興起洪橘，后來專門用Banner一詞來代指任何投放于線上（PC端跪者、移動(dòng)端）的各種尺寸和形狀的廣告圖，有靜態(tài)和動(dòng)態(tài)之分熄求，總之你現(xiàn)在在網(wǎng)頁上所看到的各種形狀尺寸的圖片基本都屬于Banner渣玲，而且基本都是可點(diǎn)擊的。

二弟晚、Banner的作用是什么?忘衍？

宣傳堪夭，展示粒氧，廣而告之菠红，或者是能吸引人點(diǎn)擊從而給企業(yè)次企、產(chǎn)品或者人帶來相應(yīng)的轉(zhuǎn)化率计福。

三彪薛、Banner由哪些部分組成呢?奉芦？

主要由文案其馏、商品圖或模特多望、背景四項(xiàng)中的至少一項(xiàng)組成（有時(shí)候還會出現(xiàn)logo等信息）嫩舟。最常見的一種Banner就是四項(xiàng)都包含了，我們來看下圖舉例：

四怀偷、那么了解完上面的基礎(chǔ)知識家厌，我們該如何判斷一個(gè)banner的好壞呢？

就像一個(gè)設(shè)計(jì)師椎工，有人把他粗略的分為未入門—初級—中級—高級—資深—指導(dǎo)饭于，那么banner我姑且將它分為不合格、合格和優(yōu)秀這三類,接下來我們分別看下：

（1）不合格banner的幾宗罪：

罪狀一:摳圖不干凈＝臁Ａ铩！（其他罪狀且不說）

（有的人很懶木西，不管遇到啥圖都直接魔棒一點(diǎn)就完事了畴栖，那么鋼筆和通道這些工具要留著發(fā)霉么？）

罪狀二:濫用各種特技

（上圖喜歡用各種大大的描邊臟臟的陰影還有各種光效結(jié)合為一體的殺馬特效果閃瞎我們的眼八千，然而我們需要學(xué)會正確使用特技吗讶，并且懂得克制和矜持燎猛，才能體現(xiàn)出自己的身價(jià)，要不很容易看起來low）

罪狀三:信息閱讀障礙

（上圖不恰當(dāng)?shù)淖煮w變形干擾閱讀照皆，“季中”兩個(gè)字太過纏綿和糾結(jié)重绷，大庭廣眾之這般曖昧真的好嘛？且不說黑色描邊膜毁，以及臟臟的配色了）

（上圖排版雜亂干擾閱讀昭卓，橫就是橫，豎就是豎瘟滨，這樣橫豎穿插的跳躍感排版真的爽么候醒？反正大腦和眼睛表示:不同意~）

上圖中，用色過多干擾閱讀（哎喲我又出鏡了杂瘸，耶~）倒淫，紅橙黃綠藍(lán)靛紫全被用上了，仿佛一個(gè)沒有顏值的人败玉，五官身材比例也不協(xié)調(diào)敌土，但是偏偏穿衣服還非常高調(diào)~所以你們想象一下這會導(dǎo)致什么結(jié)果呢，搞的人家根本就不知道往哪看运翼。

罪狀四:信息傳達(dá)不準(zhǔn)確

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

上圖的banner問題在于该默，關(guān)鍵字選取有誤導(dǎo)致信息傳達(dá)不準(zhǔn)確，這是一個(gè)賣女裝的banner策彤，文案是“新夏天高腰顯瘦連衣裙”栓袖，明顯是要突出“高腰顯瘦連衣裙”幾個(gè)字，而這里卻突出了“新夏天”店诗，還有這個(gè)模特打扮跟連衣裙有半毛錢關(guān)系嗎裹刮？（我讀書少，你不能這樣騙我庞瘸，因?yàn)榕跗已鄄幌拱)

罪狀五:畫面及文案與活動(dòng)定位不符

先認(rèn)清活動(dòng)定位（請看前一篇文章“促銷的定位”）再結(jié)合相對應(yīng)的文案去做設(shè)計(jì)，像上面這個(gè)banner是非常失敗的，為什么违霞？首先怎么可能會寫出“LV全場0元包郵”這種文案嘴办？其次就算真是“l(fā)v全場0元包郵”這種低價(jià)引導(dǎo)型的文案，畫面怎么可能是這種高冷模特买鸽、大面積留白涧郊、文字小小的左右布局設(shè)計(jì)呢？畫面一點(diǎn)也不熱鬧促銷啊眼五，是吧~

罪狀六:圖文信息不一致妆艘，不知所以然

也許你初一看會覺得視覺效果好叼噢，但是但是弹砚，你仔細(xì)看双仍，你以為他是個(gè)電影海報(bào)么，可他卻是賣歐式家具的桌吃，這個(gè)畫面里提到的活動(dòng)目的或利益點(diǎn)你們看了幾秒才知道？這個(gè)畫面與你的家具有半毛錢關(guān)系嗎苞轿？雖然這是個(gè)店鋪banner茅诱，可是誰能快速告訴我們這些新老用戶“你是做什么的”以及“你想干嘛”好嗎？

總結(jié)：

在Banner設(shè)計(jì)當(dāng)中搬卒，信息傳達(dá)準(zhǔn)確比什么都重要,準(zhǔn)確傳達(dá)活動(dòng)目的優(yōu)先于設(shè)計(jì)好看瑟俭。

也許你做的這是一個(gè)創(chuàng)意很好的banner，你的用色干凈契邀，排版舒服摆寄，信息層級條理也很清晰，可是坯门，你做的是一個(gè)賣高檔女裝的banner微饥，而我需要的Banner，只是想告訴別人古戴，我這新進(jìn)了一批廉價(jià)絲襪............歡迎搶購欠橘！~（這定位和傳達(dá)給用戶的信息完全錯(cuò)了老板估計(jì)會崩潰哦）

（2）合格banner必殺技：

（以下我簡單慨括，因?yàn)榍懊鎺灼恼挛乙呀?jīng)很詳細(xì)地介紹過怎么做出好banner了）

1现恼、信息傳達(dá)準(zhǔn)確（包括定位準(zhǔn)確肃续、圖文信息傳達(dá)準(zhǔn)確一致）

（比如上圖雨滴、水珠叉袍、都是跟雨鞋有關(guān)聯(lián)的元素始锚，文案部分也清晰明了的告知了要賣什么東西）

2、合理利用特技或者不用（各種點(diǎn)綴元素喳逛、各種效果使用恰當(dāng)）

（比如上圖無論從紅黃配色還是那條貫穿主線的彩帶看瞧捌，都給人傳達(dá)出一種很喜慶熱鬧的感覺，一看就是新年促銷活動(dòng)艺配，飄散的物品也很好的告知了這是賣數(shù)碼相關(guān)產(chǎn)品的）

3察郁、畫面干凈整潔（畫面中的元素都因需要而存在衍慎，而非可有可無或者多余).

（比如上圖人物上半身和下半身的對比，近大和遠(yuǎn)小的對比皮钠，背景深色和淺色的對比稳捆，都使得這個(gè)banner看起來干凈簡潔但不單調(diào)，它也不需要一些多余的點(diǎn)綴）

4麦轰、信息條理清晰（想一想什么信息該突出乔夯，用什么方法突出，顏色還是大锌钋帧末荐？排版構(gòu)圖是否合理？）

5新锈、畫面顏色為需要而搭配甲脏，有理有據(jù)

比如，按活動(dòng)目的來選取顏色搭配妹笆、按商品圖或模特圖來吸取顏色等块请，合理運(yùn)用色彩對比和控制色彩面積，像優(yōu)設(shè)拳缠、站酷還有68design等設(shè)計(jì)網(wǎng)站上已經(jīng)有那么多無私奉獻(xiàn)的大神都寫了關(guān)于色彩運(yùn)用相關(guān)的文章我這里就不贅述了墩新，大家可以自己搜索啦~

6、最后一點(diǎn)窟坐，摳圖要摳干凈（要不怎么配得上專業(yè)摳圖工的稱號呢~汪汪~）海渊，還有邏輯不出錯(cuò)。

涉及到場景合成類的banner哲鸳，光影透視至少要大致正確臣疑，符合原理（網(wǎng)上有那么多教程，怎么做自己去百度看咯）

（3）優(yōu)秀banner的特性：

優(yōu)秀就是帕胆，除了做到了合格以外朝捆，他還做到了圖文一致、創(chuàng)意很贊或者引起共鳴懒豹，帶給人額外的愉悅感,或是會心一笑芙盘。

1、帶有趣味（既準(zhǔn)確傳達(dá)信息脸秽，又讓人會心一笑儒老，給人超出預(yù)期的愉悅的感受）

（比如上圖這些手繪+實(shí)物虛實(shí)相結(jié)合的手法，或者擬人的手法记餐，特別適合可愛或者搞怪類的banner）

2驮樊、有創(chuàng)意的(或是有趣味，或是讓人驚嘆的視覺效果)

（you?are?what?u?wear，一組鞋子廣告）

（通過手繪或三維建模營造出一些豐富多彩的場景）

3囚衔、擁有讓人產(chǎn)生共鳴的文案或畫面(請看我之前的一篇文章“促銷的定位”中有介紹哦）挖腰，比如下面這組關(guān)于宣傳去“全聯(lián)購物中心”購物可以省錢的廣告文案，就很能引起共鳴练湿，讓人感覺會花錢或者會節(jié)省錢是一件很酷很有情懷的事情猴仑，而不是因?yàn)楦F才去省錢。

文案：長得漂亮是本錢肥哎，把錢花得漂亮是本事

文案：來全聯(lián)不會讓你變時(shí)尚辽俗，但省下來的錢能讓你把自己變時(shí)尚（這文案寫的太好，我竟無力反駁篡诽。崖飘。。杈女。）

文案：幾塊錢很重要朱浴，因?yàn)檫@是林北辛苦賺來的

我們再聊點(diǎn)別的:

無意間看到某大神把我4年前的banner拿出來當(dāng)做優(yōu)秀案例講（我當(dāng)時(shí)的心情是，很嬌羞的~......),其實(shí)現(xiàn)在看來這個(gè)banner只是做到了信息傳達(dá)準(zhǔn)確达椰，但文字排版挺亂赊琳，整體畫面也很粗糙，哈哈砰碴，（另外我的文章中所用到的各種正面反面案例有部分是我自己為寫文章而做的，有些來自于花瓣板丽，如有冒犯請私下約我呈枉，么么噠~）

寫在最后：

對于電商Banner設(shè)計(jì)來說，最基本要求是要做到信息傳達(dá)準(zhǔn)確埃碱，而后才是設(shè)計(jì)的好看或者有創(chuàng)意猖辫，我們可以每個(gè)月匯總一下自己的設(shè)計(jì)作品，然后看有什么問題砚殿，看它合格了嗎啃憎？優(yōu)秀嗎？也許之前的作品因?yàn)闀r(shí)間不夠似炎，因?yàn)槟菚r(shí)的你考慮不周全或是迫于外界的壓力你做了不太好的設(shè)計(jì)辛萍，現(xiàn)在我們回過頭來發(fā)現(xiàn)問題，并動(dòng)手去重新優(yōu)化它們羡藐，堅(jiān)持下來贩毕，相信很快就會看到進(jìn)步的。另一方面仆嗦，時(shí)間過了這么久辉阶，要不重新看下以前收集的設(shè)計(jì)案例，它們合格嗎？優(yōu)秀嗎谆甜？是不是該清理一下了呢垃僚？

今天的內(nèi)容就分享到這里了，你們get到這些技能了嘛规辱？還有谆棺，好東西要記得跟大家一起分享，哈哈按摘，我們下次再見咯~