以下內容由摹客團隊翻譯整理，僅供學習交流。
網頁Banner設計的重點是通過應用基本的設計準則，系統地創建有效的Banner廣告。在這篇文章中，小編爲大家整理了15條關於創建成功的網頁橫幅設計小建議。
網頁Banner是什麼?
網頁Banner是目前互聯網中最常見的營銷形式之一，它以各種形式存在。網頁Banner也是最有可能創造點擊量的設計方式。
Banner廣告是嵌入在網頁上的廣告圖像，展示產品或品牌，並鏈接到廣告商的網站。大多數公司以這樣或那樣的形式使用它們，因爲它是一種成本合理、追蹤性好、傳達效率高的宣傳形式，非常適合用來提升品牌知名度。
如何設計出優秀的Banner廣告?
如何設計和創建網頁Banner廣告才能帶來點擊?下面是關於設計Banner廣告的一些建議和通用指南。
1.使用有效、標準的Banner尺寸
根據谷歌Adsense統計，最有效、標準的Banner尺寸是:
導航欄Banner——728×90 px
半屏Banner——300×600px
中等矩形Banner——300×250px
長矩形Banner——336×280px
2. 選擇正確的Banner廣告位
建議購買網頁頂部或者是接近網頁主要內容的位置。
3.保持層次結構
Banner廣告設計依賴於每個廣告之間的正確平衡，所以要注意你的層次結構。有效的Banner廣告是爲了提高品牌知名度和增加網站流量而設計的。它們有三個基本組成部分:
（1）公司Logo
公司Logo必須要建立品牌知名度。確保它在視覺上占主導地位，但不要像價值主張或CTA那樣占主導地位。
（2）價值主張
價值主張主要展示你所提供的產品或服務，並通過誘人的折扣和價格吸引大家的注意力。比如“高質量”、“半價”或“限時優惠”。這些關鍵詞應該佔據廣告的大部分空間，也是瀏覽者第一眼能看到的東西。
（3）CTA按鈕
行動號召/CTA一般是指邀請用戶單擊的文本或按鈕。像“瞭解更多”、“開始行動”或“現在開始”這樣的短語就是很好的例子。這個部分應該是Banner廣告獲取點擊量的重點。
4. 保持簡單
保持內容和視覺上的簡單，因爲瀏覽者對網頁上的Banner往往可能只是匆匆一瞥。
5. 適當地使用按鈕
根據Banner的類型，按鈕通常會增加廣告的點擊率(CTR)。如果你要使用按鈕，把它們放在文本的右下角，應用有品味的對比色。注意，風格顏色在整個廣告中需要始終保持一致。
6. 有一個明確的框架
瀏覽者的眼睛一般都會被框架內的主題所吸引，成功的Banner廣告一般都有一個清晰的框架。如果你的Banner背景是白色的，通常的做法是在Banner周圍放置一個1像素的灰色邊框。
7. 保持文本的可讀性
將標題和正文設置爲不同的大小；界面上所有的文字內容在應該少於4行。不要使用草書/手寫體，極細的字體，全大寫，或字體小於10號(除非是免責聲明或版權聲明)。
8. 使用動畫
動態的網頁Banner廣告通常比靜態的Banner廣告效果好，而且在網頁Banner設計中非常有效，但是你必須確保它們不會分散廣告的信息。
如果是長動畫或者視頻，不要超過15秒的時間，並考慮讓你的畫面最後有明確的行動號召，提高轉化率。如果是短時間的循環動畫，不要重 復循環3次以上。
9. 互補，但要突出
如果你的Banner能在視覺上融入了網站特色，則更有可能贏得瀏覽者的信任。然而，不要讓它融入太多，會失去瀏覽者的關注。Banner廣告總是需要是突出的和可點擊的。
10. 與品牌保持一致
將Banner廣告鏈接到一個登陸頁面，其中包括你的折扣優惠。確保廣告與你的品牌和登陸頁面相匹配，這樣潛在的客戶纔不會感到困惑。
11. 營造一種緊迫感
通過使用對比鮮明的粗體顏色，給文本帶來一種視覺上的緊迫感。Banner廣告並不總是需要柔和。
12. 善用意象(僅在需要時)
選擇相關的圖形和照片，增強你的信息和直接相關的產品。這裏沒有抽象概念。
買不起專業攝影或超模照片?選擇一張廉價的圖庫圖片也行。如果可以的話，儘量選擇由設計師創作的原始插圖或圖形。
記住，在Banner廣告中不一定要使用圖像。頂級的文案和漂亮的排版可以創造同樣有效的結果。
13. 選擇合適的顏色
應用不同的顏色會帶來不同的聯想，你需要考慮清楚想喚起觀衆的哪種情緒。顏色是用戶在Banner中首先會注意到的。
顏色也是主觀的，在不同的文化中有不同的聯想。在選擇顏色時，一定要研究你的目標受衆。下面是一組顏色和它們在西方觀衆中所代表的典型情感。
- 紅色：激情、憤怒、興奮和愛。這種強烈的色彩對大多數觀衆都有吸引力，但要適度使用。如果你想要一個經典、成熟或嚴肅的造型，避免使用紅色。
- 橙色：充滿活力。橙色不像紅色那樣讓人無法抗拒，但它仍然遠離人羣，散發着活力；這是一個很好的CTA按鈕顏色。
- 黃色：歡樂、陽光和友愛。黃色很搶眼，散發出一種活力，既年輕、可接受度也高。
- 綠色：健康、新鮮、財富、環境、成長、培育和新的開始。它對眼睛也很好。
- 藍色：安全、信任、清晰、成熟、寧靜、智慧、正式、清爽、冷漠和男性氣質。藍色出現在超過一半的商標中。
- 紫色：奢華、尊貴、奢華、智慧、魔力、女性氣質、創造力。它對瀏覽者有一種鎮靜的效果。
- 粉紅色：愛情、甜蜜、女性、青春和嬰兒。粉紅色通常與所有女性相關，但有一個基於亮度和色調的真實範圍。
- 黑色：排他性、神祕性、現代性、權力、威望、奢華和正式。它是傳統的，白色背景上的黑色文本是最易讀的顏色組合。
- 白色：純潔，清潔，現代，貧瘠，簡單，誠實，天真。白色創造了經濟感和青春的感覺。
- 棕色：自然，木材，皮革，嚴肅，男子氣概，堅韌，謙遜。棕色可以中和較強的顏色，適合背景色和紋理。
- 灰色：中立性和實用性。當用作背景時，灰色可以襯托其他顏色。
14. 文件儘量小一點
根據谷歌Adwords統計顯示，當涉及到文件大小時，文件越小越好—最好保持在150 kb以下。爲了避免瀏覽者向下滾動並錯過它，文件小的Bannner可以快速完成頁面加載。
15. 使用正確的文件格式
通常，設計成果一般是JPG, PNG, GIF或HTML5文件。記住，Flash廣告在這一點上已經過時了，所以儘量選擇其他幾個圖像文件格式。
準備好去設計更好的網頁Banner吧!
以上只是一些對Banner廣告設計的小建議，但要創造出真正很棒的、高效的Banner，需要花更多的心思。如果你不是專業設計師或者沒有時間設計，也可以考慮聘請一位有才華的創意人員，爲你設計完美可點擊的Banner廣告。