Banner 設(shè)計(jì)的營銷3要素
從營銷角講，一個(gè)高點(diǎn)擊率的Banner一定要快速告訴用戶3部分內(nèi)容：是什么，利益點(diǎn)，怎么做。
1.是什么
這個(gè)部分是告訴用戶這個(gè)Banner點(diǎn)擊后鏈接是什么，賣什么產(chǎn)品，或者有什么樣的事情在等待著用戶。
這里有一個(gè)最基本的要點(diǎn)，在Banner上放了什么產(chǎn)品，在內(nèi)容頁里面必須要能很快的找到。
曾經(jīng)設(shè)計(jì)的活動(dòng)Banner ，圖片上產(chǎn)品特別漂亮，再配上文案—5折到底，僅此1天，結(jié)果，點(diǎn)擊進(jìn)去的活動(dòng)頁面根本找不到這個(gè)產(chǎn)品，用戶不僅會馬上關(guān)掉頁面，更可能產(chǎn)生“被騙進(jìn)來”的情緒，對店鋪或平臺的信譽(yù)產(chǎn)生負(fù)面影響。
同時(shí)，明顯的表達(dá)出里面賣什么東西，也是“過濾”目標(biāo)用戶的重要過程。如果Banner上只有一句文案，里面是什么不知道，點(diǎn)擊進(jìn)去的人群肯定有大部分人是非目標(biāo)用戶，只是好奇點(diǎn)擊進(jìn)來。白白浪費(fèi)了推廣費(fèi)用。
如下2個(gè)Banenr，一個(gè)是不知道在賣什么，另一個(gè)明確是賣“洗衣機(jī)產(chǎn)品”。
V.S
2.利益點(diǎn)：
利益點(diǎn)是給用戶“點(diǎn)擊的理由”。圖片上放著一款產(chǎn)品，憑什么用戶要點(diǎn)擊你的活動(dòng)，便宜？新品？還能解決什么問題？利益點(diǎn)是Banner的重要組成部分，應(yīng)該放大突出。
如下2個(gè)Banner，一個(gè)沒有“利益點(diǎn)”，另外一個(gè)利益點(diǎn)清晰--“前500名享低價(jià)”。
V.S
3.怎么做：
告訴用戶看到Banner后該怎么做也很重要。該怎么做？當(dāng)然是點(diǎn)擊了。
其實(shí)這個(gè)很簡單，就是在Banner中加入“點(diǎn)擊按鈕”。在克魯格的互聯(lián)網(wǎng)經(jīng)典 《Don't Make Me Think》中，加入按鈕，比不加入按鈕點(diǎn)擊率高很多。甚至是立體的按鈕比偏平的按鈕點(diǎn)擊率也是不一樣。
加個(gè)按鈕看似是一個(gè)小事，為什么單獨(dú)強(qiáng)調(diào)？因?yàn)橄喈?dāng)多的一部分用戶，看到了Banner圖片，是真的“不知道”能點(diǎn)擊。通過實(shí)際對用戶的觀察，還有一部分用戶看到按鈕甚至是雙擊的。
如下2個(gè)Banner，一個(gè)是沒有任何“怎么做”，另一個(gè)是有明確行為指向性的“猛擊搶購”。
V.S
Banner 設(shè)計(jì)的視覺三要素
設(shè)計(jì)的三要素：版式，配色，文案。
板式通俗的理解就是產(chǎn)品、場景、文案的排列方法。一張好的廣告圖片，一定是有“產(chǎn)品”露出的。這個(gè)產(chǎn)品可以快速告知用戶“我是誰”，一張只有文字的廣告圖片已經(jīng)失敗一半了。有了產(chǎn)品，就要有相應(yīng)的“背景”來襯托。這個(gè)背景可能是純色，還可能是一幅“場景圖片”。
背景圖和產(chǎn)品在視覺上面是否能相得益彰，就要從“配色”的角度去考慮。
版式和配色都確定好了以后，才是文案。一句高質(zhì)量的文案會讓產(chǎn)品增色，引起用戶共鳴，甚至，直接轉(zhuǎn)化為購買。
那么，具體需要怎樣做，才能做出高點(diǎn)擊率廣告圖片？我們將三要素再次分解：
△ 版式
版式結(jié)構(gòu)主要有垂直水平式，三角形式，漸進(jìn)層次式，輻射式，框架式，對角線式。(以下圖片均來自蘋果官網(wǎng))
? 垂直水平式：
依次排列產(chǎn)品，同款不同顏色在同一個(gè)水平線上，給人強(qiáng)烈的秩序感和豐富感，產(chǎn)品和文案均可突出。
|垂直水平式的排版
? 三角形式：
正三角：三角形是穩(wěn)定的代名詞，這種版式適合剛性強(qiáng)，有棱角的產(chǎn)品。產(chǎn)品立體感強(qiáng)，前景的產(chǎn)品和背景的產(chǎn)品輕重分離，非常突出產(chǎn)品，文案要短，適當(dāng)用顏色突出即可。
|正三角式的排版
倒三角：與正三角特點(diǎn)類似，都是強(qiáng)調(diào)立體感。但倒三角更有一些活潑在里面，可以讓文案適當(dāng)?shù)耐怀鰜怼?/p>
|倒三角式的排版
對角線三角形：排列得當(dāng)?shù)脑掃\(yùn)動(dòng)感非常強(qiáng)烈，一個(gè)產(chǎn)品從不同角度的展示，讓人感覺產(chǎn)品在“旋轉(zhuǎn)著撲過來”，視覺重心也會在產(chǎn)品上。如圖
|對角線三角形排版
? 漸進(jìn)層次式
利用透視原理，給人極強(qiáng)的立體感，再加上一個(gè)方向性，用產(chǎn)品非常自然的指向了文案。如圖
|漸進(jìn)層次式排版
? 輻射式
動(dòng)感活潑，表現(xiàn)力非常強(qiáng)，多個(gè)產(chǎn)品像開花一樣發(fā)散出來，給人新鮮感，帶入感。再加上一些透視，文案也很好的融合進(jìn)入畫面。
|輻射式排版
? 框架式
比較普通，也是常用的，突出產(chǎn)品，正面完全的展示很清晰的展示了產(chǎn)品，也會有一點(diǎn)相框感覺，文案產(chǎn)品平衡，給人熟悉的場景感。
以上就是常見的排版類型，沒有好壞，只有合適不合適。一次需要作出2-3個(gè)不同排版的Banner，到線上去測試。找到點(diǎn)擊率最優(yōu)的。
△ 配色
? 配色自然，但要“亮眼”。
鮮艷一些的顏色容易引起視覺注意。例如，紅色，黃色，藍(lán)色，綠色等。偏暗的顏色不容易引起注意，比如：黑色，灰色，褐色等。所以我們看到，大型活動(dòng)最經(jīng)典的配色就是“番茄炒蛋”式的—黃色配紅色。
圖—紅色配黃色，經(jīng)典的高點(diǎn)擊率配色
? 不要選擇過高飽和度的顏色
熒光綠，熒光黃色，混在一起很容易引起“山寨感”。影響品牌形象。要慎用。例如：
???? |熒光色亂用，山寨感十足
? 產(chǎn)品色彩與背景對比明顯，
為了提升產(chǎn)品辨識度，通常要將產(chǎn)品放到一個(gè)色彩差別比較大的背景上，實(shí)際設(shè)計(jì)中產(chǎn)品顏色與背景混合在一起很常見，需要盡力避免。注意：產(chǎn)品細(xì)節(jié)顏色不得與背景色一致。
△ 文 案
文案有幾個(gè)大原則，都是有數(shù)據(jù)支持的：
1.主標(biāo)題簡單粗暴
主標(biāo)題好不好，不在于多么有文藝氣息，更不在于“隱含”的意思，而在于能快速引起用戶點(diǎn)擊的欲望。
簡單，粗暴的文案，往往比文藝范十足的文案有效的多。一個(gè)產(chǎn)品的廣告圖，是給人點(diǎn)擊的，不是讓人思考的，減少用戶思考的時(shí)間，直接告訴用戶是什么，為什么，怎么做更重要。
剛做線上營銷活動(dòng)時(shí)，我策劃了一個(gè)關(guān)于運(yùn)動(dòng)類衣服活動(dòng)，就想了一個(gè)主題叫做：動(dòng)靜結(jié)合，健康時(shí)光。
匯報(bào)給主管后，她告訴我，再想一個(gè)結(jié)合利益點(diǎn)的簡單粗暴主題，提現(xiàn)出買的很爽，再做成2個(gè)只有文案不一樣的Banner，對比一下點(diǎn)擊率，你會有所收獲。
于是，我又想了一個(gè)：運(yùn)動(dòng)服5折，爽價(jià)到底。上線后，點(diǎn)擊率差3倍。
2.主標(biāo)題小于17個(gè)字
主標(biāo)題最好控制在10個(gè)字以內(nèi)，把活動(dòng)主題，利益點(diǎn)講清楚即可。過多的文字會導(dǎo)致用戶理解成本上升，而且對于排版來說，整個(gè)圖片大部分面積被文字所占據(jù)，視覺上會非常亂。文字本身都是不規(guī)則形狀。
3.副標(biāo)題不講廢話。
副標(biāo)題很容易講一大堆沒用的文案。比如，XX品牌狂歡購，給您好的購物體驗(yàn)，買到就是賺到等等
4.必須要有數(shù)字
數(shù)字的識別成本很低，而且很容易引起視覺敏感。廣告圖片上帶有數(shù)字確實(shí)可以提升點(diǎn)擊率。注意，這個(gè)數(shù)字一定是阿拉伯?dāng)?shù)字，不要是中文的數(shù)字。經(jīng)過測試表明，中文數(shù)字的點(diǎn)擊率要低于阿拉伯?dāng)?shù)字的點(diǎn)擊率 30%左右。五折和5折，大有不同。
5.重點(diǎn)講出給用戶帶來的“結(jié)果”
重點(diǎn)講出給用戶帶來的“結(jié)果”，就是之前做產(chǎn)品描述頁講過的一個(gè)觀點(diǎn)：大部分用戶買產(chǎn)品，不是真正的需要這個(gè)“產(chǎn)品”，需要的是“產(chǎn)品”帶來的結(jié)果。所以，一個(gè)好的產(chǎn)品文案，一定是緊緊圍繞此產(chǎn)品所帶來的結(jié)果。
還是拿烤箱做例子。沒有給用戶“結(jié)果”的標(biāo)題：XX烤箱，溫控精準(zhǔn)。重點(diǎn)講出給用戶帶來“結(jié)果”的標(biāo)題：XX烤箱，熟的正好。
前者講“溫控精準(zhǔn)”，是烤箱產(chǎn)品的功能品質(zhì)特點(diǎn)，對于讀到此文案的用戶來說，還需要在頭腦中轉(zhuǎn)化一次，再加上不同人理解又會不一樣，轉(zhuǎn)化正確的人會理解為“控溫精準(zhǔn)＝不會烤焦或不熟”，轉(zhuǎn)化不正確的人可能理解為“控溫精準(zhǔn)＝省電？不燙手？有什么用？”，
這個(gè)轉(zhuǎn)化過程就是信息失真，直接造成用戶流失。后者講“熟的正好”，簡單粗暴告訴用戶，我這個(gè)烤箱可以解決“烤焦或不熟”，直接買就行了。通過什么技術(shù)實(shí)現(xiàn)的？不重要。
