Skip to content

如何有技巧的設計Banner?12個設計技巧使人忍不住點擊

當你在網路上下廣告是不是很少人點擊?有哪些方法可以讓用戶去點擊你所放的Banner廣告?今天這篇文章就來談下面12個Banner設計技巧使人點擊。

為什麼需要Banner設計?

Banner在現在網路上是非常普遍的,通常需要利用圖片來吸引用戶來使用該產品、事件或者服務等來利用設計Banner吸引用戶來觀看你所宣傳的東西。

利用客戶的少於1秒時間去抓住他的眼球,這是平面設計師在做的事,接下來就來說如何利用Banner的那些設計技巧去創造點擊率。

如何創造點擊?

通常會需要兩種方式:

  • 你所宣傳的文案需要抓住用戶眼睛
  • 你所宣傳的圖片直接一秒決定

換句話說,就是文案與圖片這兩者就能創造點擊,其中絕大多數的人類都是以圖片為導向,因為人類超愛看圖片,這都是從小的廣告、文化和教育等周邊環境潛移默化地告訴我們。

你可以想兩種情境去感覺這是不同結果:

A情境

小明在麥當勞的廣告上只有寫:今天勁辣雞腿堡特價58元喔!

B情境

小明在麥當勞的廣告看到一個勁辣雞腿堡圖片放在眼前,旁邊文案寫道:「今天勁辣雞腿堡特價58元喔!要買要快!」

想當然,毫無疑問的B情境直接完勝,所以你會看到市面上幾乎所有廣告都會有圖片,除非有一種例外他想反向行銷。

講了那麼多,要怎麼設計Banner來創造點擊?

尺寸符合邏輯性

這一點是做Banner設計的基本款,若Banner放在不符的尺寸,反而減少點擊。

現今絕大多數的尺寸設計:

  1. 120X120像素,一般這種會是新聞廣告頁或者產品顯示呈現
  2. 120X90像素,可能用於大型LOGO
  3. 120X60 像素,用於LOGO上的商業圖示
  4. 125X125像素,使用於照片型台演示

想看更多尺寸?Banner是什麼?3步驟透過Banner吸引消費者觀看

凸顯產品的位置

如果在Banner裡面放產品的位置不恰當會反而造成反效果,這就是平面設計的其中一門學問之一。

現在人們時間非常有限而且又厭惡廣告,所以要讓用戶第一眼一瞬間了解你在賣什麼這是很重要的。

凸顯重點的文字

剛剛有說了,現在消費者注意力稀缺,所以不但要凸顯產品以外還要凸顯重點的文案,直接讓用戶在0.5秒創造記憶點,比較不重要的文案就稍微弱化。

色彩使用的方法

如果一個Banner配色七彩繽紛,那麼會更降低點閱率,雖然知道有些人七彩繽紛目的是很想讓用戶點擊你的Banner,但是那是行不通的,可能會淹沒產品訊息,所以盡量把色彩用到3種到4種顏色即可。

除了好看以外還可以讓用戶感受簡潔大方,這是呈現另一種形象。

視覺動線要明確

現在一般視覺動線都是從左到右、上到下的視覺動線,盡量少用違反規則的視覺動線,除非你的產品、事件會需要違反邏輯,那也可以試試看,說不定大膽一點反而激起火花。

動線需留下空白

留白對平面設計來說是一種哲學與美學,如果一個Banner塞滿各式各樣素材,反而使人煩躁,留白卻是可以給人舒服感受,善用留白的力量。

宣傳價值主張性

文案放在Banner也需要宣傳你要的價值是什麼,你想宣傳事件就放上事件;你想宣傳產品就放上商品供用,這是相當容易的。

文案邏輯正確性

文案訊息也精簡會更好,讓人一目了然,以下舉個例:

「周杰倫、蔡依林、五月天阿信、孫燕姿、五佰、蕭敬騰等人都一致推薦的AAA音響。」

可以改成:「天阿!超大咖明星群也一致推薦AAA音響。」

不但精簡了許多還帶入情緒語氣,這可以讓用戶稍微吸引來看。

不要欺騙消費者

其實這也不算是技巧,算是一種常理,如果你下的Banner廣告是誇大欺騙,那麼就會大幅度降低點擊率,可以修飾不可以誇大。

按鈕也顯示出來

雖然說,在網路上Banner本身是按鈕了,但其實也還需要放上按鈕的圖片來讓用戶了解點擊它可以去到你要的地方。

符合品牌的調性

如果你是一家公司要利用Banner宣傳,必須要符合品牌的系統色調性來宣傳,總不可能麥當勞廣告用黑白兩色宣傳產品、無印良品用紫色宣傳吧。

檔案內容要縮小

如果檔案容量大,其實會對廣告產生不利的,做再多、再漂亮的圖結果檔案大,反而讓用戶不點擊,因為圖片還在跑,會直接忽略。

想要利用Banner來為你創造銷售量嗎?

如果你看了以上Banner的設計技巧還是覺得需要平面設計師協助,你可以寫信與我詢問,kaim@creativemini.com,請在信件標題上最前面寫【Banner設計】後面寫標題。
內容請寫出你的需求以及姓名
像是:姓名、尺寸(須提供)、品牌調性、風格呈現(須提供參考圖)、文案內容(須提供)、圖片素材(須提供,並且在信件內說明是合法授權)等,內容越詳細越好,主要專攻於靜態Banner,一張價格2500元至3000元左右,視情況而定。
設計Banner是一種投資,它可以應用在任何網路上來創造銷售量,而非成本。

結論

以上就是Banner的12個設計技巧,相信不單單只有這幾個技巧而已,但基本上以上技巧就能足夠提升吸引人來觀看了。


本站有部分連結與商家有合作關係,若透過我的連結購買,我會獲得少數佣金,讓我可以持續營運網站,但並不會影響您的任何權益,詳情查看免責聲明及使用條款


如果你經常大量使用圖片的話,本網站推薦三個好用的平台:

  • 重度Adobe使用者,不需要把圖片下載到桌面,直接線上儲存:Adobe stock
  • 目前全球最知名專業的圖庫平台,若你只需要圖像來使用的話:Shutterstock
  • CP值高的素材平台,每月付一次錢就可以下載各式各樣素材:Envato element

看更多素材文章內容....


如果我的文章對你有幫助,也歡迎贊助我一杯咖啡

coffee

文章引用請來信索取授權,否則將保留法律追訴權。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。