Banner在網頁設計中佔有很重要的位置，也是最能吸引用戶眼球的元素之一。很多人認為Banner設計沒有什麼技術含量，只要隨便放兩張圖、排幾個字的事就可以了。事實上Banner設計要研究的東西就很難，尤其是在短時間內製作一個出彩的Banner。下面，Inspirr Creation就為大家分享一些做Banner的小經驗。

一、版式

在明確網站主題和內容後，我們就要根據主題和內容設計版式，即排版佈局。確定Banner佈局時，一定要清楚表達核心思路，正確展示想要給用戶看的東西。

排版一般分為兩種：

1.圖文左右排版

圖文左右排版是設計Banner中最常用到的方式。以左右圖文分割排版的方式構圖，能使畫面更具獨立性和引導性。這種佈局方式留白較多，能很好地將Banner的信息更顯明確和品質感。

2.文字居中

這種方式多適用於電商促銷和公眾號文章封面等，主要是為了突出文字內容，其他元素則是為了搭配文字做出的氣氛烘托。這樣佈局會讓畫面的視覺更聚焦，信息更集中，在突出主體的同時給畫面帶來一定的衝擊力，從而吸引用戶點擊。

二、文字

文案中的文字要區分主次，使用合適且識別度高的字體，吸引用戶的注意力，讓人一下子看到主體。主要同一畫面中字體的使用盡量不要超過三種，否則會顯得非常雜亂。

Banner常用的字體包括：

1.襯線體

襯線體簡單且容易變形，能給人一種古典，經典，文藝的感覺，非常適合用於文藝氣息的傢具用品或文娛類的相關宣傳設計

2.非襯線體

非襯線體較簡潔，筆畫較粗，容易產生視覺重點，突顯現代和簡約的特性，讓標題不會過於死板。非襯線體適用於蒼勁有力的促銷類相關設計，能很好地吸引用戶的注意力，提高Banner點擊率。

3.書法體

展現中國文化和揮灑豪氣的書法體，適合於傳統、中國風、意境的文藝主題和金戈鐵馬般的豪邁主題，能將整體畫面營造的中國古典風更好的融合起來。

三、配色

整個Banner風格中，要設定主色調和輔色調。一般在整個畫面中色彩佔用最多的顏色就是主色調，而輔色調則是在在整個畫面所點綴對比的一個顏色，這兩者的關係就就好比電影中的主角和配角。

一般來說，不同的顏色代表的風格和適合場合都是不一樣的，如：

黑色代表高端、科技，一般用在汽車、智能科技產品和作品及消息發佈上。

白：代表簡約，清新，素雅，一般是用在飾品、家居、化妝品等。

每種顏色代表的含義，在設計Banner的時候，要根據設定的主題和文案的內容，選擇合適的顏色，襯托想要表達的情緒和氛圍，盡量使整體顏色及風格和諧統一，從而抓住用戶注意力，提高用戶的點擊量和轉化率。

四、點綴

點綴元素的存在是為了豐富畫面，增加畫面的活躍氛圍，給用戶愉悅或刺激感，增加消費者的購買慾望。

點綴元素存在的形式多樣，但大致可分為三種：

1.基礎形狀點綴

這種類型的點綴主要是運用矢量形狀以漸變色的方式豐富畫面，給用戶帶來較強的視覺衝擊力，從而提高Banner點擊率。

2.抽象形狀點綴

這種點綴的細節一般會比背景顏色較深，同時整體採用微漸變，適當的隱去一些邊角，使點綴元素更好地融進背景中，使整個畫面變得更加年輕和活潑。

3.賣點提煉點綴

這種點綴方式非常簡單，就是把產品的賣點提煉出來，使用背景對比色或鄰近色將賣點突顯出來。這種設計方式的難度係數不大，其重點在於設計師對色彩和賣點提煉的把控。

如何製作出優秀的Banner?簡單來說，就是以上所介紹的四點要根據Banner的主題和風格設計，同時要突出賣點之餘還要讓畫面和諧，這樣才能讓Banner更賦有品質感。