Banner設計的五個關鍵：尺寸、層級、文案與投放前檢查

banner 設計和一般平面設計差在哪

banner 設計是為橫幅版位製作廣告素材的工作，特點是尺寸被平台限死、觀看時間極短、而且必須在周圍內容的干擾下被注意到。它和海報、DM 最大的差別，是設計者無法決定觀看距離與停留時間，只能假設對方隨時會滑走。

三個被限制死的條件

尺寸由平台規定、可用檔案大小有上限、周圍環境無法控制。這三件事在設計海報時都不存在，卻是 banner 每次都要面對的前提。接受限制再做設計，比先做好看的版面再硬塞進尺寸有效率得多。

為什麼不能直接縮小既有素材

把主視覺等比例縮到橫幅尺寸，最常見的結果是字太小、留白消失、重點被裁掉。橫幅是極端的長寬比，需要重新配置元素而不是縮放。已經有整套主視覺的話，正確做法是沿用色彩與字體規則、重排版面，活動主視覺的延伸應用有比較完整的說明。

常見的橫幅尺寸規格怎麼抓

橫幅尺寸不是自己決定的，要看投放的平台。Google 多媒體廣告聯播網有固定的規格清單，社群平台則各有自己的建議比例。實務做法是先確定要投哪些版位，把該平台的規格表列出來，再決定要做幾種比例。

先查平台的官方規格

各平台的支援尺寸與檔案大小上限會調整，設計前直接查官方文件最保險。Google Ads 的廣告素材規格說明列出了目前支援的尺寸與格式；產業標準面則可以參考 IAB 的版位規範。

三種比例先做，其他再延伸

大部分投放需求可以用三種比例覆蓋：橫式長條（適合頁首與頁尾）、方形（適合社群動態）、直式（適合限時動態與行動版側欄）。先把這三種做好，其餘尺寸多半能從中裁切延伸。

檔案大小會影響能不能投

橫幅設計常被忽略的一項是檔案大小上限。圖片過大在部分版位會直接被退件，動態素材更嚴格。輸出時要壓縮到規定範圍內，同時確認壓縮後文字邊緣沒有糊掉。實體印刷的橫幅另當別論，那要看場地尺寸與觀看距離，活動背板的規格與輸出有另外整理。

視覺層級：一兩秒內要讓人看到什麼

橫幅的視覺層級只需要三層：一個主標、一個支撐訊息、一個行動按鈕。主標要能單獨成立，拿掉其他元素也看得懂；支撐訊息負責補一個理由；按鈕負責告訴人下一步。多過三層，眼睛就得花時間分辨，而那點時間並不存在。

主標要能單獨成立

把 banner 遮住只留主標，如果還看得懂在賣什麼，層級就對了。看不懂的話，通常是把重點放在了圖片或副標上。字級的落差要拉開，主標和副標差不多大，等於沒有層級。

對比比字級更重要

橫幅常被放在有背景、有內容的環境裡，光靠字大是不夠的。深色背景配亮色文字、或在文字後方加一層遮罩，讓文字和環境分離。這件事在小尺寸版位上特別關鍵。

留白不是浪費

橫幅面積小，直覺會想把空間用滿，但塞滿的結果是每個元素都在互相競爭。留出邊界與元素之間的呼吸空間，主標反而更容易被看到。

文案怎麼寫才不會被略過

橫幅文案的長度上限，是能在一兩秒內讀完。主標控制在十個字上下，支撐訊息一句話，兩者加起來不超過二十五個字。寫不下代表想講的太多，該砍的是內容不是字級。

先寫完整句，再刪到剩骨架

直接寫短句容易變得空洞。有效的方法是先把完整的一段話寫出來，再逐步刪掉不影響理解的字。刪到不能再刪的那個版本，通常就是可以用的主標。

具體優於形容

「品質保證」「專業服務」這類形容詞不帶資訊，讀者看過就忘。換成具體的數字、期限或條件，例如免運門檻、優惠截止日、規格數字，記憶點會強很多。

不要在橫幅裡講完整個故事

橫幅的任務是換取一次點擊，不是完成銷售。細節留給落地頁，橫幅只負責讓人覺得值得點。這也是文宣類素材的通則，文宣設計的類型與規劃裡有更完整的取捨原則。

CTA 要做到什麼程度才會被點

CTA 要同時滿足三件事：看起來可以點、寫清楚點下去會發生什麼、以及有足夠的點擊面積。三者缺一，點擊率就會掉。最常見的問題是把 CTA 做成純文字，讀者根本沒意識到那是按鈕。

看起來要像按鈕

加上色塊背景、圓角或外框，讓它在視覺上和內文分離。顏色建議用品牌色系中對比最強的那一個，並且整組素材維持一致，讓人一眼就認得。

動詞開頭，講清楚結果

「了解更多」太模糊，「立即報名」「查看價格」「免費試算」則明確告知下一步。動詞開頭的寫法比名詞短語更容易被當成可執行的動作。

行動版的點擊面積

手機上的按鈕如果太小，會出現按不到或誤觸旁邊元素的情況。設計時要用實際尺寸預覽，不要只在電腦上放大檢視。

banner 改不動成效的時候，問題通常不在設計

客戶拿著成效不好的 banner 來，第一句話多半是「換個設計試試」。但我們看下來，最常見的原因不是版面，是這組素材在替一個模糊的訴求服務。

訴求沒定清楚，設計只能把模糊做得好看。與其一直換版本，不如先回答一個問題：點進去的人會看到什麼、你希望他做什麼。這題答清楚了，版面通常自己就浮出來了。

一組廣告banner 要做幾個版本

一次投放建議準備三到五個版本，差異放在主標訴求而不是配色。同一個訴求換顏色測不出什麼，換訴求才知道受眾在意的是價格、時效、還是功能。等訴求勝出之後，再針對它做視覺上的微調。

版本之間要有可比性

一次只改一個變因，否則無法判斷是哪一項造成差異。先測主標，再測 CTA 文案，最後才測視覺風格。三項一起改，結果無法歸因。

素材疲乏要準備替換

同一組素材投放一段時間後，成效通常會下滑。事先多做一到兩個備用版本，比等成效掉了才臨時趕件好得多。社群端的素材更新頻率更高，社群圖文設計那邊有各平台的節奏說明。

投放前的檢查清單

橫幅設計完成到上線之間，有六項值得逐一確認。這些多半不是設計問題，而是規格與環境問題，卻是實際造成素材被退件或效果打折的主因。

最後一項最常被忽略。橫幅講折扣、落地頁第一屏卻在講品牌故事，點進來的人會直接離開，這種落差再好的素材也救不回來。

banner 設計拚的是取捨，不是資訊量

橫幅的面積和時間都是固定的，能塞的東西有上限。尺寸規格、視覺層級、文案長度、CTA 明確度、投放前檢查，這五件事做到位，banner設計就有機會被看到並被點擊。

值得一提的是，橫幅廣告設計常被當成廣告設計裡最簡單的一項，實際上它的限制最多。面積小、時間短、環境不可控，三個條件疊在一起，能做的取捨反而最少。單張社群貼文的做法可以參考美編設計的實戰技巧，兩者的節奏並不相同。

反過來說，把所有想講的都放進去，通常是效果最差的做法。真正要決定的是留下哪一句話。

如果你有一檔活動或一組商品要投放，不確定要準備哪些尺寸、訴求怎麼分版本，歡迎帶著需求來聊聊，我們可以先幫你把版位清單和素材規格盤一遍。

→ 預約初步了解（免費，30 分鐘，先聊聊，不是談生意）

banner 設計常見問題