Banner Design Rules_講義（圖文合併版）

圈點 CIRCORE

打造直覺明瞭的 Banner Banner Design Rules — 圖文完整講義（簡報＋詳解合一） ABCDE 方法論｜收錄 A・B・C 三章（D・E 為後續）

There is superior interpretation for everything. © 2026 team CIRCORE All rights reserved.

圈點有限公司

導讀｜這份簡報真正在講什麼

簡報 3：主題頁

這份簡報表面在教「怎麼做 Banner」，真正在講的是：一張看得懂的 Banner，不是設計出來的，是 「想清楚」之後的結果。

大多數品牌做溝通時，是站在「自己」的角度呼喊——就像第 8 頁那個塞滿話術的黑底範例：「我跟 你說…」「真的啦！我不騙你！」「你只要吃就知道了」。說了很多，但消費者一句都記不住。 CIRCORE 的 ABCDE，是一條把業主的「自我感覺」翻譯成「消費者直覺」的生產線。先想清楚 （A），再整理（B），最後送達（C）；之後才談收斂決策（D）與關係的確立（E）。

如何閱讀本講義 – 每節先放對應的簡報頁，下方接該頁的詳細說明，一份讀完不必對照兩個檔案。 – 亮色手法（每章前 3 個）：完整詳述，含「定義／怎麼做／用在 Banner」。 – 灰階手法（每章後 2 個）：此次先讓你「知道它存在」，暫不深入細講，僅保留一句定義作 為預告。

簡報 4：ABCDE 架構

簡報 5：五步驟 目標→包裝→溝通→決策→定案

簡報 6：ABCDE 框架說明

ABCDE 框架一覽 英文

中文

一句話定位

A

Aim

目標

先看清楚自己是誰、要往哪裡去

B

Branding

包裝 / 整合

把企業的堅持，整理成能被溝通的訊息

C

Communication

溝通

用消費者的語言，把訊息送到對的人面前

D

Decision

決策

收斂選項、拍板定方向（本次先不展開）

E

Engagement

定案／參與

讓消費者持續回來、產生消費或品牌依賴關係 （本次先不展開）

記憶點（雙關）：收尾頁的標語「A Better Brand Creates Daily Experiences／更好的品牌，創造每天 的體驗」，本身就是 ABCDE 的另一種展開——A・Better・Creates・Daily・Experiences。框架的 ABCDE 與標語的 ABCDE 互為記憶鉤，一句話就把整套方法論收進腦海。

E＝Engagement 的本意 把「Engagement」想成「簽約」這個動作——它不只是成交，而是品牌與消費者之間「信賴關係的 確立」。詼諧一點說，就像兩者的「結婚」：從這一刻起，關係從一次性買賣，變成長期的承諾與依 賴。

A — AIMING METHOD｜目標

簡報 7：A 章扉頁

簡報 8：A 章五個手法

投影片定義：精準自己的品牌定位確立，與消費者溝通的路線，所使用的 5 種手法。 這一章在解決的問題：還沒搞清楚自己，就急著喊話。Aim 是設計開始前的「歸零與對焦」——把主 觀慾望（什麼都想講）收掉，換成客觀的自我認識與可被衡量的目標。

A 章的 5 個手法 A-1 FOUR CALCULATIONS / 加減乘除 定義：用「加、減、乘、除」四種設計思維來盤點品牌特質，決定什麼要強化、什麼要捨棄。 怎麼做： – 加：補上缺的（缺的賣點、缺的證據）。 – 減：拿掉雜訊（第 8 頁那種「什麼都想說」就是該減的）。 – 乘：把既有優勢放大、做出綜效（強項 × 通路、強項 × 話題）。 – 除：去蕪存菁，找出「一句話就能代表品牌」的最大公因數。 用在 Banner：一張 Banner 通常只容得下一個訊息，「加減乘除」就是逼自己算出「那一個」解 答是什麼。

A-2 SCENARIO / 設立假說 定義：先對「消費者為什麼會買」立一個假設，再用後續手法去驗證，而不是憑感覺做。 怎麼做：寫出「誰，在什麼情境下，因為什麼理由，會選擇我們」這句假說；設計與文案都拿來 對照這句。 用在 Banner：Banner 的主視覺與標語，就是這個假說的「具象化測試」。

A-3 VISUAL / 圖像化 定義：把抽象的文案定位、感覺，轉成看得見的圖像／關鍵字／情緒板（mood board），讓團 隊與客戶對「方向」有共識。 怎麼做：用既有參考範例、色彩、字體、構圖，先把「想像的感覺」攤開來看，避免在製作過程 中失去方向。 用在 Banner：在動手排版前，先用圖像化對齊預定的風格座標。 A-4 QUALITATIVE / 定性情報

〔預告・本次不細講〕

定義：蒐集「說不出數字、但很關鍵」的質性資訊——廠商原話、使用情境、品牌氣質。

A-5 COMPARISON / 比較

〔預告・本次不細講〕

定義：把自己放進市場座標，與競品、與過去的自己比較，找出差異化的立足點。

簡報 9：A 章反例（未對焦＝噪音）

範例頁（第 8 頁）解讀：Aim 的反例 畫面左下手繪情境，右側黑底塞滿主觀話術：「上次吃過我覺得還好」「真的啦！我不騙你！」「你 只要吃就知道了」「其實我們的東西不輸給 XXX」。 論點：沒有對焦的溝通，就是一團噪音。消費者接收到的是「你很想賣」，而不是「這對我有什麼 好」。這正是為什麼需要 A 章的歸零與對焦——先把噪音消掉，才有訊號。

簡報 10：A 章三個產出

A 章的 3 個產出（5 手法收斂為 3 個成果） 1. 學習認識自己——找尋自身的特質，減少慾望。 2. 釐清經營狀態——訂立明確的商業（經營）目標。 3. 以數據分析——將視覺以理性角度分析。

簡報 11：A 章手法詳解（簡報版）

B — BRANDING METHOD｜包裝

簡報 12：B 章扉頁

簡報 13：B 章五個手法

投影片定義：建立品牌（製造、銷售）端與消費者溝通時，所使用的 5 種手法。

這一章在解決的問題：A 章對焦完，B 章負責「把企業內部的堅持，整理成對外可溝通的訊息」。重 點是整理與轉譯，不是美化。

B 章的 5 個手法 B-1 MAIN POINTS BALANCE / 天秤 定義：在「企業想說的」與「消費者想聽的」之間取得平衡，秤出真正該放上檯面的重點。 怎麼做：把所有賣點兩兩放上天秤，問「對消費者而言哪個更重」，排出優先序。 用在 Banner：決定 Banner 的主標與副標誰主誰從。

B-2 SPOTLIGHT / 聚光燈 定義：捨棄「全部都亮」，只用一束光打在最強的那個賣點上。 怎麼做：一個畫面一個主角；其餘元素退為背景、為主角服務。 用在 Banner：聚光燈＝視覺層級（visual hierarchy），讓眼睛一秒落在重點。

B-3 IMAGINATION / 想像力 定義：把功能性的訊息，轉成能觸發消費者想像的畫面或情境（賣的不是鑽頭，是牆上的洞）。 怎麼做：從「產品特性」推到「使用後的生活樣貌」，用後者當溝通素材。 用在 Banner：用情境圖／隱喻，讓人「腦補」出與自己的關聯。 B-4 TRANSLATION MACHINE / 翻譯

〔預告・本次不細講〕

定義：把專業術語、製程、規格，翻成消費者聽得懂的好處。 例：「採用 OO 製程」→「久泡不爛」。

B-5 MAGNIFIER / 放大鏡

〔預告・本次不細講〕

定義：放大最值得被看見的細節／證據（職人手作、原料、數據），把抽象信任變成具體可見。

簡報 14：B 章三個產出

B 章的 3 個產出（也是 B 章的工作流程） 1. 會議／溝通——找尋出企業端的堅持與理念。 2. 企畫／整理——以既定的需求構築溝通方法。 3. 設計／創作——將明確訊息內容投影出意象。 流程：先以會議挖出理念 → 再以企劃整理成方法 → 最後以設計把訊息變成畫面。

簡報 15：B 章手法詳解（簡報版）

C — COMMUNICATION METHOD｜溝通

簡報 16：C 章扉頁

簡報 17：C 章五個手法

投影片定義：（未來）品牌形象與設計師、消費者溝通時，所需要的 5 種手法。

這一章在解決的問題：訊息整理好了，C 章負責「送達」——用消費者的語言、在對的環境、用對的 節奏，把訊息變成行動。

C 章的 5 個手法 C-1 IDENTIFY COLOR / 品牌色（企業色） 定義：用明確表達本次主題的色彩系統，讓品牌在任何接觸點都能被一眼認出。 怎麼做：先定主色與輔色，並讓它在 Banner、包裝、社群維持一致；色彩本身就是訊息。 用在 Banner：固定的主色＝最低成本的品牌識別。

C-2 MAIN IMAGE / 形象 定義：建立可重複使用的主視覺／代表性畫面，累積記憶點。 怎麼做：選定一個能代表品牌的核心畫面（人物、場景、產品角度），重複使用、持續累積。 用在 Banner：同一主視覺反覆出現，讓消費者「看一眼就知道是你」。

C-3 CORPORATION STORY / 品牌故事 定義：用故事承載價值，讓消費者「認同」而不只是「知道」。 怎麼做：把品牌的起源、堅持、理由，濃縮成一句可被記住、可被轉述的故事線。 用在 Banner：Banner 上一句故事感的標語，勝過十個功能條列。 C-4 SKILL / 技術

〔預告・本次不細講〕

定義：把技術力／專業度，當成可信任的溝通素材。

C-5 PROMOTION / 宣傳計畫

〔預告・本次不細講〕

定義：規劃投放的節奏與通路，讓訊息在對的時間出現在對的地方。

簡報 18：常見品牌／視覺重建分析流程

第 15 頁：常見品牌／視覺重建分析流程 這頁列出業界常用的分析框架——SWOT、PEST、STP、4P／7P／4C，並以淡背景帶出 「ANALYSIS → DESIGN → BRANDING」的流程感：先分析、再設計、最後形成品牌。

簡報 19：C 章三個產出

C 章的 3 個產出（附白話與例子） 1. 分析／規劃——根據條件反射而構成消費。 白話：先搞懂消費者「看到什麼會自動聯想到購買」。 例：看到紅底金字，會聯想到喜慶與促銷；看到大地色與留白，會聯想到天然、質感。

2. 強化／誘因——周邊環境所造成的消費行為。 白話：用陳列、優惠、場景等環境因素推一把。 例：限時倒數、買一送一、結帳動線旁的小物，都是環境誘因。

3. 宣傳／展銷——依據品牌信譽於演化的消費。 白話：靠累積的品牌信譽，讓老客戶自然回購。 例：常態會員日、熟客口碑推薦，讓回購不需要每次重新說服。

簡報 20：C 章手法詳解（簡報版）

STP 三步驟 STP 把「找定位」拆成三步：S 市場區隔（Segmentation） → T 設定目標（Targeting） → P 確立 定位（Positioning）。

簡報 21：STP 三步驟

簡報 22：分析框架速查

分析框架速查（各 2–3 句＋小例） SWOT 優勢 / 劣勢 / 機會 / 威脅。盤點內部（強弱）與外部（機危）。例：手作是優勢、產能有限 是劣勢、健康風潮是機會、連鎖低價是威脅。 PEST 政治 / 經濟 / 社會 / 技術。掃描大環境趨勢。例：食安法規（政）、原物料上漲（經）、養生 風潮（社）、電商物流成熟（技）。 STP 市場區隔 → 鎖定目標 → 確立定位。例：把市場依需求分群 → 鎖定「重視原料的上班族」 → 定位「無添加的日常點心」。 4P / 7P / 4C 行銷組合。4P：產品、價格、通路、推廣；服務業再加人員、流程、實體環境成 7P； 4C 改從消費者角度看：顧客價值、成本、便利、溝通。

收尾｜把方法論收回一句話 簡報 23：ABCDE 回顧

簡報 23：ABCDE 回顧標語

標語的雙關 A Better Brand Creates Daily Experiences （更好的品牌，創造每天的體驗）。 這句標語的字首正好是 A-B-C-D-E。框架（Aim／Branding／Communication／Decision／ Engagement）與標語（A／Better／Creates／Daily／Experiences）互相對應——一句話，就能想 起整套方法論。

顧客旅程漏斗 CR＝Customer Relationship（顧客關係）。

簡報 25：顧客旅程漏斗

簡報 26：顧客旅程說明

這張圖把顧客分成三個階段，對應品牌與顧客關係的深淺： 意義：Banner 與溝通要對應旅程的不同階段，說不同的話——陌生期講「認知」，轉換期講「誘因」， 回購期講「關係」。這也呼應 E＝Engagement：當關係從一次買賣升級為長期信賴（簽約／結婚）， 顧客才真正走到漏斗最深處。

附錄｜ABCDE 實作示意（示意級，真實案例 Baggage coffee x foca poca） 以下用一個活動 Banner 作示示意，純為說明原則。

改造前（未對焦） 滿版塞進：主題訊息、活動日期與時間、插畫訊息、色彩黏著、推薦文案……。資訊全擠在一起，路 人不容易找到單一重點，最終一個都記不住——這就是 A 章第 8 頁的反例。

套用 ABCDE 後 – A 目標：用加減乘除算出唯一主張——「活動訊息」。 – B 包裝：讓聚光光燈打在「TAIPEI BEST FRIEND DAY」、「05.09、05.10」等訊息，使用對 比色以及善用留白空間與背景色的方式放大鏡呈現明確的細節。 – C 溝通：用暖色輔助品牌角色，配上敘述文案「Fashion Pop-up ….」、以及淡化背景視覺。 結果：一張 Banner 一個重點，三公尺外一眼就能接收到主軸 —— 這就是「直覺明瞭」。

範例視覺：左）初始稿件、右)畫面及訊息強化

© 2026 team CIRCORE All rights reserved.

圈點有限公司