
Banner又名廣告橫幅,是一般網站或App裡常見的物件,通常由圖片、文字、網址連結組成,位在網站顯眼的位置,可以想像是實體報紙的廣告版位或公車捷運站的燈箱廣告,但Banner又不限於商業廣告的曝光,小悶個人定義:
Banner是一個顯眼的區塊或版位,提供展示重要資訊和特別推薦的內容,讓使用者一進到網站或開啟App就可看到。
不同產業特性的Banner也是五花八門。新聞網站是當下焦點新聞,航空公司、旅行社會放近期推薦的行程和特惠機票,電商網站則主打最新降價商品和優惠活動。雖然Banner顯示的內容和尺寸樣式都不相同,但主要功能其實都差不多。

一般常見Banner的開發規格,可能就是準備一張圖片和點擊Banner的超連結網址,但本篇筆記希望詳細一點,以科技資訊網站INSIDE 的燈箱型Banner為例,可以先參考以下幾個方向,之後我也會試著補充個人經驗,若大家未來實際規劃Banner時,可以再依狀況調整。
- Banner的尺寸大小很重要!
- Banner設計交給專業的來!
- Banner欄位和素材並不多,就是圖片+文案+連結
- 輪播!輪播!再輪播的Banner!
- Banner除了輪播還要考慮什麼互動效果?
- 請給行銷或企劃一個上Banner的平台 (跪)
- Banner成效追蹤,關於錢的事情都很重要!
- Banner開發注意事項別忘記,免得被工程師揍XD
- 就來認真寫一個Banner的需求規格吧!
- 如何用Axure原型工具做出一個仿真Banner