網頁設計總監
一套以情緒意圖為核心的視覺設計方向框架（溫暖/冷冽 × 活潑/平靜）。業界第一個根據網站「讓你感受到什麼」而非「外觀如何」來分類的設計參考系統。內含 48 個附註解的公開網站參考。
何時使用此技能
- 開始新網站專案時，在撰寫程式碼之前決定視覺方向
- 客戶說「我希望它感覺專業但溫暖」，而你需要將這句話轉化為具體的設計決策
- 你已有品牌定位（如 April Dunford 的定位理論、StoryBrand），需要將其對應到視覺語言
- 在設計方法之間做選擇（深色模式 vs 淺色模式、極簡 vs 豐富、編輯風格 vs 產品風格）
- 從與品牌情緒領域相符的參考資料中建立靈感板
- 當 AI 生成的設計看起來「樣板化」且缺乏意圖方向時
方法論基礎
來源：
- 情緒設計（Don Norman, 2004）—— 本能、行為、反思處理
- 品牌定位理論（April Dunford, "Obviously Awesome"）—— 競爭替代品決定視覺領域
- 色彩心理學研究 —— 暖/冷光譜與行為反應
- 網頁設計模式分析 —— 48 個公開網站分析，涵蓋 4 個情緒象限
- 12 個設計靈感平台的差距分析（Awwwards, Dribbble, Godly, Mobbin 等）
核心洞察：所有現有的設計靈感平台（Awwwards, Dribbble, Behance, Godly, Mobbin, SiteInspire, Lapa.ninja）都按視覺風格、產業、平台或顏色分類。沒有任何平台按情緒意圖分類。這就是缺口。一個「極簡暗色網站」可以是奢華的（Cartier），也可以是具威脅感的（CrowdStrike）—— 視覺風格相同，情緒效果卻相反。沒有意圖的風格只是裝飾。沒有風格的意圖只是線框。
情緒象限：
溫暖
(接近、信任)
|
溫暖+活潑 | 溫暖+平靜
(能量、愉悅) | (舒適、安全感)
|
活潑 --------+-------- 平靜
(動能、顛覆) | (克制、權威)
|
冷冽+活潑 | 冷冽+平靜
(創新、力量) | (奢華、獨家)
|
冷冽
(距離、精準)
為什麼這很重要：品牌定位決定了你在哪一個象限進行設計。兒童心理學家屬於溫暖+平靜。開發者工具屬於冷冽+活潑。用 Vercel 的美學來設計兒童心理學家的網站，是一種定位不匹配 —— 無論看起來多「乾淨」。
Claude 處理的 vs 你決定的
「Claude 選擇參考資料和模式。你驗證情緒契合度。」
| Claude 處理 | 你提供 |
|---|---|
| 將品牌定位對應到情緒象限 | 品牌價值、目標受眾、競爭替代品 |
| 從資料庫中選擇相關參考 | 直覺檢查：這個參考資料是否讓你的品牌有這種感覺？ |
| 提取設計模式（字體、間距、顏色、動態） | 預算和技術限制 |
| 生成設計方向文件，附帶理由 | 在開始編碼前對方向進行最終批准 |
| 標記定位不匹配（溫暖品牌 + 冷冽設計） | Claude 看不到的客戶脈絡 |
切記：參考資料庫是對話的起點，不是處方。最優秀的設計方向通常來自跨象限的元素組合，例如溫暖+平靜的色板搭配冷冽+活潑的字體。
此技能的功能
- 情緒定位 —— 將品牌定位對應到正確的情緒象限
- 參考選擇 —— 顯示 3-5 個符合目標感覺的附註解公開網站
- 模式提取 —— 識別創造每種情緒效果的具體設計機制
- 方向文件 —— 生成包含色板、字體、間距、動態和佈局決策的設計簡報
- 不匹配偵測 —— 標記設計選擇與品牌定位衝突的地方
- 跨象限混合 —— 引導有意地混合來自不同象限的元素
使用方法
為新網站取得設計方向
我正在為 [品牌/業務類型] 設計網站。
目標受眾：[誰]。
品牌感覺：[2-3 個情緒詞]。
競爭替代品：受眾原本會用什麼來取代這個品牌。
載入 web-design-director 技能。
為特定感覺尋找參考
我需要感覺 [情緒描述] 的網站參考。
不要 [想避免的風格]。這個品牌屬於 [產業]。
從資料庫中顯示 5 個附註解的參考。
根據品牌定位審查現有設計
這是我們目前的網站：[網址或截圖]。
我們的品牌定位是：[定位陳述]。
設計是否符合情緒意圖？哪些地方不一致？
使用說明
步驟 1：決定情緒象限
提出這些問題來定位品牌：
## 品牌情緒對應
**1. 訪客在最初 3 秒內應該感受到什麼？**
[ ] 安全、受歡迎、放鬆（→ 溫暖）
[ ] 印象深刻、好奇、被吸引（→ 冷冽）
**2. 網站的能量水平應該如何？**
[ ] 動態、向前推進、「事情正在發生」（→ 活潑）
[ ] 克制、寬敞、「慢慢來」（→ 平靜）
**3. 品牌與訪客的關係是什麼？**
[ ] 同儕/朋友/引導者（→ 溫暖）
[ ] 專家/權威/機構（→ 冷冽）
**4. 競爭替代品——人們會用什麼來取代？**
（這決定了你的視覺領域——你必須看起來與替代品不同）
象限決定：
| 組合 | 象限 | 標誌性感覺 |
|---|---|---|
| 溫暖 + 活潑 | 充滿活力的溫暖 | 「這令人興奮又友善」 |
| 溫暖 + 平靜 | 撫慰舒適 | 「我覺得安全且被理解」 |
| 冷冽 + 活潑 | 創新力量 | 「這尖端且嚴肅」 |
| 冷冽 + 平靜 | 精煉權威 | 「這高級且獨家」 |
步驟 2：從資料庫中選擇參考
從匹配的象限中選擇 3-5 個參考。針對每個參考，記錄：
- 是哪個具體的設計機制創造了情緒效果
- 哪個頁面/區塊最能展現它
- 哪些可以借鏡，哪些應該捨棄
跨象限混合規則：
- 從相鄰象限借用一個元素來製造對比（例如：冷冽+活潑的字體搭配溫暖+平靜的色板）
- 絕對不要從對角象限借用（例如：在溫暖+活潑的網站上使用冷冽+平靜的元素 = 混亂）
- 相鄰象限共享一個軸線：溫暖+平靜和溫暖+活潑共享溫暖；冷冽+平靜和冷冽+活潑共享精準
步驟 3：提取設計決策
針對每個設計維度，參考資料庫來做出具體選擇：
## 設計方向文件
**象限**：[溫暖+平靜 / 溫暖+活潑 / 冷冽+活潑 / 冷冽+平靜]
**主要參考**：[資料庫中的 3 個網站]
**跨象限點綴**：[如有，來自相鄰象限的 1 個元素]
### 色板
- **背景**：[具體顏色 + 使用該顏色的參考網站]
- **主要強調色**：[具體顏色 + 情緒理由]
- **文字**：[深/淺 + 對比度理由]
- **系統**：[單色 / 互補 / 類似]
### 字體
- **標題**：[襯線/無襯線/展示字體 + 粗細 + 具體字型建議]
- **內文**：[字型 + 大小 + 行高 + 來自參考的理由]
- **個性**：[字體對品牌傳達的訊息]
### 間距與佈局
- **密度**：[寬鬆/適中/緊湊 + 參考]
- **網格**：[欄數 + 最大寬度 + 理由]
- **留白**：[積極/平衡/極簡]
- **區塊節奏**：[交替/一致/漸進]
### 動態與互動
- **動畫風格**：[細膩/豐富/無 + 參考]
- **滾動行為**：[順暢/標準/視差]
- **懸停狀態**：[變換類型 + 時間]
- **頁面轉場**：[類型或無]
### 攝影與圖像
- **風格**：[攝影/插圖/抽象/混合]
- **情緒方向**：[參考極簡影像導演象限]
- **處理方式**：[全彩/調暗/雙色調/顆粒感]
### 佈局模式
- **首屏**：[滿版/置中/分割/純文字]
- **卡片**：[有邊框/無邊框/浮起/平面]
- **導航**：[頂部/側邊/極簡/隱藏]
步驟 4：針對定位進行驗證
在最終確定之前，進行不匹配檢查：
## 定位不匹配檢查
- [ ] 色彩溫度是否與品牌溫暖度相符？（溫暖品牌 = 暖色）
- [ ] 動畫水平是否與品牌能量相符？（平靜品牌 ≠ 強烈動畫）
- [ ] 字體是否與品牌權威水平相符？（活潑品牌 ≠ 全大寫無襯線字體）
- [ ] 目標受眾的訪客會感到受歡迎還是被威嚇？
- [ ] 這個設計看起來是否與競爭替代品不同？
- [ ] 這個設計在品牌最糟的日子（而非只有發佈日）是否依然適用？
參考資料庫 —— 48 個附註解的公開網站
溫暖 + 平靜 —— 撫慰舒適
「我感到安全且被理解」
此象限的網站使用：暖色色板、寬鬆間距、柔和圖像、親和字體、溫和轉場。它們優先考慮可讀性和情緒舒適，而非視覺衝擊。
| # | 網站 | 產業 | 關鍵設計機制 | 最佳研究頁面 | 反模式警告 |
|---|---|---|---|---|---|
| 1 | Headspace | 健康/冥想 | 圓角形狀 + 溫暖插圖 + 柔和色板。感覺像一個溫柔的擁抱。 | 首頁首屏 + 引導流程 | 插圖若未謹慎平衡，可能顯得幼稚 |
| 2 | Allbirds | 永續時尚 | 大地色調攝影 + 自然紋理 + 乾淨網格。產品優先但溫暖。 | 產品詳細頁 | 若缺乏個性，可能感覺太「生態企業」 |
| 3 | Wildling Shoes | 童鞋 | 自然攝影 + 溫暖中性色 + 有機流動。感覺像在森林散步。 | 首頁滾動敘事 | 容易在自然圖像中失去產品焦點 |
| 4 | Kinfolk | 生活風格編輯 | 字體主導 + 大量留白 + 溫暖攝影。沈靜自信。 | 文章版面 | 若內容單薄，可能感覺太空洞 |
| 5 | Cereal Magazine | 旅遊/設計 | 柔和暖色調 + 編輯網格 + 沈思圖像。步調緩慢。 | 旅遊指南 | 低對比可能影響可讀性 |
| 6 | Aesop | 美容/護膚 | 暖色調產品攝影 + 襯線字體 + 克制佈局。成熟的溫暖。 | 門市搜尋 + 產品頁面 | 在溫暖+平靜與冷冽+平靜之間遊走 |
| 7 | Everlane | 道德時尚 | 乾淨佈局 + 溫暖生活攝影 + 透明定價。誠實的溫暖。 | 「關於」頁面 + 工廠故事 | 透明訊息若過度，可能顯得說教 |
| 8 | Patagonia | 戶外/使命 | 大膽溫暖攝影 + 使命導向內容 + 編輯深度。行動主義溫暖。 | 環境故事 | 以行動主義為主的設計可能疏遠非行動主義者 |
| 9 | Nurture Life | 兒童餐飲 | 柔和粉彩 + 圓角 UI + 溫暖食物攝影。對家長友善。 | 餐點計劃頁面 | 粉彩濫用可能顯得「通用嬰兒品牌」 |
| 10 | Organic Basics | 永續必需品 | 中性色調 + 呼吸空間 + 極簡導航。平靜的商業。 | 產品分類頁 | 過於極簡可能感覺「沒什麼好看的」 |
| 11 | Ritual | 健康/補充劑 | 暖黃色強調色 + 乾淨佈局 + 科學溫度。透過透明創造信任。 | 成分溯源頁面 | 黃色強調若過度可能顯得冷漠 |
| 12 | Mejuri | 平價珠寶 | 溫暖生活攝影 + 柔和金色點綴 + 乾淨電商網格。可親近的奢華。 | 系列頁面 | 平衡奢華感與平價定價 |
跨象限模式：所有溫暖+平靜網站共享寬鬆的行高（1.6-1.8）、柔和/大地色系，以及以真實人類為主角的自然環境攝影。導航始終簡潔。動畫始終細膩。
溫暖 + 活潑 —— 充滿活力的溫暖
「這令人興奮又友善」
此象限的網站使用：大膽色彩、動態動畫、活潑插圖、充滿能量的字體、互動元素。它們感覺像一位熱情的朋友向你展示一些驚人的事物。
| # | 網站 | 產業 | 關鍵設計機制 | 最佳研究頁面 | 反模式警告 |
|---|---|---|---|---|---|
| 1 | Notion | 生產力工具 | 溫暖插圖 + 乾淨產品 UI + 友善微互動。有組織的熱情。 | 範本庫 + 首頁 | 插圖風格被大量模仿 —— 找到自己的風格 |
| 2 | Figma | 設計工具 | 鮮豔漸層 + 協作能量 + 大膽字體。設計優先但不冷漠。 | 社群/外掛頁面 | 漸層為主的設計很快過時 |
| 3 | Mailchimp | 電子郵件行銷 | 獨特插圖 + 溫暖品牌黃色 + 俏皮 UI。個性驅動。 | 首頁 + 定價頁 | 古怪的插圖風格需要強烈的品牌承諾 |
| 4 | Loom | 影片通訊 | 溫暖紫色 + 親和 UI + 產品導向動畫。科技感但不科技化。 | 產品演示區塊 | 紫色溫暖若過度飽和，可能顯得企業化 |
| 5 | Intercom | 客戶溝通 | 大膽色彩 + 對話式文案 + 動態佈局。友善權威。 | 產品導覽頁 | 大膽色板若缺乏留白紀律，可能壓倒一切 |
| 6 | Monday.com | 專案管理 | 鮮豔色板 + 俏皮圖示 + 充滿活力的佈局。有趣的生產力。 | 儀表板 + 功能頁 | 色彩過多可能失去焦點 |
| 7 | Duolingo | 語言學習 | 綠色吉祥物 + 遊戲化設計 + 歡樂動畫。學習變好玩。 | 學習路徑 + 成就 | 遊戲化元素可能讓學習感覺廉價 |
| 8 | Slack | 團隊通訊 | 彩虹色板 + 友善插圖 + 動態 UI。工作空間的溫暖。 | 首頁 + 整合頁 | 彩虹色板可能顯得雜亂無章 |
| 9 | InVision | 設計協作 | 鮮豔插圖 + 動態原型 + 設計社群能量。創作者溫暖。 | 首頁 + 資源 | 插圖若未更新，可能顯得過時 |
| 10 | Miro | 白板協作 | 輕鬆插圖 + 無限畫布 + 協作友善。創造空間的溫暖。 | 範本 + 合作 | 空白畫布最初可能讓人畏懼 |
| 11 | Calendly | 排程工具 | 溫暖青色 + 簡化 UI + 友善轉場。排程也溫暖。 | 首頁 + 設定流程 | 青色溫暖若使用不當，可能顯得冷漠 |
| 12 | Asana | 專案管理 | 目的性插圖 + 溫暖色板 + 清晰的產品溝通。生產力的溫暖。 | 專案時間軸 + 團隊 | 插圖可能削弱產品嚴肅性 |
跨象限模式：所有溫暖+活潑網站都使用中等到高飽和度的色彩、動態互動（懸停效果、微動畫），以及個人化或對話式的文案。插圖和圖標都很常見。
冷冽 + 活潑 —— 創新力量
「這尖端且嚴肅」
此象限的網站使用：高對比度、深色模式、粗獷字體、大膽影像、技術感 UI。它們感覺精準、強大且極具野心。
| # | 網站 | 產業 | 關鍵設計機制 | 最佳研究頁面 | 反模式警告 |
|---|---|---|---|---|---|
| 1 | Vercel | 雲端平台 | 極簡深色 UI + 幾何字體 + 技術色板。終極開發者美感。 | 首頁 + 部署流程 | 很多開發者工具在模仿這個 —— 需要差異化 |
| 2 | Stripe | 支付基礎設施 | 深色模式 + 簡約字體 + 技術圖表。嚴肅金融。 | 文件 + API 參考 | 深色模式若對比度不足，可能難以閱讀 |
| 3 | Linear | 專案追蹤 | 極簡深色 UI + 順暢動畫 + 鍵盤優先。開發者的高效能。 | 任務板 + 路線圖 | 極簡可能顯得功能不足 |
| 4 | Raycast | 開發者工具 | 深色+淺色模式 + 幾何字體 + 產品導向動畫。工具優先。 | 擴充頁 + 首頁 | 深色+淺色模式設計很困難 |
| 5 | PlanetScale | 資料庫 | 太空主題深色 UI + 動態圖形 + 技術內容。大型資料庫。 | 首頁 + 文件 | 太空主題可能與產品無關 |
| 6 | Railway | 基礎設施 | 簡約深色模式 + CLI 整合 + 技術敘事。新式開發者。 | 即時日誌 + 部署頁 | 過於技術可能嚇到非開發者 |
| 7 | Neon | 資料庫 | 動態深色 UI + 技術插圖 + 新式字體。現代 SQL。 | 比較頁 + 定價 | 動態設計可能導致加載時間長 |
| 8 | DeskPad | 螢幕控制 | 極簡深色 UI + 動畫 + 技術精準。工具優先。 | 功能頁 + 下載 | 極簡可能無法傳達所有功能 |
| 9 | Cron | 行事曆 | 深色模式 + 幾何字體 + 流暢互動。日曆變工具。 | 週視圖 + 首頁 | 深色行事曆可能難以看到約會 |
| 10 | Screenjar | 開發者支援 | 深色模式 + 俏皮深度 + 技術色板。支援變酷。 | 首頁 + 整合 | 俏皮可能削弱嚴肅的產品感覺 |
| 11 | Pieces | 開發者工具 | 深色 UI + 技術色板 + 區塊式設計。AI 驅動。 | 首頁 + 儲存庫 | 區塊式設計可能顯得通用 |
| 12 | Supabase | 開源資料庫 | 深色模式 + 開源徽章 + 技術內容。開發者友好的強大。 | 文件 + 比較頁 | 開源美學可能與企業產品衝突 |
跨象限模式：所有冷冽+活潑網站都使用深色模式（或高對比度淺色模式）、幾何或粗獷字體、技術色板（藍/綠/紫），以及流暢的微互動。內容通常以開發者為導向，功能優於形式。
冷冽 + 平靜 —— 精煉權威
「這高級且獨家」
此象限的網站使用：精簡排版、大量留白、極簡色板、奢華影像、克制動態。它們感覺昂貴、權威，且具博物館級水準。
| # | 網站 | 產業 | 關鍵設計機制 | 最佳研究頁面 | 反模式警告 |
|---|---|---|---|---|---|
| 1 | Apple | 科技/消費電子 | 極簡產品攝影 + 大量留白 + 精緻排版。產品即藝術。 | 產品頁 + 首頁 | 高標準難以維持 |
| 2 | Hermès | 奢侈時尚 | 展示級產品攝影 + 嚴謹網格 + 精準排版。系列即藝術。 | 系列頁 + 首頁 | 冰冷可能顯得無感 |
| 3 | Bang & Olufsen | 奢侈音響 | 極簡展示 + 深色背景 + 精確排版。產品即雕塑。 | 產品頁 + 故事 | 極簡可能無法顯示所有功能 |
| 4 | Monocle | 生活風格 | 編輯排版 + 克制色板 + 權威佈局。精煉的。 | 文章 + 商店 | 克制可能單調 |
| 5 | Muji | 極簡產品 | 空白的展示 + 自然色板 + 無品牌設計。產品即空無。 | 分類頁 + 首頁 | 空無可能無法傳達產品功能 |
| 6 | Rimowa | 奢侈行李箱 | 產品為主攝影 + 極簡色彩 + 鋁製美學。產品即承諾。 | 首頁 + 故事 | 鋁製美學可能顯得冷感 |
| 7 | Aēsop 美容 | 護膚/美容 | 實驗室級展示 + 藥學排版 + 克制佈局。護膚即科學。 | 產品頁 + 商店 | 科學感可能顯得疏離 |
| 8 | Loewe | 奢侈時尚 | 藝術展示 + 極簡色彩 + 粗獷排版。時尚即藝術。 | 系列頁 + 首頁 | 藝術感可能無法展示產品 |
| 9 | Gentle Monster | 設計眼鏡 | 藝術展覽空間 + 動態展示 + 極簡色板。眼鏡即藝術裝置。 | 首頁 + 系列 | 實驗性可能無法顯示眼鏡 |
| 10 | Sunspel | 奢侈服裝 | 乾淨產品攝影 + 自然色板 + 克制排版。服裝即傳承。 | 產品頁 + 故事 | 傳承可能顯得過時 |
| 11 | The Row | 奢侈時尚 | 極簡產品展示 + 大量留白 + 無主導色板。不張揚的奢華。 | 首頁 + 系列 | 不張揚可能感覺「奢華且不見」 |
| 12 | Merci | 概念店的 | 策展展示 + 溫暖色彩 + 編輯氛圍。策展即奢華。 | 首頁 + 系列 | 策展可能顯得混亂 |
跨象限模式：所有冷冽+平靜網站共享：嚴謹網格、大量留白、極簡色板（經常是黑/白/中性色）、產品為主攝影，以及極簡排版。動態總是細膩且具目的性。
進階技巧
跨象限混合
最有影響力的網站經常從相鄰象限借鑑元素來製造對比：
| 主要象限 | 可從此處借鑑 | 例子 |
|---|---|---|
| 溫暖+平靜 | 溫暖+活潑（色彩強調） | 寧靜的網站，搭配一個驚喜的暖色 CTA 按鈕 |
| 溫暖+活潑 | 冷冽+活潑（排版） | 友善的網站，使用大膽的無襯線字體標題 |
| 冷冽+活潑 | 冷冽+平靜（留白） | 強大的開發者工具網站，使用奢華的留白 |
| 冷冽+平靜 | 溫暖+平靜（圖像） | 奢侈品牌，使用溫暖的生活方式攝影 |
定位不匹配偵測
如果你看到以下情況，可能發生了定位不匹配：
- 溫暖品牌 + 冷冽設計：感覺不對。例如兒童產品使用深色 UI。
- 活潑品牌 + 平靜設計：感覺不對。例如新創公司使用博物館級的留白。
- 平靜品牌 + 活潑設計：感覺不對。例如心靈應用程式使用大膽的動畫。
- 冷冽品牌 + 溫暖設計：感覺不對。例如安全公司使用柔和粉彩。
這是深層的品牌問題：設計是品牌定位的視覺表現。
技能邊界
此技能專注於視覺設計方向和情緒定位。它不會：
- 撰寫 CSS。請使用 CSS 設計技能來處理實現。
- 創建完整的設計系統。使用設計系統技能來擴展方向。
- 選擇特定的字型。它會推薦級別（襯線 vs 無襯線、粗體 vs 輕體），但保留字型許可給設計師。
- 生成圖像。使用圖像生成技能來創建視覺資產。
- 進行使用者測試。模擬使用者的情緒反應，但真實測試仍由你進行。
來自 48 個參考網站的教訓
每個象限最常見的模式
| 設計維度 | 溫暖+平靜 | 溫暖+活潑 | 冷冽+活潑 | 冷冽+平靜 |
|---|---|---|---|---|
| 背景 | 奶油白/米色/大地色 | 白色/暖灰色 | 深色/深灰色 | 白色/淺灰色 |
| 強調色 | 赭色/陶土色/橄欖色 | 黃色/橘色/青綠色 | 藍色/紫色/青色 | 黑色/白色/金屬色 |
| 字體 | 襯線/暖無襯線 | 潦草/時髦無襯線 | 幾何無襯線 | 古典襯線/精簡無襯線 |
| 排版大小 | 平衡 | 動態 | 大膽 | 克制 |
| 行高 | 1.6-1.8 | 1.4-1.6 | 1.2-1.4 | 1.5-1.7 |
| 留白 | 寬鬆 | 動態 | 緊湊 | 寬敞 |
| 動畫 | 細膩 | 表達豐富 | 流暢 | 極簡 |
| 圖像 | 真實人類 + 自然 | 俏皮插圖 | 抽象/產品為主 | 展示級產品 |
黃金法則
「設計中的情緒不是風格的副產品 — 它是出發點。」
這 48 個網站中的每一個都是先從情緒意圖開始，然後選擇設計機制來創造該效果。參考資料庫是這種反向工程努力的結果。
常見問答
問：如果我的品牌跨越多個象限該怎麼辦？ 答： 很少品牌只屬於一個象限。關鍵是主導象限 — 你的品牌 70% 的時間在哪裡？使用該象限作為基礎，並從相鄰象限借鑑元素。
問：這些參考網站多久更新一次？ 答： 資料庫已建立，並計劃定期更新。你可以在你使用的平台（如 Claude Code、Cursor）上建議新網站進行審核。
問：錯誤的象限選擇會破壞品牌嗎？ 答： 是的，但並非無法挽回。一個在冷冽+平靜象限設計的溫暖品牌只會感覺不一致。找到正確的象限總是可以重新設計。本技能旨在早期捕捉這些不一致。
問：我如何為我的專案自訂此技能？ 答： 將你的品牌定位陳述、目標受眾資料和競爭分析添加到提示中。本技能將使用其框架來對應參考並生成方向。
版本歷史
- 1.0.0：初始版本，包含 48 個參考、4 個象限框架和完整的設計方向生成。
- 未來：計劃增加照片圖像指導的深度、使用者測試框架，以及與設計系統技能的整合。