作為用戶進入網站後首先注意到的內容，設計一個有趣且吸睛的banner，不僅可以給用戶留下一個更好的印象，同時還可以延長用戶在網站的停留時間，甚至促成他們完成部分目標操作。那麼，網頁設計如何打造吸睛的banner來提升點閱率?

網站設計基礎知識：為什麼banner對網站經營如此重要?

什麼是banner?banner翻譯過來就是「橫幅」的意思，是指網站廣告、橫幅廣告等，也可以簡單理解為展現商家廣告內容的圖片，是互聯網廣告中最早、最基本且最常見的廣告形式;或者是網站設計中一種橫向的簡易海報，因為我們一般看見的banner都是橫向的，其內容形式與海報有着很多相似的地方。

簡言之，banner設計對網站主要有以下幾方面的好處：

① banner無論從位置還是設計來說具備快速吸引用戶注意力的作用，是最低成本與初期的行銷方式。

② 優秀的banner設計可以有效宣傳你的品牌，無論是帶出logo還是採用企業主視覺色調，都能讓用戶更容易地記住你的品牌和行銷活動。

③ 用最簡單語言將最需要讓大家知道的資訊清晰地表達出來，有助於讓你的行銷信息傳播得更加容易。

網站設計基礎知識：如何設計吸睛banner來提高點閱率?

如今大部分用戶對雜亂的資訊早已失去耐性，如果banner設計得不夠專業或者存在信息錯誤等問題，容易讓用戶對網站產生負面影響，甚至直接離開網站，那麼banner究竟該怎麼設計?

● 文字排版合理且有設計感

通常banner設計都是遵循「文字中間大，上下小」的排版佈局原則，這是因為人們的視線都是發散性的，這樣設計可以讓畫面更具張力。此外，banner上的文字設計及樣式雖然沒有太多硬性要求，但一定是易識別的，否則用戶研究半天也看不明白文字內容，不僅會讓他們感到反感，更會導致他們很快離開網站。

● 選擇清晰且符合主題的圖片

如果手頭上有不錯的實景拍攝照片且符合網站或行銷主題的，那不妨可以直接應用於banner上。但需要注意的是，如果照片是作背景之用，一定要保證文字信息的可閱讀性，比如在文字部分適當添加半透明蒙版或合適的色塊，以及對背景進行虛化處理，以保證文字的識別度。

● 選取和合理的配色方案

在網頁設計中，常用的配色方案主要有同色系搭配、相似色搭配、對比色搭配以及互補色搭配。

同色系搭配：利用深淺顏色組合讓畫面過渡順暢，呈現出漸變的效果;

相似色搭配：是非常穩妥的配色方案，比起同色系搭配，相似色搭配帶來的畫面效果會更加活躍。

對比色搭配：對比色色相差異較大，其鮮明的對比效果能給人留下豐富深刻的印象，因此很多banner設計經常採用對比色搭配來表現隨意、活躍、強烈的主題，以起到吸引用戶注意的作用。

互補色搭配：互補色配色是最具刺激性的色彩組合方式，相較於對比色，互補色搭配的畫面效果會更加豐富，也更具感官刺激性。

在網頁設計中，banner是吸引用戶注意與聚焦資訊最快的方式。掌握banner設計的一些技巧，讓行銷內容有個吸睛且好看的門面，將有效打動網站的點閱率及轉換率。