Community影像github.com

品牌識別設計 — 六階段 VI 工作流程

端到端品牌視覺識別(VI)設計方法論,涵蓋從品牌靈魂探索到視覺識別系統建構及多觸點品牌手冊交付的六階段工作流程。覆蓋核心概念、標誌設計、色彩策略、字體排版、圖形語言及觸點應用。

品牌識別設計 — 六階段 VI 工作流程 是什麼?

這是一個完整的品牌視覺識別(VI)系統設計技能,採用結構化的六階段工作流程,從品牌偵查(研究)開始,依序經歷策略思考(定義視覺策略)、創意探索(發散與收斂)、系統建構(打造可擴展的視覺宇宙)、敘事驗證(多觸點實測),最後以守護者角色交付品牌手冊與資產。每個階段都有明確的角色心態、可交付成果與品質關卡,確保視覺設計具有戰略基礎而非單純裝飾。 該技能支援 Claude Code、Cursor 等 AI 代理人平台,特別適合設計品牌識別、VI 系統、標誌、品牌指南或品牌手冊時使用。其關鍵優勢在於強制順序執行(不可跳過研究與策略階段)、要求每個視覺決策都有戰略理由記錄、強制進行競爭差距分析與無障礙性檢查(WCAG AA),並禁止單一選項設計或主觀品味判斷。技能還包含嚴格的輸出格式模板、關鍵反模式列表與品質關卡簽核標準,確保設計成果一致且可追溯。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/not-narleeek/SKILLS/tree/HEAD/brand-identity-design

Installed? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

品牌識別設計 — 六階段 VI 工作流程 是做什麼的?

全週期品牌視覺識別(VI)系統設計流程。每個階段都有明確的角色心態、交付成果與品質關卡。


第一階段 — 品牌偵探:核心與市場洞察

切換成偵探模式。了解品牌是誰,以及它服務的是誰。

品牌靈魂 — 三個根本問題

  • 使命:品牌為什麼存在?它要解決世界上的什麼問題?
  • 願景:品牌要去哪裡?它在建設什麼樣的未來?
  • 價值觀:哪些行為原則指導每一次決策?

用戶深度輪廓

超越人口統計學。建立一個包含情感、痛點、渴望與行為模式的人物誌。了解用戶與該類別之間的情感關係。

競爭格局映射

分析 3 個主要競爭對手的視覺語言 — 標誌、色彩、字體、圖像。尋找「視覺間隙」:沒有競爭對手佔據的領域,品牌可以在這裡開拓獨特的視覺空間。

觸點調查

識別品牌與用戶相遇的所有核心場景:網站、應用程式、包裝、社交媒體、線下商店、客戶服務、活動。建立觸點矩陣。


第二階段 — 策略思考者:定義視覺策略

切換成策略家模式。將洞察轉化為設計原則。

核心創意概念(「北極星」)

一個單一統一的核心理念,引導所有視覺決策。範例:「流動的秩序」、「科技的溫暖」、「精準的靈魂」。每個設計選擇都必須能追溯到這個概念。

品牌個性關鍵詞

定義 3-5 個描述性關鍵詞,捕捉品牌的性格。範例:開創性、包容性、啟發性、接地氣、大膽。這些成為所有創意決策的篩選器。

色彩情感策略

  • 主色:情感錨點
  • 輔助色:互補情緒
  • 功能色:狀態、反饋、資料視覺化
  • 規劃每種顏色的角色與情感聯想,而不僅僅是色碼值。

風格象限定位

將品牌標示在關鍵光譜上:

  • 經典 ↔ 現代
  • 人性化 ↔ 科技
  • 極簡 ↔ 豐富
  • 嚴肅 ↔ 有趣

這個象限成為所有視覺決策的北極星。


第三階段 — 創意探索者:發散與收斂思考

切換成探索者模式。產生大膽的方向,然後收斂。

產出 2-3 個有區別度的視覺方向。每個方向必須包含:

核心隱喻

哪種類比或符號系統承載了品牌的精髓?一片葉子、一塊電路板、一台織布機、一個稜鏡 — 這個隱喻應該富含視覺啟發性。

視覺調性

描述第一印象:色彩感覺、質感、圖形風格、字體語氣。寫得像在對看不見的人描述一種情緒。

獨特記憶點

哪一個單一元素可以成為超級符號 — 即使沒有標誌也能瞬間被識別?這是建立品牌回憶度的視覺鉤子。

潛在挑戰

執行上最大的風險是什麼?(例如:「對產品類別來說太抽象」、「難以在動畫中重現」、「色彩系統不適合無障礙設計」)

篩選標準

探索後,使用以下標準進行收斂:與品牌策略的一致性、與競爭對手的區別度、在觸點間的可擴展性、在限制條件下的可行性。


第四階段 — 系統架構師:建立視覺宇宙

切換成架構師模式。建立一個可擴展、一致的視覺系統。

基礎圖層(不可變核心)

元件規格
標誌與識別安全空間、最小尺寸、保護區、錯誤使用範例
色彩系統主色、輔助色、中性色、資料視覺化調色盤 + WCAG 對比度驗證
字體系統品牌字型(拉丁 + 東亞),層級縮放,字重/行距/字距規格
格線與版面網頁格線、行動格線、印刷格線 — 欄位計算、間距、邊距比例

表達圖層(可變旋律)

元件指南
圖形語言輔助圖形、圖案、紋理、插畫風格
攝影方向氛圍、燈光、構圖規則、主題指引
動態設計動畫原則、速度曲線、時長層級、轉場模式
圖示設計風格(線條/填色/雙色)、線條粗細、圓角半徑、格線對齊

系統特質

  • 一致性:所有部分都感覺屬於同一個家族
  • 靈活性:能夠容納未來的成長與新觸點
  • 實用性:在不同團隊與工具間實際可執行

第五階段 — 敘事者:多觸點驗證

切換成敘事者模式。將系統應用於真實場景並驗證其生命力。

數位主角

應用於:網站主視覺區塊、應用程式主畫面、社交媒體模板。驗證系統在不同螢幕尺寸與解析度下的運作情況。

印刷體驗

應用於:名片、型錄/目錄、包裝原型。驗證系統在實體形式下的運作情況 — 紙材、油墨、燙印。

動態溝通

應用於:標誌動畫/揭幕、UI 過場原型、影片標題序列。驗證系統在時間序列媒體中的運作情況。

驗證標準

針對每個觸點,驗證:

  1. 是否能識別出是同一品牌?
  2. 是否在該格式的限制條件下運作良好?
  3. 在此情境下是否與競爭對手有所區隔?
  4. 是否引發預期的情感?

第六階段 — 守護者:交付與賦能

切換成守護者模式。確保系統被理解並正確使用。

品牌視覺識別手冊

一份活的文件,包含:

  • 每個決策背後的策略理由
  • 附有視覺範例的使用規範
  • 常見反模式(請勿使用範例)

即用資產

  • 標誌檔案(所有格式、色彩模式、最小尺寸版本)
  • 色彩樣本(設計工具色票庫)
  • 字型檔案(含授權資訊)
  • 模板檔案(Figma, Sketch, Adobe XD)

常見反模式

記錄不該做的事:

  • 拉伸或扭曲標誌
  • 使用品牌顏色作為內文文字
  • 在扁平設計元素上添加陰影
  • 混合攝影風格
  • 違反安全空間規則

品牌故事簡報

一份敘事型簡報,解釋系統背後的「為什麼」 — 幫助內部團隊與合作夥伴理解並認同品牌識別。


⚠️ 硬性規則(嚴格 — 這些不是可選項)

  1. 必須依序完成各個階段。絕不能跳過第一階段(研究)或第二階段(策略定義)——沒有策略基礎的視覺設計只是裝飾,不是品牌設計。
  2. 必須記錄每個視覺決策的策略理由。如果被問「為什麼是這個顏色/字體/版面」而你無法用策略參考來回答,該決策無效。
  3. 必須在進入下一階段前為每個階段產出具體的可交付成果。不能只是「想想而已」——需要輸出檔案或有結構的筆記。
  4. 不得跳過競爭差距分析。在真空中設計會產出無區別度的品牌。
  5. 必須驗證所有色彩決策的無障礙性(WCAG AA 對比度)。好看但通不過無障礙測試的色彩是不可接受的。
  6. 不得在沒有至少 2 個替代方案進行比較的情況下提出最終視覺方向。單一選項設計是在猜測,不是在做決策。
  7. 不得以主觀品味作為理由。每個選擇都必須追溯到:品牌策略、用戶需求、競爭差距或技術限制。
  8. 不得生成或提出品牌名稱、標語或文案。這是一個視覺識別方法論。語言識別決策不在範圍內。

📋 輸出格式(強制)

在產出品牌策略輸出時,請一律使用以下結構:

# 品牌策略:[專案名稱]

## 階段進度
- 當前階段:[1|2|3|4|5|6]
- 已通過關卡:[階段關卡名稱]
- 待通過關卡:[階段關卡名稱]

## 策略基礎
- 核心概念:[一句話]
- 品牌個性:[3-5 個關鍵詞]
- 競爭差距識別:[一句話]

## 本階段交付成果
- [交付成果 1]:[描述 + 關鍵決策]
- [交付成果 2]:[描述 + 關鍵決策]

## 理由記錄
| 決策 | 策略基礎 | 考慮過的替代方案 |
|----------|----------------|------------------------|
| [決策] | [連結到策略/用戶/競爭] | [選項及拒絕原因] |

## 品質關卡狀態
- 準備好進入下一階段?[是/否]
- 障礙:[如有請列出]

🔴 關鍵反模式(永不做這些)

反模式為何有害該怎麼做
在研究之前就開始畫標誌草稿沒有品牌策略的標誌只是一張圖先完成第一和第二階段
根據個人品味而非品牌策略進行設計不一致的品牌識別,無法服務商業目標始終參考品牌個性關鍵詞與象限
提出色彩方案時不做無障礙性檢查排除性設計,無法服務真實用戶在將任何顏色納入系統前驗證 WCAG AA
建立孤立資產而不考慮系統性每個新物件都需要重工,而不是融入一個一致的系統先設計基礎圖層,再透過它進行表達
用「讓它更亮眼」作為創意簡報模糊的方向導致浪費迭代使用六階段流程,將每個需求落實在具體的策略語言中

品質關卡

階段關卡簽核標準
1 → 2研究完成競爭差距已識別,用戶人物誌已驗證
2 → 3策略鎖定核心概念與個性關鍵詞已批准
3 → 4方向選定已選擇一個視覺方向並有理由記錄
4 → 5系統建成所有基礎圖層 + 表達圖層元件已記錄
5 → 6在 3 個以上觸點驗證通過所有觸點通過識別度與區隔度檢查

相關技能