Skip to content

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

想起在過去設計公司上班時,有好一陣子都在設計Banner,當時總是能夠快速想到怎麼設計可以吸引消費者注意力,看到有不少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的12個平面設計技巧,相信不單單只有這幾個技巧而已,但基本上以上技巧就能足夠提升吸引人來觀看了,這就是我過去這麼做的方式。

Banner最初宗旨就只是讓你的受眾去點擊達到目的。

以設計來說,要在一張裡面該如何利用設計來顯示真正要傳達訊息是一般人不會去想到的,現在有一種比Banner更複雜的設計,那就是—銷售頁。

銷售頁顧名思義就是要在一頁中,編排良好訊息,以供客戶去購買你的商品,Banner只是讓消費者去點擊的第一步。

對消費者來說,使用銷售頁可以更完整表達資訊。

但許多人在這方面編排設計不在行,尤其是賣高價商品,造成消費者所要傳達訊息忽略居多造成注意力下降,這點很可惜,所以我最近正在製作銷售頁模板…


creativeminishop

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


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

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

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



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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *