Banner是什麼?3步驟透過Banner吸引消費者觀看

在設計公司上班時，有好一陣子都在做 Banner 設計，無論是實體或是網路虛擬的都做。

當我做越多就越知道如何做出既好看又能吸引受眾的 Banner，因此這篇文章將告訴你 Banner 是什麼以及如何避免被潛在客戶跳過。

如果你從事的是網頁設計師或者有接觸網站之相關領域的人都會了解什麼是 banner，在亞洲比較常見放於網站的部分，相對來說 banner 主要透過圖、文穿插提供價值的一種。

如果你要設計 Banner，我十分推薦你用 Adobe 旗下軟體之一，Illustrator，這套軟體是我在公司裡經常使用，功能非常多樣化，你可以自己設計精美的 Banner 提供給你的受眾觀看！

Banner是什麼?

它在中文意義裡有著「旗幟」之意，一般比較常聽到用於網站的廣告類型居多，但是現實生活上的布條也可以這麼稱呼。

那為什麼要有banner?

我們現在最常在網路上看到的部分，其實是一種行銷方式，當網站越多人觀看有些就會安插廣告觀看。

這樣的目的一方面業主可以接觸更多客群；另一方面網站經營者可以獲取廣告放置於顯現部分，然後賺取收入，就像包租公、包租婆一樣。

聯盟行銷（Affiliate Marketing）就是一個非常好的例子，消費者看到這是我有興趣的東西並在網路上購買，給錢給業主後，把一開始講好的分配傭金比例給網站經營者，如此一來這樣就能達到雙贏效果，互相擁有價值。

舉例來說，業主可以提供給你、又或者可以自己設計，去貼放於你要的位置即可。

延伸閱讀：如何有技巧的設計Banner?12個設計技巧使人忍不住點擊

哪種的banner會立馬跳過?

前面說 banner 是圖文並茂以達到行銷的一種，所以 banner 在設計裡就變得非常重要，縱使你不想點擊，它只是為了讓你多花一點時間看到這個廣告，那怕只是一秒。

有時候在製作 banner 困難點在於行銷與視覺的平衡。

我自己研究出通常會讓人跳過的 banner 大多是以下幾點:

1. 東西太多太雜沒有重點
2. 顏色使用不恰當
3. 文案標題太過無聊
4. 文案與產品不符
5. 內容的元素互相打架
6. 背景紋路過於繁雜
7. 字體沒有大小之分
8. 去背沒有去乾淨（這點身為學過設計的我來說，很糾結這件事）

如何製作好的banner以達到更多點擊?

尺寸

首先你必需要先知道你會應用的尺寸範圍，就好像一個畫布，你要有東西應用才能下手，所以尺寸一定是必須的。

先知道尺寸後還須要考量到進手機後的管道以及動線，一般國際尺寸的 banner 分為這 8 種:

1. 120X120 像素，一般這種會是新聞廣告頁或者產品顯示呈現
2. 120X90 像素，可能用於大型 LOGO
3. 120X60 像素，用於 LOGO 上的商業圖示
4. 125X125 像素，使用於照片型台演示
5. 234X60 像素，會用在左右其中一方有產品；另一方有文字以及按鈕連結 (CTA)，這會比較常見。
6. 392X72 像素，有些人會把它用在網站的頁眉或者頁尾部分，它可以呈現較多圖片。
7. 468X60 像素，一樣可以用於頁眉或者頁尾部分。
8. 88X31 像素，有些人會用在小型 LOGO 或者連接部分。

目前這還只是冰山一角，據美國網路廣告服務商 DoubleClick 資料顯示，這樣的 banner 廣告類型尺寸呈現約有一萬多種，所以上面國際尺寸只是參考，還需要依照當時的情況呈現。

以前通常都是給客戶挑選幾種尺寸，現在則是上萬種，又加上互聯網興起我猜尺寸樣式可能更多。

風格

知道了尺寸後，接下來你要去定義風格，講一個最簡單的例子，今天要去跑步運動，你會穿著一件日系質感襯衫嗎？當然不會。

所以運用到 Banner 也是一樣，是運動產品的話可以製作較熱血一點的風格，但是在設計風格不要太強過於網站本身。

如果一家網站它的主色系可能是紫色、綠色這種，這時候就想辦法融入網站，如此一來不會顯得突兀。

細節

已經知道你要去運動了，所以會穿運動衣、布鞋、短褲這些基本底都有了，接著有人就會注重細節部分，像是衣服顏色、鞋子該穿哪雙布鞋等等。

在這裡頭會注重排版、文案、顏色、圖片。

一般來說可以從文字開始做對齊，背景不要太繁雜、產品內容放大化、文案達到吸睛、圖片去背乾淨、再來弄好後你可以去做適當留白動作，最重要的一點，配色，顏色太亮會不舒服反效果。

延伸閱讀:《美感的意義，新手如何運用美感七大法則元素進而創造視覺?》

設計完Banner然後呢?

其實 Banner 做完設計並上架只是吸引讀者的第一步，之後你要引導消費者去到你要的真正目的，像是加 LINE、純粹進到官網、宣傳事件等。

大多數人都是想要買賣居多，那買賣最好的做法是再做一層更詳細說明頁，換句話說，就是銷售頁。

透過銷售頁可以讓你的受眾更明白、更深入了解你想講什麼。

結論

Banner 在網路媒體佔著重要的環節，從以前到現在都需要固定客群銷售；而現在更能擴大的範圍行銷受眾客群又變多了。

回頭複習一下，製作 banner 所需的三大步驟：尺寸→風格→細節。

希望有在做 Banner 設計的人可以讓觀眾多看幾秒之後進而達到你想要的成交。

我最近正在寫有關「文字 LOGO 設計」相關主題，如果你有興趣的話，點擊以下連結看更多文章！

• 文字 LOGO 設計是什麼？文字 LOGO 設計真的可以影響人們？
• 文字 LOGO 如何製作以增強品牌形象？分享 10 個中英文 LOGO 設計技巧！
• 英文字的 LOGO 該怎麼設計？9 個思維一步步建立出讓人印象深刻的品牌
• 設計 LOGO 軟體有哪些?推薦 5 個我平常設計 LOGO 的軟體與平台