Banner 設計常面臨「時間短、尺寸小、訴求多」的三重壓力。如何在有限像素內最大化轉化？遵循這 8 大黃金法則，讓你的 Banner 從「被忽視」變「被點擊」。

法則一：主題單一，一眼秒懂

核心：一個 Banner 只傳達一個核心訊息。 廣告主常貪多求全，結果「什麼都想說 = 什麼都沒說清」。刪減干擾元素，讓產品/優惠/活動主題瞬間佔據視覺焦點。

法則二：關鍵文字極致突出

賣點即標題。若核心是「4.1 折起」，則「4.1折」必須最大、最醒目、最高對比度。次要資訊（品牌名、時間、條款）視覺降權。**技巧：眯眼測試——眯眼看 Banner，唯一能看清的文字，就是主視覺。**

法則三：順應閱讀重力，視線零負擔

符合「左→右、上→下」閱讀習慣。重要資訊置於視線起點（左上/正中），次要資訊順勢排布。**反面教材**：關鍵資訊藏在右下角、文字逆向排列、視線需跳躍尋找。

法則四：零延遲直擊慾望，拒絕花哨過場

用戶注意力窗口僅 2-3 秒。首幀即呈現核心利益點 + 產品實拍/核心功能演示。配合行動召喚動詞：「立即搶購」「領取優惠」「免費體驗」。動畫僅作引導視線、展示細節，非炫技展示。

法則五：色彩克制，舒適勝過刺眼

高飽和亮色雖搶眼，卻易引發視覺疲勞、廉價感、品牌調性偏離。**原則：主色調 ≤ 3 色，主色佔 60%，輔助色 30%，強調色 10%。** 背景留白/淡色，主體高對比，確保長時間投放不反感。

法則六：產品精選，拒絕堆砌陳列

Banner 尺寸極小（常見 300x250, 728x90, 320x50），放 4-10 款產品 = 每款 < 20px 寬 = 無法辨識。**策略：展示 1 款爆款/代表款 + 「更多款式」引導落地頁。** 案例 A（局部特寫+口號）完勝案例 B（全身圖堆砌）。

法則七：資訊層級平衡，視覺呼吸感

所有資訊都想搶 C 位 = 無焦點。建立清晰層級：

1. 主標/賣點（最大、最高對比）
2. 產品圖/核心視覺
3. 副標/補充說明
4. 品牌 Logo/行動按鈕
5. 細則/法律聲明（最小、最淡，置底）

各層級間留白 ≥ 8px，群組內留白 ≥ 4px。

法則八：留白是設計的氧氣

留白非浪費，是視覺呼吸空間。適度留白能：

• 提升主體辨識度
• 降低認知負荷
• 營造高級質感
• 引導視線流動

總結：Banner 設計 SOP 清單

1. ✅ 核心訊息單一，關鍵詞極大極醒目
2. ✅ 視線動線順暢，符合閱讀習慣
3. ✅ 首幀直擊利益點，拒絕無效動畫
4. ✅ 色彩克制 ≤3 色，主色 60% 法則
5. ✅ 產品精選 1 款，引導落地頁看更多
6. ✅ 資訊層級分明，留白呼吸感足
7. ✅ 品牌 Logo 適度露出，不搶主體戲
8. ✅ 多尺寸適配檢查（手機/桌面/投放位）

記住：優秀的 Banner 不在於「多漂亮」，在於「多有效」。 每一個像素都要為點擊率服務。