幾何

Banner廣告對于增加在線流量至關重要,但如何才能設計出大家想要點擊的網頁Banner?網頁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廣告。

 

原文地址:webdesignerdepot

譯者地址:摹客Mockplus

作者:Karla Lant

 

轉載請注明:學UI網 » 【設計師必看】提高Banner點擊率的15個設計技巧!

登錄收藏
 
你可能喜歡的:
超實用!手把手教你從頭構建UI設計系統超實用!手把手教你從頭構建UI設計系統
插畫類Banner-設計實用分享插畫類Banner-設計實用分享
帶有運營思維的設計師是怎么做設計的?帶有運營思維的設計師是怎么做設計的?
通過復盤來反思設計的3個層級,始作俑者的價值驅動通過復盤來反思設計的3個層級,始作俑者的價值驅動
為什么你做不好商業類型海報為什么你做不好商業類型海報
2020年最值得推薦的10款UI動效設計工具2020年最值得推薦的10款UI動效設計工具
設計前必須和客戶確認的20個問題設計前必須和客戶確認的20個問題
網頁設計中最常用的5種配圖網頁設計中最常用的5種配圖
用一篇文章補全你的廣告史用一篇文章補全你的廣告史
大熱!12個2020年網頁&UI/UX設計趨勢預測!大熱!12個2020年網頁&UI/UX設計趨勢預測!
?
泰凌微电子上市的最新消息