如何設計一款好的 Banner ？

時間：2024-02-14 00:10:01 | 來源：網(wǎng)站運營

時間：2024-02-14 00:10:01 來源：網(wǎng)站運營

如何設計一款好的 Banner ？：Banner 最先起源于紙質媒體的大標題廣告，也可作為游行活動中的旗幟。隨著互聯(lián)網(wǎng)時代的迅速發(fā)展，Banner 由于其表現(xiàn)方式直接、簡單被廣泛應用于移動手機端和網(wǎng)頁端界面設計中。而現(xiàn)在我們所說的Banner通常指的是PC端的網(wǎng)頁Banner和手機移動端的網(wǎng)頁Banner。

Banner是當前網(wǎng)絡中最常見、最有效、最出效果的一種推廣宣傳方式。其主要作用是體現(xiàn)設計的中心意旨，形象鮮明表達最主要的情感思想或宣傳中心，簡而言之就是用來宣傳展示然后提高品牌轉化。

而Banner與傳統(tǒng)的廣告相比有以下幾個特點：

第一，像素受限。

Banner 需要滿足不同的手機、電腦網(wǎng)頁的不同尺寸要求，不同尺寸的Banner像素不同，設計師需要針對不同的尺寸有的放矢。

第二，短暫性。

Banner 往往只在特定一天或者兩天出現(xiàn)，而且Banner在畫面中占比小，人們?yōu)g覽速度較快，視線停留在Banner上通常只有僅僅幾秒。

第三，內容受限。

每張 Banner的篇幅有限，在畫面中通常不允許大篇幅文字的出現(xiàn)，因此在設計主題確定的前提下，Banner傳達的內容是有限的，設計師可發(fā)揮的空間也是有限的。

Banner由于其本身的特質決定了他對吸引用戶關注的時間有限，因而Banner需要在短時間內表現(xiàn)出其效果，快速抓住用戶的眼球，提高點擊量。為此有必要來研究一下Banner的構成元素和表現(xiàn)形式。

Banner的設計要素

1. 文字信息設計

l 明確文字信息層次

通常在一張Banner中，用戶能夠完全接受并需要的信息一般不超過3個。

因此在Banner設計中，首先禁止堆砌過多的文字信息，少就是多，文字信息應當簡潔、直當、一目了然。

其次在Banner僅有的文字信息上，還需要通過排版表現(xiàn)出信息的層次——即突出視覺焦點，使用戶一眼就能辯認出信息的重要程度。

l 字體

在Banner字體選擇上需要注意字體的易讀性和可讀性。字體的可讀性具有激發(fā)興趣、吸引關注的作用，而易讀性則是在很大程度上決定了信息傳達的成敗。

在Banner文字信息可以分為兩種：標題性文字和其他文字。標題性文字作為Banner的視覺中心，需要較高的辨認度，因此更加注重字體的可讀性，而其他的說明文字注重的則是易讀性?？梢酝ㄟ^字體樣式、大小、顏色等手段來增強文字的可讀性和易讀性，例如可以通過選用無襯線字體、手寫體或是一些藝術字體來突出標題行文字，增加可讀性。

l 空間節(jié)奏

文字與元素之間，文字與文字之間的間距、密度同樣會影響讀者的閱讀速度和舒適感，而且也影響著信息傳遞的效率。合理的文字排列和停頓節(jié)奏有利于讀者迅速抓住信息重點。

例如以下兩張圖，上圖的文字間距比較下面更大，離人像距離較遠，看上去是不是更加舒適？

2. 圖像設計

圖形、圖像在Banner中的用途就是引起注意，起到一個提示的作用。這就要求圖像和主題是直接相關聯(lián)，恰當?shù)膱D形與圖像能夠輔助文字信息，幫助讀者快速理解Banner的傳達的信息；而與設計主題毫無關聯(lián)的圖形或圖像則往往會分散用戶的注意力，影響信息傳達。

3. 色彩設計

色彩對于Banner來說至關重要，色彩是最先給人留下視覺印象的元素。如果要保證用戶能夠快速地理解并接受信息中包涵的意思，那么，Banner的色彩的應用必須要符合主題，以免混淆用戶的第一感覺。

Banner的常見構圖

在設計中，讀者的觀看習慣也是需要考慮關鍵要素，這樣可以合理設置的視覺中心，并引導讀者的視線逐漸引申到其他細節(jié)上。例如，用戶的閱讀習慣通常是從上到下，從左到右，因此可以將視覺中心設置在左上方，便于用戶閱讀。

但是也可以通過其他方式來改變用戶的觀看習慣，引導用戶視線觀看路徑，而其中最常用的手段就是構圖。

Banner的最常見的構圖方式主要有——對稱式構圖、居中式構圖、左右構圖

l 對稱式構圖

對稱式構圖是將畫面沿著Banner的中軸線平均分割，將Banner中的元素按照上下、左右對稱的方式排列，使中軸線兩邊的元素保持平衡。對稱式構圖常常給人整齊、規(guī)律、簡潔、穩(wěn)固的感覺。

l 居中式構圖

居中式構圖是將畫面主體放置于畫面的中心，成為視覺焦點。這種構圖方式最為常見，容易突出主體，保持左右平衡。而且居中式構圖不僅方便突出重點信息還方便添加細節(jié)，譬如左右兩塊空余空間可以適當添加其他元素作為裝飾。

l 左右式構圖

左右式構圖通常是按照黃金分割線比例來安排畫面中的圖片與文字的關系（通常是圖文比例約為6：4）。左右式構圖盡可能的保證了視覺重心平穩(wěn)，不出現(xiàn)過度重心偏離的情況，能夠體現(xiàn)對齊、對比和親密性的原則。

參考文獻
李婧婧, 韓靜華. 基于Banner的信息傳達設計[J]. 包裝工程, 2016(8):55-58.
袁希晨. Banner設計中的視覺表現(xiàn)形式[J]. 藝術科技, 2016(7).