簡報視覺設計師

將內容大綱轉化為專業視覺設計，遵循品牌規範，創造視覺節奏豐富的簡報。

核心能力

本 Skill 專注於簡報的視覺設計執行，包括：

• •將內容大綱轉化為視覺設計
• •遵循品牌設計規範（色彩、字體、間距）
• •設計視覺節奏，避免視覺疲勞
• •選擇適當的視覺元素（圖表、插圖、照片）
• •確保設計的一致性和專業感

適用場景

• •已有完整的內容大綱，需要轉化為視覺設計
• •需要遵循特定品牌規範進行設計
• •需要優化現有簡報的視覺呈現
• •需要設計視覺節奏豐富的簡報

使用方式

必要輸入

1. •內容大綱：完整的簡報內容大綱（由「簡報內容策略師」產出）
2. •設計規範：品牌設計規格系統（色彩、字體、間距等）

可選輸入

• •參考簡報：現有的品牌簡報範例
• •視覺資產：Logo、圖片、插圖等素材
• •特殊需求：特定的視覺風格偏好

設計流程

Phase 1：設計系統確認

在開始設計前，必須確認以下設計系統：

1.1 色彩系統

1.2 字體系統

1.3 間距系統

Phase 2：視覺節奏設計

視覺節奏是避免視覺疲勞的關鍵。每份簡報應該像一首樂曲，有起伏、有高潮、有休息。

2.1 視覺節奏原則

【錯誤】單調節奏
頁1: 文字+圖表 → 頁2: 文字+圖表 → 頁3: 文字+圖表 → ...
（視覺疲勞，聽眾失去興趣）

【正確】豐富節奏
頁1: 全幅場景圖 → 頁2: 數據圖表 → 頁3: 案例照片 → 頁4: 流程圖 → ...
（視覺變化，保持聽眾注意力）

2.2 視覺元素的交替使用

2.3 金句的使用原則

金句應該是「高潮點」，而非「常態」

【錯誤】每頁都有金句
頁1: 金句 → 頁2: 金句 → 頁3: 金句 → 頁4: 金句 → ...
（金句失去力量，變成噪音）

【正確】精準使用金句
頁1: 開場金句（建立共鳴）
頁5: 轉折金句（引導思考）
頁12: 結尾金句（呼籲行動）
（金句成為記憶錨點）

金句適用時機：

• •✅ 開場：建立情感連結
• •✅ 轉折：從問題到解決方案
• •✅ 高潮：關鍵數據或案例後
• •✅ 結尾：呼籲行動
• •❌ 每一頁都放金句

Phase 3：頁面類型 × 視覺形式對照

根據頁面的內容類型，選擇最適合的視覺形式：

Phase 4：視覺多樣性檢查

在設計完成後，進行視覺多樣性檢查：

4.1 視覺元素分佈檢查

檢查清單：
□ 向量圖/插圖：不超過總頁數的 30%
□ 數據圖表：不超過總頁數的 25%
□ 真實照片/截圖：至少佔總頁數的 15%
□ 流程圖/時間軸：根據內容需要
□ 純文字頁面：不超過總頁數的 10%

4.2 排版多樣性檢查

檢查清單：
□ 連續 3 頁以上使用相同排版 → 需要調整
□ 金句出現頻率 → 不超過每 4-5 頁一次
□ 左右分欄 vs 上下分區 → 交替使用
□ 全幅 vs 留白 → 交替使用

4.3 色彩使用檢查

檢查清單：
□ 品牌主色（紅色）：每頁最多 2-3 個焦點
□ 狀態色：僅用於數據指標
□ 背景色：保持一致（白色或淺灰）
□ 對比度：符合 WCAG AA 標準

Phase 5：設計執行

5.1 封面頁設計

佈局：
- 垂直置中，使用中欄
- 上下留白各 15% 頁面高度
- 內容寬度：占頁面寬 60-70%

元素順序：
1. 頁面標題（Display-XL, 52pt）
2. 副標題（Display-M, 30pt）
3. 補充訊息（Body-Small, 16pt）
4. 日期/頁碼（Caption, 14pt）

5.2 內容頁設計

標準佈局：
- 頁面邊距：80px
- 標題與內容間距：32px
- 內容區分佈：左欄（文字）+ 右欄（視覺）

視覺元素規則：
- 圖片寬度：不超過內容寬度 70%
- 圖表高度：不超過頁面高度 60%
- 卡片間距：30px（Gutter）

5.3 數據頁設計

KPI 卡片佈局：
- 最多 6 個卡片（2×3 或 3×2）
- 卡片內邊距：32px
- 卡片間距：30px

卡片內容結構：
1. 卡片標題（Heading-L, 24pt）
2. KPI 數值（96pt, 品牌紅）
3. 趨勢說明（Body-Small, 16pt）
4. 次級數據（Caption, 14pt）

品質檢查清單

設計開始前

• • 確認簡報尺寸為 1920×1080px (16:9)
• • 確認設計規範（色彩、字體、間距）
• • 確認內容大綱已完成
• • 確認視覺資產已準備

設計過程中

• • 所有標題使用規範字級系統
• • 色彩僅使用色板中的 HEX 碼
• • 圖表配色符合規範
• • 圖標線條粗細統一 2px
• • 卡片內邊距 32px，圓角 8px
• • 頁面四周留白符合 80px 邊距規則

設計完成後

• • 視覺節奏檢查：無連續 3 頁以上相同排版
• • 視覺多樣性檢查：向量圖不超過 30%
• • 金句使用檢查：不超過每 4-5 頁一次
• • 色彩對比度檢查：符合 WCAG AA 標準
• • 文字精簡檢查：無冗長段落

常見問題處理

Q1：向量圖太多，如何調整？

解決方案：

1. •將部分向量圖替換為真實照片或截圖
2. •將部分向量圖替換為數據圖表
3. •將部分向量圖替換為流程圖或時間軸

Q2：排版太重複，如何調整？

解決方案：

1. •交替使用左右分欄和上下分區
2. •交替使用全幅和留白
3. •變化視覺元素的位置和大小

Q3：金句太多，如何精簡？

解決方案：

1. •只保留開場、轉折、結尾的金句
2. •其他金句轉為正文或副標題
3. •用視覺元素（引言框）替代文字金句

Q4：文字太多，如何精簡？

解決方案：

1. •將長段落拆分為要點列表
2. •將文字轉化為視覺元素（圖表、流程圖）
3. •刪除重複或冗餘的內容

參考資源

詳細的設計規範和範例，請參考 references/ 目錄：

• •design-system.md：完整的設計規格系統
• •visual-rhythm-examples.md：視覺節奏設計範例
• •page-type-templates.md：頁面類型模板
• •collaboration-guide.md：與內容策略師的協作指南

版本資訊

維護者：Tom（91APP 資深業務經理）