不懂這5個BANNER設計套路，吃棗藥丸

Banner發展至今一直能神一般的存在是因為其本身特定的媒介屬性和商業價值屬性決定。

有朋友會問：既然它有其重要的價值，我的工作中又有大量需要設計的Banner，有沒有什麼能在設計它的過程中遵循或是檢視的規則，讓今後設計Banner的時候更加的有效？

這篇，我們就來聊聊Banner設計中的5個套路，讓你1分鐘檢測設計問題！

1.場景優先

這裡的「場景優先」指的是要十分明確未來這個Banner的使用場景具體是在哪裡。這也是我在指導或是檢查設計師做Banner的時候第一個要問對方的問題。而恰恰當我問對方用在哪裡的時候，很多設計師甚至做完了也不清楚具體的使用場景，只知道需求方提供的尺寸和他要求的K數。

為什麼場景優先這麼重要？

因為場景決定了Banner設計的重要層級。

是移動端還是PC端？

是頭部Banner還是底部Banner？

在整個畫面中的比重是大的還是小的？

是促銷活動還是日常信息露出？

等等… …

任何重要程度，都是權衡和比較出來的結果。也許需要設計的Banner尺寸不大，但在有限的畫幅裡面，它的佔比很大，那它承擔的「傳達責任」就會大一些。一級頁面里的Banner就比三四級頁面里的要重要一些。做普通信息展示的Banner也許沒有活動關鍵信息曝光的Banner重要等等。

位置決定了其重要程度和信息承載量

所以，當你拿到一個Banner設計需求的時候，別著急找素材或是想畫面，先問下需求方，這個Banner在哪裡使用，最好找到那個投放頁面截個屏，當你設計完Banner的時候貼個效果圖，把它還原在真實場景下。如果是移動端就要在手機上觀看整體效果。做什麼Banner就要在它投放的最終場景下觀看和挖掘問題。

切忌，因為麻煩而忽略這一步。

2.對比

這裡的對比不單單是設計手法中圖形元素的對比，還包括「畫面」和「文案」的畫幅比，Banner與投放場景的視覺色差比等等...

首先，「畫面」和「文案」的畫幅比指的是在整個Banner中，文案與畫面的所佔整個Banner面積的比重。這不是說要固定某個最優比例，而是說這個你將要設定的比重決定了Banner「信息的傳達優先順序」，是文案優先畫面輔助還是畫面視覺優先文案解釋說明等等。

通過對比，能夠影響瀏覽者有先後順序的獲取你想傳達給對方的信息，從而激發其點擊或是轉化。

3.細節優先還是整體優先

細節重要還是整體重要？

其實兩個都重要（這真不是一句廢話）。

如果這個Banner的作用是展示商品、活動獎品或是企圖用畫面吸引用戶閱讀的話，那就漂漂亮亮的把產品或是畫面圖片展示出來，當然在有限的空間里把細節展示的越多、越完美越好。因為具有「打動力」的細節更有機會讓用戶視線「駐停」。停留越久就越有機會點擊。

如果這個Banner的作用是強調文字信息，比如活動時間、產品賣點等等，這時的設計如果過度強調或是放大細節反而會消耗文字信息的的傳播能量。

4.簡化！簡化！說清1點！

有時候我們可以通過一張海報、一個活動頁甚至一個易拉寶把大量信息羅列其中，甚至被領導或是客戶強迫加內容而且要放大！放大！放大！

看示例不解釋

受限於尺寸，Banner天然不具備承載大量信息的能力。所以能在有限的空間里通過圖文的合理設計說清1點即可！任何繁雜的信息和裝飾都需要在設計之初堅決杜絕！

看示例不解釋

簡化！簡化！簡化！重要的事情說三遍。簡化不代表簡單或是簡陋，而是要讓信息和畫面合力聚焦在一個核心利益點上。一個Banner說清一件事！

5.統一性與可延展性

如果上面四點說的是檢視一個獨立Banner設計好壞的方法的話，那麼統一性與可延展性就是檢視一套Banner設計系統的重要規則。

統一性指的是某套傳播系列的風格統一，包含元素的統一，文字、LOGO、行動按鈕的使用規則統一。

盡量統一字體、版式，甚至有可能的話，統一畫面區域，這樣容易讓Banner的體系感更強。

可延展性指的是在不同場景和平台下的可擴展性。畫面在不同的比例下能否協調，大尺寸下圖片能否足夠延展等等。

最後，總結一下：

相比於教你如何快速做出某個主題的Banner，我寫的這篇文章更希望教會你如何在做完一個Banner之後，檢視其中是否存在的隱患與問題。

通過自問或是向需求方確認Banner的使用場景，用「多屬性的對比」來引導瀏覽者獲取Banner信息的優先順序。你要記得：小Banner無法承載老闆們什麼都想展示或是突出的想法，一個Banner說清1件事！最後有系統性思維建立Banner的設計規則，讓其更加的統一，畫面可延續。

普通設計師用美醜判斷一個Banner設計的好壞。而你，看完這篇文章之後要學會用「邏輯」來檢視設計的正確性。

這就是你與他們最大的差別。

- END -

使勁按漂亮的二維碼

關注小象愛設計

小象朋友圈的圖，比公眾號精彩！

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！