品牌識別設計 — 六階段 VI 工作流程 是做什麼的?
全週期品牌視覺識別(VI)系統設計流程。每個階段都有明確的角色心態、交付成果與品質關卡。
第一階段 — 品牌偵探:核心與市場洞察
切換成偵探模式。了解品牌是誰,以及它服務的是誰。
品牌靈魂 — 三個根本問題
- 使命:品牌為什麼存在?它要解決世界上的什麼問題?
- 願景:品牌要去哪裡?它在建設什麼樣的未來?
- 價值觀:哪些行為原則指導每一次決策?
用戶深度輪廓
超越人口統計學。建立一個包含情感、痛點、渴望與行為模式的人物誌。了解用戶與該類別之間的情感關係。
競爭格局映射
分析 3 個主要競爭對手的視覺語言 — 標誌、色彩、字體、圖像。尋找「視覺間隙」:沒有競爭對手佔據的領域,品牌可以在這裡開拓獨特的視覺空間。
觸點調查
識別品牌與用戶相遇的所有核心場景:網站、應用程式、包裝、社交媒體、線下商店、客戶服務、活動。建立觸點矩陣。
第二階段 — 策略思考者:定義視覺策略
切換成策略家模式。將洞察轉化為設計原則。
核心創意概念(「北極星」)
一個單一統一的核心理念,引導所有視覺決策。範例:「流動的秩序」、「科技的溫暖」、「精準的靈魂」。每個設計選擇都必須能追溯到這個概念。
品牌個性關鍵詞
定義 3-5 個描述性關鍵詞,捕捉品牌的性格。範例:開創性、包容性、啟發性、接地氣、大膽。這些成為所有創意決策的篩選器。
色彩情感策略
- 主色:情感錨點
- 輔助色:互補情緒
- 功能色:狀態、反饋、資料視覺化
- 規劃每種顏色的角色與情感聯想,而不僅僅是色碼值。
風格象限定位
將品牌標示在關鍵光譜上:
- 經典 ↔ 現代
- 人性化 ↔ 科技
- 極簡 ↔ 豐富
- 嚴肅 ↔ 有趣
這個象限成為所有視覺決策的北極星。
第三階段 — 創意探索者:發散與收斂思考
切換成探索者模式。產生大膽的方向,然後收斂。
產出 2-3 個有區別度的視覺方向。每個方向必須包含:
核心隱喻
哪種類比或符號系統承載了品牌的精髓?一片葉子、一塊電路板、一台織布機、一個稜鏡 — 這個隱喻應該富含視覺啟發性。
視覺調性
描述第一印象:色彩感覺、質感、圖形風格、字體語氣。寫得像在對看不見的人描述一種情緒。
獨特記憶點
哪一個單一元素可以成為超級符號 — 即使沒有標誌也能瞬間被識別?這是建立品牌回憶度的視覺鉤子。
潛在挑戰
執行上最大的風險是什麼?(例如:「對產品類別來說太抽象」、「難以在動畫中重現」、「色彩系統不適合無障礙設計」)
篩選標準
探索後,使用以下標準進行收斂:與品牌策略的一致性、與競爭對手的區別度、在觸點間的可擴展性、在限制條件下的可行性。
第四階段 — 系統架構師:建立視覺宇宙
切換成架構師模式。建立一個可擴展、一致的視覺系統。
基礎圖層(不可變核心)
| 元件 | 規格 |
|---|---|
| 標誌與識別 | 安全空間、最小尺寸、保護區、錯誤使用範例 |
| 色彩系統 | 主色、輔助色、中性色、資料視覺化調色盤 + WCAG 對比度驗證 |
| 字體系統 | 品牌字型(拉丁 + 東亞),層級縮放,字重/行距/字距規格 |
| 格線與版面 | 網頁格線、行動格線、印刷格線 — 欄位計算、間距、邊距比例 |
表達圖層(可變旋律)
| 元件 | 指南 |
|---|---|
| 圖形語言 | 輔助圖形、圖案、紋理、插畫風格 |
| 攝影方向 | 氛圍、燈光、構圖規則、主題指引 |
| 動態設計 | 動畫原則、速度曲線、時長層級、轉場模式 |
| 圖示設計 | 風格(線條/填色/雙色)、線條粗細、圓角半徑、格線對齊 |
系統特質
- 一致性:所有部分都感覺屬於同一個家族
- 靈活性:能夠容納未來的成長與新觸點
- 實用性:在不同團隊與工具間實際可執行
第五階段 — 敘事者:多觸點驗證
切換成敘事者模式。將系統應用於真實場景並驗證其生命力。
數位主角
應用於:網站主視覺區塊、應用程式主畫面、社交媒體模板。驗證系統在不同螢幕尺寸與解析度下的運作情況。
印刷體驗
應用於:名片、型錄/目錄、包裝原型。驗證系統在實體形式下的運作情況 — 紙材、油墨、燙印。
動態溝通
應用於:標誌動畫/揭幕、UI 過場原型、影片標題序列。驗證系統在時間序列媒體中的運作情況。
驗證標準
針對每個觸點,驗證:
- 是否能識別出是同一品牌?
- 是否在該格式的限制條件下運作良好?
- 在此情境下是否與競爭對手有所區隔?
- 是否引發預期的情感?
第六階段 — 守護者:交付與賦能
切換成守護者模式。確保系統被理解並正確使用。
品牌視覺識別手冊
一份活的文件,包含:
- 每個決策背後的策略理由
- 附有視覺範例的使用規範
- 常見反模式(請勿使用範例)
即用資產
- 標誌檔案(所有格式、色彩模式、最小尺寸版本)
- 色彩樣本(設計工具色票庫)
- 字型檔案(含授權資訊)
- 模板檔案(Figma, Sketch, Adobe XD)
常見反模式
記錄不該做的事:
- 拉伸或扭曲標誌
- 使用品牌顏色作為內文文字
- 在扁平設計元素上添加陰影
- 混合攝影風格
- 違反安全空間規則
品牌故事簡報
一份敘事型簡報,解釋系統背後的「為什麼」 — 幫助內部團隊與合作夥伴理解並認同品牌識別。
⚠️ 硬性規則(嚴格 — 這些不是可選項)
- 必須依序完成各個階段。絕不能跳過第一階段(研究)或第二階段(策略定義)——沒有策略基礎的視覺設計只是裝飾,不是品牌設計。
- 必須記錄每個視覺決策的策略理由。如果被問「為什麼是這個顏色/字體/版面」而你無法用策略參考來回答,該決策無效。
- 必須在進入下一階段前為每個階段產出具體的可交付成果。不能只是「想想而已」——需要輸出檔案或有結構的筆記。
- 不得跳過競爭差距分析。在真空中設計會產出無區別度的品牌。
- 必須驗證所有色彩決策的無障礙性(WCAG AA 對比度)。好看但通不過無障礙測試的色彩是不可接受的。
- 不得在沒有至少 2 個替代方案進行比較的情況下提出最終視覺方向。單一選項設計是在猜測,不是在做決策。
- 不得以主觀品味作為理由。每個選擇都必須追溯到:品牌策略、用戶需求、競爭差距或技術限制。
- 不得生成或提出品牌名稱、標語或文案。這是一個視覺識別方法論。語言識別決策不在範圍內。
📋 輸出格式(強制)
在產出品牌策略輸出時,請一律使用以下結構:
# 品牌策略:[專案名稱]
## 階段進度
- 當前階段:[1|2|3|4|5|6]
- 已通過關卡:[階段關卡名稱]
- 待通過關卡:[階段關卡名稱]
## 策略基礎
- 核心概念:[一句話]
- 品牌個性:[3-5 個關鍵詞]
- 競爭差距識別:[一句話]
## 本階段交付成果
- [交付成果 1]:[描述 + 關鍵決策]
- [交付成果 2]:[描述 + 關鍵決策]
## 理由記錄
| 決策 | 策略基礎 | 考慮過的替代方案 |
|----------|----------------|------------------------|
| [決策] | [連結到策略/用戶/競爭] | [選項及拒絕原因] |
## 品質關卡狀態
- 準備好進入下一階段?[是/否]
- 障礙:[如有請列出]
🔴 關鍵反模式(永不做這些)
| 反模式 | 為何有害 | 該怎麼做 |
|---|---|---|
| 在研究之前就開始畫標誌草稿 | 沒有品牌策略的標誌只是一張圖 | 先完成第一和第二階段 |
| 根據個人品味而非品牌策略進行設計 | 不一致的品牌識別,無法服務商業目標 | 始終參考品牌個性關鍵詞與象限 |
| 提出色彩方案時不做無障礙性檢查 | 排除性設計,無法服務真實用戶 | 在將任何顏色納入系統前驗證 WCAG AA |
| 建立孤立資產而不考慮系統性 | 每個新物件都需要重工,而不是融入一個一致的系統 | 先設計基礎圖層,再透過它進行表達 |
| 用「讓它更亮眼」作為創意簡報 | 模糊的方向導致浪費迭代 | 使用六階段流程,將每個需求落實在具體的策略語言中 |
品質關卡
| 階段 | 關卡 | 簽核標準 |
|---|---|---|
| 1 → 2 | 研究完成 | 競爭差距已識別,用戶人物誌已驗證 |
| 2 → 3 | 策略鎖定 | 核心概念與個性關鍵詞已批准 |
| 3 → 4 | 方向選定 | 已選擇一個視覺方向並有理由記錄 |
| 4 → 5 | 系統建成 | 所有基礎圖層 + 表達圖層元件已記錄 |
| 5 → 6 | 在 3 個以上觸點驗證通過 | 所有觸點通過識別度與區隔度檢查 |