作者：前淘寶北京 UED 資深視覺設計師。從小愛畫畫、泥塑、電玩；畢業於北電動畫學院；15 歲組裝第一台電腦，16 歲學傳統動畫、CG；17 歲觸網建站 SixDogsNet，作品被《漫友》《大眾軟件》《HOPE》等刊物收錄；05 年後全職專注 GUI、Web 視覺交互設計，先後服務新浪 UC、貓撲、雅虎中國、淘寶網。

Banner 的核心使命：吸引關注，被點擊

Banner 如主食，支撐項目、公司、網站運轉，是新產品、活動呈現給用戶的首要途徑。核心使命：吸引用戶關注 → 被點擊。因此必須：主題明確、突出關鍵內容、有效抓住眼球。在有效吸引前提下，與頁面融為一體是最高境界。

反面教材：填鴨式 Banner

粗看賣服裝、39 元包郵 T 恤；細看：專注 17 年、新品上市、國貨……信息量過大，用戶無法聚焦核心。這是需求方常見通病——填鴨式 Banner。

正面範例：暴力直接的文案

「百張影票，明星道具 1 元拍」，文案給力直接，註釋「私藏張學友演唱會」等。目標群明確，簡單明了，輪播中極易被關注點擊。結論：Banner 設計初衷是被點擊，所有設計創意圍繞吸引用戶。簡潔有效文案需設計師理解需求並提煉，呈現結果必須有重點：一個核心內容 + 幾個圍繞說明 = 高成功率套路。設計師可控制文案質量，但拿到的往往不理想。

淘寶 Banner 需求流程

溝通消耗時間，初稿後跟進，隨經驗積累偏離核心與反覆修改減少。流程不一定適用所有公司，但量級達標後元素越多，為縱向管理。

字體規範

• 禁止未授權字體（字體公司會維權），禁用微軟雅黑，改用「方正蘭亭黑簡」達到相似效果。
• 單個 Banner 避免超過 2 種字體。
• 字體清晰好辨識為佳。
• 變形拉伸在保證品質前提下可有，但需符合需求風格。
• 風險梯隊：方正 > 微軟 > 倒閉字體公司 > 無版權字體。

圖片素材三注意

1. 清晰度辨識性：模糊圖片給人不精致感覺。
2. 卡通素材謹慎用：通常有版權，且需風格一致。保險、金融類嚴禁卡通人物（涉及錢、保障，卡通易給人不嚴謹感）。
3. 比例 1:1 伸縮：細微比例失調易給人山寨感。

傳承性：Banner 與落地頁一致

Banner 背後有推廣活動/站點/熱銷品支撐。點前看到美女、點進去賣鞋 → 欺騙感。Banner 需與主題內容有繼承性。

內部 Banner 規範產出物

標註極細，類似流水線。統一規範產出風格統一，長期更新保證質量。做半年項目後統計日常 Banner 數量，抽時間產出小規範，寫入理解總結，交接/新人上手省時。錯誤與正確對比更易理解。

淘寶 TMS：Banner 上傳管理系統

統一管理數據，嚴格限制各尺寸 KB 數（如大 Banner 不超 100kb），節省服務器空間。

實戰案例複盤

目標：推廣有遊戲點卡實物感覺。參考聚劃算規範（長方形圖片），加黑底、圓角圖形圈出點卡區域，營造實物圓角邊感覺。選《魔獸世界》大災變版本代表性圖片。考慮放置位置周圍環境，文字信息置下減少干擾。與運營多次商討優化文案，強制加支付寶 Logo（設計師覺得不好看但須從命）。最終完成設計。