網易UEDC – 劉華濱 ：文章從常規的banner廣告去展開敘述，對當下常見banner的設計風格等進行剖析，并融入自己的思考和總結，著重從用戶的角度去思考一張banner廣告從0到1的過程。

我們分三個維度去探討：

• 數據驅動——提高精準性
• 易懂性——增強可讀性
• 情感設計——提高點擊率

數據驅動——提高精準性

當廣告投放沒有目的性，就很難將產品通過廣告傳遞給目標用戶，從而很難實現廣告的最大效益化，而大數據時代往往能幫助我們的廣告精準地傳遞給有需求的用戶。

1. 通過結果數據分析

每當你打開淘寶時，首頁的banner廣告總是會彈出你近期瀏覽過的或者是購買過的同類產品，這就是淘寶善于使用個人大數據，從而達到精準推廣的效果。

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

2. 用戶需求分析

說到需求，很多人想到馬斯洛的五大需求：生理需求、安全需求、社交需求、尊重需求和自我實現需求，如果用一句話簡單地概括，需求即是用戶尚未滿足又渴望被滿足的愿望。當我們在設計廣告banner前，要先思考banner的投放渠道、產品定位等等來分析目標用戶的需求，從而讓設計更易被目標用戶接受。

舉個例子，設計一個廣告banner，投放渠道在拼多多，我們會先通過大量現有的數據分析出拼多多用戶群體的三大主要特點：學歷低（文案要做到簡潔易懂）；一二線城市以外人群較多（設計風格要貼近用戶群體）；追求低價格（突出價格視覺層級）。從追求低價高端產品入手，從而思考出在設計廣告banner圖時能不能突出制造對比來抓住用戶需求，解決用戶痛點。

設計不是千篇一律，也不需要摸著石頭過河，而是要有數據的支持，了解用戶需求，再根據需求用設計突出用戶所在乎的點，才能達到更好的效果。

易懂性——增強可讀性

易懂性強調設計應從用戶獲取信息的角度出發，思考如何讓用戶更加簡單地獲取廣告信息。

1. 三秒原則

從淘寶、小米優品等app上可發現banner圖片出現的時間只有三秒，也就是說三秒內要傳遞給用戶所有信息，所以這里不僅要做到無障礙設計，還要思考如何設計廣告banner讓用戶快速獲取信息。一般從色彩、版式、層次、風格、創意等方向入手。

2. 設計可讀性

常規的廣告banner圖主要由文案框、產品圖/插圖框、背景框和按鈕框四個框架構成，而易懂性常常體現在文案框的內容和設計上，我們要做到文案盡量簡潔通俗、文案內容的行數盡量控制在三行以內，確?？勺x性；在設計上，我們不僅要做到舒服、顯眼，還要有信息層級，合理引導用戶第一眼的信息內容。

遵循無障礙設計，我們要在設計前分析用戶群體、提煉產品賣點，針對不同年齡層用戶做到文案可讀性。如果面向兒童，我們要做到文案簡潔易懂，圖文并茂；面向老人，字體要大，需求可視化......

3. 善用行業屬性

當產品行業在用戶的頭腦里占據一席之地時，我們設計的廣告banner要善于利用其已有的行業風格，提前告知用戶產品類別，便于用戶更快獲取banner信息。那么如何利用已有的行業風格呢？這里從色彩設定、風格元素延展去分析。

色彩設定：在選擇廣告banner主色調時，我們會更偏向于行業屬性主色調>顯眼主色調>情感主色調。當然也有非常規的例如節日類的主色調，選擇行業屬性主色調往往能體現banner獨特性。如教育一般為藍色調，化妝品一般為粉色調......

風格元素：這里我們直接用一個例子來也許會更容易理解，比如下圖，沒有文案也能通過風格元素，在腦海里檢索出這個banner廣告圖的產品有以下幾個關鍵詞：潮流、社交，戀愛......用固有的用戶思維，快速融入廣告所要表達的信息。

以上兩點都是利用用戶已有的行業印象，降低讀者的認知負擔，從而快速獲取banner信息。

也許有人會疑問，為何不用品牌，而是用行業的屬性去設計廣告banner。在思考中我也得出以下兩點結論：

• 用戶比較懶，只能接收有限信息，記住的往往是某類行業的大屬性；
• 廣告banner的主要目的是在于用戶接收信息，競爭往往比較小。

情感設計——提高點擊率

當廣告banner已經能做到被用戶注意到且快速獲取信息后，我們還要思考怎么樣才能讓用戶更有欲望去點擊內容或者在腦海中留下對產品的印象。我們主要從這兩個方面入手：

1. 創意拉近用戶距離

好的設計能引起用戶注意，而有趣的設計能讓用戶感到親切。創意的方式有很多種，能讓用戶感到有趣的創意才算好的創意。比如在設計有道詞典筆的banner時，加上磊哥的形象，這樣不僅加強banner的權威性，也給banner添加了趣味，從而拉近與用戶的距離。

2. 給用戶一點感覺

banner廣告在喚醒用戶的眼睛同時，又能告知用戶的心靈，那是最好不過的。如何告知用戶心靈，我們常常根據產品的特點賦予感覺，比如產品是電飯煲，我們會給用戶描述回家的感覺；產品是家具，我們會給用戶描述生活......廣告是一個讓用戶感到枯燥的東西，通過情感設計，帶動用戶情緒，從而達到購買的效果。

除了情感上的設計外，大多數banner廣告設計也會給用戶以急迫感，比如在按鈕文案上的設計從「點擊購買」到「馬上購買」再到「立即搶購」，這種急迫感層層遞進，促使用戶點擊成交。

如何判斷一個設計作品能不能喚起用戶共情，如果在條件有限的情況下，我們可以自己充當那個用戶。舉個例子：當我們在設計完一張banner初稿時，我們會通過自檢的辦法檢驗一個banner是否能夠帶動用戶情緒。

上圖，我們通過自檢發現banner的各個元素都能被用戶獲取，但在情感設計上，或許還可以進一步進行思考。

我們主要做了以下思考：

• 通過文案中「篤局」--有輸有贏，所以通過顏色對比來添加趣味性，同時引導用戶的注意力。
• 在確保文案的可讀性下，通過傾斜向上的文案給用戶積極向上的感覺，打破版面呆板。

結語

在強調用戶體驗的今天，我們的設計應當做到從用戶中來，到用戶中去，從用戶的角度去提出問題、思考問題、解決問題。歸根到底就是想賺用戶的錢，就得幫用戶提出問題，再幫用戶解決問題。

歡迎關注作者的公眾號：