Banner / 廣告設計參考：20 個廣告資料庫、Banner 靈感與社群素材網站整理

快速答案：廣告設計參考要看訴求、視覺鉤子、CTA、版面節奏與投放情境。

Banner 和社群廣告不是單純把畫面做漂亮，而是要在很短時間內讓人理解「這是什麼、為什麼跟我有關、下一步要做什麼」。這篇整理 20 個 Banner / 廣告設計參考網站，包含日系 Banner 靈感庫、官方廣告資料庫、Ad spy、模板站與 Email campaign 參考；正文只引用研究表中已查證、截圖通過 QA 的 A/B 資源。

先看分類：廣告參考要拆用途

類型	代表資源	免費/付費	適合用途	授權注意
Banner 靈感庫	Bannnner、Banner Hiroba、Design Library	免費	日系 Banner、活動圖、促銷版型	只能拆版型與資訊層級，不能複製素材
官方廣告資料庫	Facebook Ads Library、Google Ads Transparency Center、TikTok Creative Center	免費	實際投放素材、競品訴求、短影音廣告	素材會下架，且不代表可下載或重用
廣告案例與作品集	Ads of the World、Behance、Dribbble	免費 / Freemium	Campaign、品牌廣告、活動主視覺延展	作品權利屬原作者與品牌
Ad Spy / Swipe File	Foreplay、BigSpy、Minea、PiPiADS	Freemium	競品素材、社群廣告、電商短影音	完整功能多需付費，只作研究
模板與素材市集	Envato Elements、Creatopy、Pikbest	Freemium / 付費	Banner 模板、多尺寸延展、促銷圖	下載前需逐款確認商用授權
Email Campaign 參考	Mailcharts、Milled	免費 / Freemium	EDM、促銷信、CRM 素材	信件與品牌素材不可直接複製

看廣告素材時，先拆 6 件事

• 鉤子：第一眼讓人停下來的是價格、情境、問題，還是人物表情？
• 訴求：這張廣告主打折扣、功能、信任、限時，還是情緒？
• 層級：主標、產品、賣點、CTA、Logo 的順序是否清楚？
• 尺寸：同一概念在方形、橫幅、直式短影音是否有不同安排？
• 投放情境：Meta、Google、TikTok、EDM 的閱讀速度和版型不一樣。
• 授權：廣告資料庫只能研究，不能把別人的素材拿回來用。

20 個 Banner / 廣告設計參考網站推薦

1. Bannnner

官方網站。大量 Banner 案例可快速拆資訊層級、標題比例與視覺鉤子

• 價格型態：免費
• 適合用途：日系 Banner、促銷圖、活動視覺、社群廣告
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；案例含品牌與人物素材；不可直接複製或套版

2. Banner Hiroba

官方網站。適合研究日系促銷圖如何安排價格、標題與產品焦點

• 價格型態：免費
• 適合用途：電商 Banner、活動圖、促銷價格、日系版型
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；案例多為既有商業素材；不可拿圖或人物直接使用

3. Facebook Ads Library

官方網站。能看到實際投放素材，適合分析廣告創意和版面策略

• 價格型態：免費
• 適合用途：Meta 廣告、競品觀察、社群投放素材、訴求拆解
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；素材會下架；不同地區結果不同；不能把廣告素材當素材庫

4. Google Ads Transparency Center

官方網站。適合觀察品牌在 Google 生態的廣告呈現與投放訴求

• 價格型態：免費
• 適合用途：Google 廣告、搜尋/展示投放、品牌素材觀察
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；需設定廣告主或搜尋條件；素材只供透明度與參考

5. TikTok Creative Center

官方網站。適合拆短影音廣告前 3 秒鉤子、字幕與行動呼籲

• 價格型態：免費
• 適合用途：短影音廣告、Top Ads、社群素材節奏、影片鉤子
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；地區與語言會影響結果；影片素材不可下載重用

6. Ads of the World

官方網站。老牌廣告案例庫，適合看創意概念如何轉成平面與系列素材

• 價格型態：Freemium
• 適合用途：品牌廣告、平面廣告、戶外廣告、Campaign 靈感
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；案例權利屬原品牌與創作者；不可直接挪用圖像

7. Design Library

官方網站。分類乾淨，適合找日系活動頁與廣告圖的視覺語氣

• 價格型態：免費
• 適合用途：日系平面、Banner、活動視覺、品牌案例
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；以日文案例為主；不可直接使用作品圖像

8. Dribbble

官方網站。能快速找不同設計師對廣告視覺的表現方式

• 價格型態：Freemium
• 適合用途：Banner、社群廣告、活動視覺、UI 宣傳圖
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；單張作品偏展示效果；商用需重新設計與授權素材

9. Behance

官方網站。適合看一組活動素材如何從主視覺延伸到不同尺寸

• 價格型態：Freemium
• 適合用途：完整 campaign、品牌廣告、活動主視覺、Banner 系列
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；部分內容需登入；不可直接挪用作品素材

10. Pinterest

官方網站。適合快速收集廣告版型方向，但要回查原始來源

• 價格型態：免費
• 適合用途：Banner moodboard、社群圖、促銷版型、配色方向
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；來源需追溯；圖片不能直接當商用素材

11. Designspiration

官方網站。適合從視覺關聯延伸廣告配色與構圖方向

• 價格型態：Freemium
• 適合用途：廣告構圖、色彩、海報與社群視覺靈感
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；完整功能需帳號；來源與授權需自行確認

12. Envato Elements

官方網站。適合正式商案找可授權模板，再依品牌重做視覺

• 價格型態：付費
• 適合用途：廣告模板、社群素材、Banner、影片素材、簡報圖
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；需訂閱；專案註冊與授權範圍要照平台規則

13. Foreplay

官方網站。適合建立廣告 swipe file，拆競品訴求與素材節奏

• 價格型態：Freemium
• 適合用途：Facebook/TikTok ad swipe file、UGC 廣告、競品素材
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；完整功能需付費；素材只供研究，不是素材授權

14. BigSpy

官方網站。適合快速看不同平台廣告素材與投放方向

• 價格型態：Freemium
• 適合用途：多平台廣告搜尋、競品投放觀察、素材趨勢
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；完整搜尋與篩選需付費；資料覆蓋依平台而定

15. Minea

官方網站。適合電商與商品廣告拆素材角度和賣點呈現

• 價格型態：Freemium
• 適合用途：電商廣告、商品素材、競品觀察、短影音廣告
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；偏 dropshipping/電商；完整功能需付費

16. PiPiADS

官方網站。適合分析 TikTok 廣告縮圖、字幕、Hook 與商品展示方式

• 價格型態：Freemium
• 適合用途：TikTok ads、短影音廣告、商品素材、創意搜尋
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；完整功能需付費；素材不可直接重用

17. Creatopy Templates

官方網站。適合看廣告模板如何延展多尺寸與保持品牌一致性

• 價格型態：Freemium
• 適合用途：Display ads、社群廣告、品牌廣告模板、尺寸延展
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；模板與平台功能授權需依方案確認

18. Mailcharts

官方網站。適合看電商活動素材如何從廣告延伸到 Email/SMS

• 價格型態：Freemium
• 適合用途：Email campaign、SMS、電商促銷、CRM 素材
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；完整資料需付費；信件素材不可直接重用

19. Milled

官方網站。可搜尋大量品牌 Email，適合補活動主視覺與促銷文案參考

• 價格型態：免費
• 適合用途：品牌 EDM、促銷信、商品活動、Email 視覺
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；不同品牌信件權利屬原品牌；不可直接複製

20. Pikbest Banner Templates

官方網站。模板量大，適合看常見促銷 Banner 的資訊排列方式

• 價格型態：Freemium
• 適合用途：促銷 Banner、節慶活動圖、電商素材、模板方向
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；免費/付費素材授權不同；下載前需逐項確認

怎麼把參考變成自己的 Banner？

先不要從顏色和裝飾開始，先寫出廣告任務：受眾是誰、主訴求是什麼、要點擊還是記住品牌。接著挑 3 張參考拆版型，把它們轉成自己的資訊層級草圖，再放入已授權的照片、插圖、字體和品牌元素。最後用不同尺寸測試，確保標題和 CTA 在小尺寸也清楚。

站內延伸資源

• 平面設計靈感：找廣告視覺與版型前可先建立 moodboard。
• 社群創作者設計資源：搭配社群貼文與素材工具使用。
• 社群貼文設計素材：後續可延伸到貼文模板與尺寸整理。

FAQ

Banner 設計參考去哪找？

如果要看 Banner 版型，可以先看 Bannnner、Banner Hiroba、Design Library；如果要看實際投放，可以看 Facebook Ads Library、Google Ads Transparency Center 和 TikTok Creative Center。

廣告資料庫可以拿來做設計參考嗎？

可以，但只能用來研究訴求、鉤子、CTA、版面和投放情境。資料庫裡的圖片、影片、Logo、人物和文案都不等於可商用素材。

Banner 尺寸要怎麼選？

先看投放平台和版位。社群常見方形、直式和限動尺寸；Display ad 常見橫幅與多尺寸延展。設計時要先確保小尺寸標題、產品和 CTA 仍然可讀。

促銷圖怎麼避免太亂？

只保留一個主訴求，讓價格、產品或優惠其中一個成為視覺焦點。次要資訊用較小字級或分區處理，不要讓每個元素都在搶第一眼。

可以參考競品廣告嗎？

可以分析，但不要複製。比較好的做法是拆競品如何說服使用者，再回到自己的產品優勢、品牌語氣和授權素材重新設計。