UI界面設(shè)計(jì)

如何設(shè)計(jì)好的banner廣告？

1364

文章從常規(guī)的banner廣告去展開敘述，對(duì)當(dāng)下常見banner的設(shè)計(jì)風(fēng)格等進(jìn)行剖析，并融入自己的思考和總結(jié)，著重從用戶的角度去思考一張banner廣告的從0到1的過程，分三個(gè)維度去探討：

1.數(shù)據(jù)驅(qū)動(dòng)--提高精準(zhǔn)性

2.易懂性——增強(qiáng)可讀性

3.情感設(shè)計(jì)——提高點(diǎn)擊率

一.數(shù)據(jù)驅(qū)動(dòng)——提高精準(zhǔn)性

1.1通過結(jié)果數(shù)據(jù)分析

每當(dāng)你打開淘寶時(shí)，首頁的banner廣告總是會(huì)彈出你近期瀏覽過的或者是購買過的同類產(chǎn)品，這就是淘寶善于使用個(gè)人大數(shù)據(jù)，從而達(dá)到精準(zhǔn)推廣的效果。

而設(shè)計(jì)師在設(shè)計(jì)banner廣告圖之前，一般會(huì)參考之前投放的結(jié)果數(shù)據(jù)，例如設(shè)計(jì)A類的廣告投放量、閱讀量、點(diǎn)擊率等等數(shù)據(jù)去分析A圖的好壞，再通過大量的數(shù)據(jù)比對(duì)來分析出A圖中哪個(gè)單一框架所產(chǎn)生的作用更大，從而為后面的設(shè)計(jì)做參考。（ps：廣告banner的點(diǎn)擊量不僅僅在于視覺，跟產(chǎn)品、投放渠道等也有影響，在結(jié)果數(shù)據(jù)分析時(shí)應(yīng)當(dāng)注意）

1.2用戶需求分析

說到需求，很多人想到馬斯洛的五大需求：生理需求、安全需求、社交需求、尊重需求和自我實(shí)現(xiàn)需求，如果用一句話簡(jiǎn)單地概括，需求即是用戶尚未滿足又渴望被滿足的愿望。當(dāng)我們?cè)谠O(shè)計(jì)廣告banner前，要先思考banner的投放渠道、產(chǎn)品定位等等來分析目標(biāo)用戶的需求，從而讓設(shè)計(jì)更易被目標(biāo)用戶接受

舉個(gè)栗子：設(shè)計(jì)一個(gè)廣告banner投放在拼多多，我們會(huì)先通過大量現(xiàn)有的數(shù)據(jù)分析出拼多多用戶群體的三大主要特點(diǎn)：①學(xué)歷低、②一二線城市以外人群較多、③追求低價(jià)格。從追求低價(jià)高端產(chǎn)品入手，從而思考出在設(shè)計(jì)廣告banner圖時(shí)能不能突出制造對(duì)比來抓住用戶需求，解決用戶痛點(diǎn)。

設(shè)計(jì)不是千篇一律，也不需要摸著石頭過河，而是要有數(shù)據(jù)的支持，了解用戶需求，再根據(jù)需求用設(shè)計(jì)突出用戶所在乎的點(diǎn)，才能達(dá)到更好的效果。

二.易懂性——增強(qiáng)可讀性

易懂性強(qiáng)調(diào)設(shè)計(jì)應(yīng)從用戶獲取信息的角度出發(fā)，思考如何讓用戶更加簡(jiǎn)單地獲取廣告信息。

2.1三秒原則

從淘寶、小米優(yōu)品等app上可發(fā)現(xiàn)banner圖片出現(xiàn)的時(shí)間只有三秒，也就是說三秒內(nèi)要傳遞給用戶所有信息，所以這里不僅要做到無障礙設(shè)計(jì)，還要思考如何設(shè)計(jì)廣告banner讓用戶快速獲取信息。一般從色彩、板式、層次、風(fēng)格、創(chuàng)意等方向入手，第三點(diǎn)會(huì)做詳細(xì)概括，這里不做延展。

2.2文案框可讀性

常規(guī)的廣告banner圖主要由文案框、產(chǎn)品圖/插圖框、背景框和按鈕框四個(gè)框架構(gòu)成，而易懂性常常體現(xiàn)在文案框的內(nèi)容和設(shè)計(jì)上，我們要做到文案盡量簡(jiǎn)潔通俗、文案內(nèi)容的行數(shù)盡量控制在三行以內(nèi)，確?？勺x性；在設(shè)計(jì)上，我們不僅要做到舒服、顯眼，還要有信息層級(jí)，合理引導(dǎo)用戶第一眼信息內(nèi)容。

2.3善用行業(yè)屬性

當(dāng)產(chǎn)品行業(yè)在用戶的頭腦里占據(jù)一席之地時(shí)，我們?cè)谠O(shè)計(jì)廣告banner時(shí)要善于利用其已有的行業(yè)風(fēng)格，提前告知用戶產(chǎn)品類別，便于用戶更快獲取banner信息。那么如何利用其已有的行業(yè)風(fēng)格呢？這里從色彩設(shè)定、風(fēng)格元素延展去說

2.3.1色彩設(shè)定

在選擇廣告banner主色調(diào)時(shí)，我們會(huì)更偏向于行業(yè)屬性主色調(diào)>顯眼主色調(diào)>情感主色調(diào)，（當(dāng)然也有非常規(guī)的例如節(jié)日類的主色調(diào)）選擇行業(yè)屬性主色調(diào)往往能體現(xiàn)banner獨(dú)特性。如教育一般為藍(lán)色調(diào)，化妝品一般為粉絲調(diào)...

2.3.2風(fēng)格元素

這里我們直接用一個(gè)例子來也許會(huì)更容易理解，比如下圖，當(dāng)沒有文案通過風(fēng)格元素，我們腦海里會(huì)馬上檢索出這個(gè)banner廣告圖的產(chǎn)品以下幾個(gè)關(guān)鍵詞：潮流、社交，戀愛...用固有的用戶思維，快速融入廣告所要表達(dá)的信息。

以上兩點(diǎn)都是利用用戶已有的行業(yè)印象，降低讀者的認(rèn)知負(fù)擔(dān)，從而快速獲取banner信息。但也許有人會(huì)疑問，為何不用品牌，而是用行業(yè)的屬性去設(shè)計(jì)廣告banner，后來在思考中我也得出以下兩點(diǎn)結(jié)論：

1.用戶比較懶，只能接收有限信息，記住的往往是某類行業(yè)的大屬性；

2.廣告banner的主要目的時(shí)在于用戶接收信息，競(jìng)爭(zhēng)往往比較??；

三.情感設(shè)計(jì)——提高點(diǎn)擊率

當(dāng)廣告banner已經(jīng)能做到被用戶注意到且快速獲取信息后，我們還要思考怎么樣才能讓用戶更有欲望去點(diǎn)擊內(nèi)容或者在腦海中留下對(duì)產(chǎn)品的印象呢？我們主要從這兩個(gè)方面入手：

3.1創(chuàng)意拉近用戶距離

好的設(shè)計(jì)能引起用戶注意，而有趣的設(shè)計(jì)能讓用戶感動(dòng)親切。創(chuàng)意的方式有很多種，能讓用戶感到有趣的創(chuàng)意才算好的創(chuàng)意。比如在設(shè)計(jì)有道詞典筆的banner時(shí)，加上磊哥的形象，這樣不僅加強(qiáng)banner的權(quán)威性，也給banner添加了趣味，從而拉近與用戶的距離。

3.2給用戶一點(diǎn)感覺

banner廣告在喚醒用戶的眼睛同時(shí)，又能告知用戶的心靈，那是最好不過的。如何告知用戶心靈，我們常常根據(jù)產(chǎn)品的特點(diǎn)賦予感覺，比如產(chǎn)品是電飯煲，我們會(huì)給用戶描述回家的感覺；產(chǎn)品是巧克力，我們會(huì)給用戶描述味蕾的盛宴；產(chǎn)品是家具，我們會(huì)給用戶描述生活...廣告是一個(gè)讓用戶感到枯燥的東西，通過情感設(shè)計(jì)，給用戶營(yíng)造一種用戶想要的場(chǎng)景。