banner的設(shè)計大致要做到這幾點：統(tǒng)一把握大色調(diào)、文案主次分明、主體物視覺沖擊感/高清/精致、簡潔的背景，大膽的配色、背景與產(chǎn)品相呼應(yīng)。

要知道如何玩壞一個banner，我們先大致來了解一下一個好的banner是什么樣的，一個好的banner是怎樣形成的？我們先來簡單說一下一個banner構(gòu)成元素：

1. 文案；
2. 主體物 ；
3. 背景。

如何將這些元素完美統(tǒng)一組合在一起就是我們今天要講的主要內(nèi)容，遵循從整體到局部，從統(tǒng)一到細節(jié)的大方向來設(shè)計：

1. 統(tǒng)一把握大色調(diào)；
2. 文案——文案主次分明；
3. 主體物——主體物視覺沖擊感/高清/精致；
4. 背景——簡潔的背景，大膽的配色；
5. 背景/產(chǎn)品相呼應(yīng)（看起來更像官宣）。

一、統(tǒng)一把握大色調(diào)

在講解這些之前，先給大家強塞一個概念——統(tǒng)一，統(tǒng)一是將上面4中技巧粘合在一起的粘合劑。

不管是是對與一個運營還是營銷或則是設(shè)計師，統(tǒng)一永遠是最最最重要的因素；如果大家有參與過全域營銷的，其實就能明白一個大的營銷活動的campaign，不管是social，pr,還是digital，線上線下媒介資源都需要統(tǒng)一在一個大主題下通過各種媒介資源反復(fù)對用戶傳遞一個信息，搶占用戶心智，引導(dǎo)消費者消費決策。

啰啰嗦嗦這么一段可能不太好理解，各國大閱兵震撼嗎？服裝統(tǒng)一，動作統(tǒng)一，步調(diào)統(tǒng)一，很多個統(tǒng)一實現(xiàn)了這種震撼的效果。

腦白金廣告成功么？? 統(tǒng)一的幾年只講“今年過節(jié)不收禮，收禮只收腦白金”。

統(tǒng)一在設(shè)計中屬于提綱挈領(lǐng)的存在：

二、文案主次分明

Banner設(shè)計最最最主要的作用是傳遞信息，以某東給我的數(shù)據(jù)來看，一般一個banner消費者停留的時間只有0.1s不到，所以第一眼感覺會非常重要，第一眼如果沒有讓消費這get到她需要的點，基本就Game over了。

所以將信息整理歸類然后總結(jié)輸出，顯的尤為重要，對于信息的處理可以粗略的分為主要信息和次要輔助信息，主要信息就一個字大，粗；次要信息就小，細咯，讓消費者一眼就能明白你想表達什么。

我一直有一個觀點，如果你能更好的站在消費者的角度來反思設(shè)計，是否能讓消費者一眼更清楚的嘍完主要信息，又能讓消費者更清楚的感受產(chǎn)品的品質(zhì)感，人性化的設(shè)計，你對消費者背后的友好，消費者一定會感受的到，也會給予你回應(yīng)。愿意真真付出的，往往結(jié)果都不會太差。

三、主體物視覺沖擊感，高清，精致，有品質(zhì)感

質(zhì)感，精致，品質(zhì)感我覺得是一段時間內(nèi)banner設(shè)計的總旋律；產(chǎn)品的高清，精致，品質(zhì)感不僅能很好的解決電商的信任問題，隨著物質(zhì)的豐富，消費升級誰不希望獲得更有品質(zhì)感，精致的生活呢？

精致的有質(zhì)感的產(chǎn)品更多的體現(xiàn)的是一種對生活的態(tài)度，這種生活態(tài)度也反應(yīng)在對生活的熱愛以觀察，設(shè)計還是來源于生活；這種觀察不僅僅體現(xiàn)在產(chǎn)品的透視，反光，投影，環(huán)境色等等這些更能體現(xiàn)產(chǎn)品真實性的因素上。

四、簡潔的背景，大膽的配色

每個banner的展現(xiàn)時間會極短，需要第一眼讓消費者get到重點，越是復(fù)雜的背景，復(fù)雜的產(chǎn)品組合，越會分散消費者的注意力，導(dǎo)致消費者在極短的時間無法有效的讀取到重要的信息。

糾正一個大家的誤區(qū)（來源于每次投放同為止10版以上的測試結(jié)果），不是大紅/橙紅的復(fù)雜的背景就能吸引更多的點擊，這是銷售YY思維，其實這個也比較簡單解釋，線下的街上的傳單大都大紅大紫，紅綠配，low到爆，但是往往也沒幾個人領(lǐng)這種傳單。

五、背景產(chǎn)品相呼應(yīng)（看起來更像官宣）

產(chǎn)品色延伸到背景會有視覺上的延伸感，給人感覺更加的大氣。另外一個經(jīng)過N次實測的經(jīng)驗，看起來更像官宣的素材更能獲得更多的更能獲得更好的點擊，這也是為什么會出現(xiàn)那么多“康帥博” “肯徳基”……

好吧，幾種設(shè)計banner的技巧我門再總結(jié)一下

1. 文案——文案主次分明；
2. 主體物——主體物視覺沖擊感，高清，精致，有品質(zhì)感；
3. 背景——簡潔的背景，大膽的配色；
4. 背景/產(chǎn)品相呼應(yīng)（看起來更像官宣）。

下面咱們來幾個例子實操一下吧！

按照模板來找問題點：

• 文案: 標題文案主次不夠明確，文字擁擠；
• 主體物：模特與文案沒有聯(lián)系，模特與背景融為一體，主體不夠突出；
• 背景：背景配色不夠簡介明快。

修改方式：

1. 標題信息區(qū)分化，文案行數(shù)控制在3行內(nèi)；
2. 調(diào)整模特方向，增加模特明暗關(guān)系；
3. 調(diào)整背景，讓畫面明暗關(guān)系明確。

案例2：

• 文案：文案不夠集中，重點信息不夠突出；
• 主體物：主體物不夠突出，過于平均；
• 背景：背景不夠簡潔，過于復(fù)雜。

修改方式：

1. 標題信息區(qū)分化，文案行數(shù)控制在3行內(nèi)；
2. 調(diào)整主體物之間的大小關(guān)系，以及優(yōu)化產(chǎn)品的光影效果；
3. 弱化裝飾物體柳絮，讓背景更加簡潔。

總結(jié)：banner設(shè)計核心需要把握這幾點。

1. 統(tǒng)一把握大色調(diào)；
2. 文案——文案主次分明；
3. 主體物——主體物視覺沖擊感/高清/精致；
4. 背景——簡潔的背景，大膽的配色；
5. 背景/產(chǎn)品相呼應(yīng)（看起來更像官宣）。

好吧，這次的文章就到這里吧，下次和大家聊聊構(gòu)圖與色彩，咱們下期見！

本文由@Francis 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議