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)擊的。
宣傳，展示，廣而告之，或者是能給企業(yè)、產(chǎn)品或者人帶來(lái)相應(yīng)的轉(zhuǎn)化率。
主要由文案、商品圖或模特、背景四項(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)我們分別看下：
罪狀一：摳圖不干凈！！！（其他罪狀且不說(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)！~（這定位和傳達(dá)給用戶(hù)的信息完全錯(cuò)了老板估計(jì)會(huì)崩潰哦）
以下我簡(jiǎn)單慨括，因?yàn)榍懊鎺灼恼挛乙呀?jīng)很詳細(xì)地介紹過(guò)怎么做出好banner 了。
1、信息傳達(dá)準(zhǔn)確
包括定位準(zhǔn)確、圖文信息傳達(dá)準(zhǔn)確一致。
比如上圖雨滴、水珠、都是跟雨鞋有關(guān)聯(lián)的元素，文案部分也清晰明了的告知了要賣(mài)什么東西。
2、合理利用特技或者不用
各種點(diǎn)綴元素、各種效果使用恰當(dāng)。
比如上圖無(wú)論從紅黃配色還是那條貫穿主線(xiàn)的彩帶看，都給人傳達(dá)出一種很喜慶熱鬧的感覺(jué)，一看就是新年促銷(xiāo)活動(dòng)，飄散的物品也很好的告知了這是賣(mài)數(shù)碼相關(guān)產(chǎn)品的。
3、畫(huà)面干凈整潔
畫(huà)面中的元素都因需要而存在，而非可有可無(wú)或者多余。
比如上圖人物上半身和下半身的對(duì)比，近大和遠(yuǎn)小的對(duì)比，背景深色和淺色的對(duì)比，都使得這個(gè)banner 看起來(lái)干凈簡(jiǎn)潔但不單調(diào)，它也不需要一些多余的點(diǎn)綴。
4、信息條理清晰
想一想什么信息該突出，用什么方法突出，顏色還是大小？排版構(gòu)圖是否合理？
5、畫(huà)面顏色為需要而搭配，有理有據(jù)
比如，按活動(dòng)目的來(lái)選取顏色搭配、按商品圖或模特圖來(lái)吸取顏色等，合理運(yùn)用色彩對(duì)比和控制色彩面積，像優(yōu)設(shè)、站酷還有68design等設(shè)計(jì)網(wǎng)站上已經(jīng)有那么多無(wú)私奉獻(xiàn)的大神都寫(xiě)了關(guān)于色彩運(yùn)用相關(guān)的文章我這里就不贅述了，大家可以自己搜索啦~
相關(guān)推薦：有阿里這篇就夠了：《色彩搭配速成！3個(gè)實(shí)用方法幫你全面搞定配色》
6、最后一點(diǎn)，摳圖要摳干凈！！！~（要不怎么配得上專(zhuān)業(yè)摳圖工的稱(chēng)號(hào)呢~汪汪~）
涉及到場(chǎng)景合成類(lèi)的banner ，光影透視至少要大致正確，符合原理（網(wǎng)上有那么多教程，怎么做自己去百度看咯）
優(yōu)秀就是，除了做到了合格以外，他還做到了圖文一致、創(chuàng)意很贊或者引起共鳴，帶給人額外的愉悅感，或是會(huì)心一笑。
1、帶有趣味
既準(zhǔn)確傳達(dá)信息，又讓人會(huì)心一笑，給人超出預(yù)期的愉悅的感受。
比如上圖這些手繪+實(shí)物虛實(shí)相結(jié)合的手法，特別適合可愛(ài)或者搞怪類(lèi)的banner。
2、有創(chuàng)意的
或是有趣味，或是讓人驚嘆的視覺(jué)效果：
you are what u wear，一組鞋子廣告：
通過(guò)手繪或三維建模營(yíng)造出一些豐富多彩的場(chǎng)景：
3、擁有讓人產(chǎn)生共鳴的文案或畫(huà)面
比如下面這組關(guān)于宣傳去“全聯(lián)購(gòu)物中心”購(gòu)物可以省錢(qián)的廣告文案，就很能引起共鳴，讓人感覺(jué)會(huì)花錢(qián)或者會(huì)節(jié)省錢(qián)是一件很酷很有情懷的事情，而不是因?yàn)楦F才去省錢(qián)。
文案：長(zhǎng)得漂亮是本錢(qián)，把錢(qián)花得漂亮是本事
文案：來(lái)全聯(lián)不會(huì)讓你變時(shí)尚，但省下來(lái)的錢(qián)能讓你把自己變時(shí)尚（這文案寫(xiě)的太好，我竟無(wú)力反駁…）
文案：幾塊錢(qián)很重要，因?yàn)檫@是林北辛苦賺來(lái)的。（林北：臺(tái)灣語(yǔ)，意思是你爸爸。）
