幻燈片 是做什麼的？
用於簡報的設計系統。適用於所有類型的投影片：內部、客戶或公開簡報。
以下調色板、字體和標誌的值為預設值。如果專案有自己的設計規範，請先讀取該規範（調色板、標誌、字體），並取代這些值：版面配置、規則和敘事結構則保持不變。
三個技能結合以產出一份簡報：
brand-system提供品牌識別（調色板、字體、漸層、標誌、語調）。如果已安裝，請優先讀取它：其代號會取代下方的預設值。slides（本技能）提供敘事結構和十五種版面配置。pptx（Anthropic 的技能，需另外安裝）提供檔案的技術生成。請閱讀它以建立.pptx。
1. 設計代號
主調色板
| 角色 | Hex | 幻燈片用途 |
|---|---|---|
| 標誌藍 | #295FEC | 僅限標誌 |
| 主要藍 | #3D65E8 | 強調、上標題、行動呼籲、頂部邊框、時間軸圓點 |
| 米白背景（漸層） | #F8F9FB | 附有漸層的幻燈片背景 |
| 淺色內容背景 | #EBEFF7 | 過渡幻燈片、替代背景 |
| 表面/卡片 | #FFFFFF | 內容區塊、卡片 |
| 淺色表面區塊 | #F0F2F7 | 3-6 區塊網格中的卡片 |
| 主要文字 | #111827 | 標題、內文 |
| 淡化文字 | #6B7280 | 標籤、圖說、頁尾 |
背景漸層（柔和藍色）
應用於淺色背景幻燈片、輕量封面和標題幻燈片：
- 在 PPTX 中：幻燈片背景 #F8F9FB，徑向漸層填充，右上角，顏色 #B4D7F5 透明度 55% 至透明。
- 對稱變體（用於長簡報）：漸層也出現在左下角，#B4D7F5 透明度 25%。
- 漸層始終柔和且細微。絕不飽和。必須在第一眼時不被察覺。
字體
| 用途 | 字體 | 粗細 | 建議尺寸 |
|---|---|---|---|
| 幻燈片標題 | Inter | Black 900 或 ExtraBold 800 | 36-56pt |
| 主標題（大型標題） | Inter | Black 900 | 72-96pt |
| 副標題/導言 | Inter | SemiBold 600 | 20-24pt |
| 上標題/章節標籤 | Inter | SemiBold 600 | 10-12pt，大寫，#3D65E8 |
| 內文 | Inter | Regular 400 | 14-16pt |
| 標籤/後設資料 | Inter | Regular 400 | 10-12pt，淡化 |
備用字體：Public Sans (https://fonts.google.com/specimen/Public+Sans)。 系統備用字體：Geist, SF Pro, Helvetica Neue。絕不使用襯線字體。
圖示
Phosphor Icons (https://phosphoricons.com/) 或 Lucide (https://lucide.dev/)。 使用 Regular 或 Light 風格。零表情符號。
2. 幻燈片中的標誌
素材：專案品牌的符號和標誌字樣（符號 + 名稱），以 SVG 或 PNG 格式提供。本技能不提供任何標誌。
標準放置
- 封面（主要顏色背景）：標誌字樣位於左上角，高度 36-40px，如果有的話使用白色版本；否則僅使用符號。
- 內容幻燈片（淺色背景）：頁尾左下角，圓形符號 20px + 名稱，Inter Regular 10pt，淡化色 #6B7280。
- 過渡幻燈片：使用相同頁尾或無標誌（極簡風格）。
標準頁尾結構
[符號 20px] 名稱 電子郵件 | 網站 | LinkedIn [頁碼]
頁尾對齊基線，字體 10pt 淡化色。聯絡資訊之間使用分隔符號 |。幻燈片頁碼靠右對齊。
3. 版面配置目錄
參考圖板：references/mises-en-page.png（及 .svg）並排顯示十五種版面配置，編號如下。在選擇版面配置前先查看它，然後閱讀其說明。
通用規則
每張幻燈片一個想法。留白充足。一個主導元素。 文字/視覺比例：最多 60% 文字。標題必須肯定且具體。
LAYOUT 01 — 封面
結構：
- 背景：藍色 #3D65E8 或根據簡報調性使用米白漸層背景
- 標誌字樣位於左上
- 上標題（客戶或背景）：大寫，Inter SemiBold 12pt，白色或藍色
- 主標題：Inter Black 900，48-56pt，白色或 #111827，最多 2 行
- 副標題或標語：Regular 18pt，淡化色或 70% 白色
- 頁尾：聯絡資訊（電子郵件、網站、LinkedIn），10pt，左下
漸層背景變體（概念性簡報）：背景 #F8F9FB + 右上徑向漸層，標題 #111827，強調色 #3D65E8。
LAYOUT 02 — 大標題（章節、過渡、強烈想法）
結構：
- 背景：#EBEFF7 或米白漸層
- 頂部邊框線：3px 實心 #3D65E8，全寬
- 僅標題：Inter Black 900，56-72pt，#111827，靠左對齊，佔 40% 高度
- 可選副標題：SemiBold 600，20pt，淡化色
- 極簡頁尾標誌
用途：章節開頭、問題陳述、衝擊性統計數據。
LAYOUT 03 — 重大想法（一句話，全螢幕）
結構：
- 背景：純白 #FFFFFF 或漸層
- 一句話，Inter Black 900，64-96pt
- 關鍵字以 #3D65E8 著色（選擇性，最多 1-2 個字）
- 除了簡潔的頁尾外，無其他元素
- 對齊：靠左或置中，取決於簡報節奏
用途：提案簡報、重點演說、敘事轉折點。
LAYOUT 04 — 標題 + 內文（標準）
結構：
- 背景：#F8F9FB 附漸層或 #EBEFF7
- 上標題：大寫藍色 11pt，左上
- 標題：Inter Black 900，36-44pt
- 內文：2-4 個段落或項目符號，Regular 400，14-16pt
- 右側留白充足（至少 15% 的寬度）
- 頁尾標誌
LAYOUT 05 — 半文字 / 半媒體
結構：
- 背景：#F8F9FB 漸層
- 左欄（50%）：標題 + 內文或項目符號，靠左對齊
- 右欄（50%）：圖片、螢幕截圖、模型或圖表
- 分隔：僅使用留白（無線條，無不同背景）
- 右側圖片：圓角 12-16px，柔和陰影
用途：展示介面、案例、視覺比較。
LAYOUT 06 — 1/3 文字 + 2/3 裝置模型
結構：
- 背景：#F8F9FB 漸層
- 左欄（33%）：上標題 + 標題 + 2-3 個關鍵點或簡短描述
- 右欄（67%）：裝置模型（iPad、Mac、iPhone），內部顯示 UI
- 模型：細框 #F0F2F7，手機使用非常圓的角，Mac/iPad 使用矩形
- 內部的 UI 是真實的螢幕截圖或高傳真模型
- 裝置可以稍微超出邊界（輕微出血）
用途：展示產品概念、原型、新功能。
LAYOUT 07 — 3 欄
結構：
- 背景：#F8F9FB 漸層或 #FFFFFF
- 幻燈片標題左上
- 3 等欄，間距 24-32px
- 每欄：SemiBold 標題 + 內容 + 底部連結或標籤
- 欄表面：#F0F2F7，圓角 12px，內邊距充足
- 欄之間無明顯邊框
用途：3 個概念、3 個選項、3 個案例、3 種工具比較。
LAYOUT 08 — 3 區塊
與 LAYOUT 07 相同，但以垂直組織或更明顯的層級劃分。區塊表面更大，每個區塊可能包含更密集的內容。
LAYOUT 09 — 4 區塊（2×2）
結構：
- 背景：#F8F9FB 漸層
- 幻燈片標題左上
- 2×2 網格，間距 20px
- 每個區塊：表面 #F0F2F7，圓角 12px，SemiBold 標題 + Regular 內文
- 區塊的寬度和高度相等
用途：4 項服務、4 個步驟、4 個關鍵點。
LAYOUT 10 — 6 區塊（2×3 或 3×2）
結構：
- 背景：#FFFFFF 或 #F8F9FB
- 幻燈片標題左上，可選描述性副標題
- 3 欄 × 2 行或 2 欄 × 3 行的網格，取決於內容
- 區塊：表面 #F0F2F7，圓角 12px，SemiBold 14pt 標題 + Regular 12pt 內文
- 每個區塊底部有標籤或上下文標記，藍色 #3D65E8，背景稍飽和 (#E8EEF8)
用途：工具箱、方法、功能、技能。
LAYOUT 11 — 時間軸
結構：
- 背景：#FFFFFF，頂部藍色邊框線 3px
- 標題左上，描述性副標題 14pt 淡化色
- 左側垂直軸：細線 #E5E7EB
- 每個條目：日期/年份（淡化色）靠左 + 藍色圓點 #3D65E8 (12px) + 粗體標題 + Regular 副標題 + 斜體淡化色詳細資訊
- 條目之間垂直間距充足（不要壓縮）
用途：歷程、專案歷史、過去/現在的藍圖。
LAYOUT 12 — 藍圖
結構：
- 背景：#F8F9FB 漸層
- 標題左上
- 水平軸：線條 #E5E7EB，帶有按時期劃分的標記或區塊
- 時期：Q1/Q2... 或第 1/2 個月... 或第 1/2 階段...
- 項目區塊：表面 #FFFFFF 或 #F0F2F7，圓角 8px，標題 + 狀態標籤
- 狀態：顏色圓點或徽章（藍色 = 進行中，綠色 = 已交付，灰色 = 即將到來）
- 頁尾標誌
用途：任務規劃、產品藍圖、里程碑。
LAYOUT 13 — 表格
結構：
- 背景：#FFFFFF 或 #F8F9FB
- 標題左上
- 欄標題：背景 #3D65E8，白色文字，Inter SemiBold 12pt
- 交替行：#FFFFFF / #F0F2F7 以提高可讀性
- 儲存格：Regular 400，13pt，內邊距 12px
- 無粗邊框。僅使用細水平分隔線 #E5E7EB。
LAYOUT 14 — 全寬/全高視覺
結構：
- 圖片或螢幕截圖覆蓋幻燈片背景 100%（完全出血）
- 根據上方要顯示的內容，疊加深色或淺色漸層
- 疊加標題：Inter Black 900，白色或 #111827，左下或底部置中
- 無可見的幻燈片裝飾（無背景、無邊框、無頁尾，除了簡潔的頁碼）
用途：戲劇性過渡、章節介紹、作品集、主視覺螢幕截圖。
LAYOUT 15 — 全寬裝置 + UI 模型
結構：
- 背景：#F8F9FB 漸層
- 裝置（Mac、iPad、iPhone）置中或稍微偏右，佔 70-80% 高度
- 內部的 UI：真實螢幕截圖或高傳真模型
- 左側浮動標題或標籤：Inter SemiBold 20pt，#111827
- 裝置下方的投影：柔和，15-20% 透明度
- 裝置周圍無額外框架
用途：主視覺概念、產品展示、全解析度原型。
裝置模型慣例：
- iPhone：框架細炭灰色或白色，角非常圓
- iPad：框架細鋁金屬，根據內容橫向或縱向放置
- MacBook：鋁金屬框架打開，螢幕居中，底座簡潔
- 保持製造商比例
4. 版面原則
- 每張幻燈片的主導標題：讀者無需閱讀內文即可理解想法。
- 留白充足：絕不填滿超過 70% 的表面。
- 強烈的視覺層級：每張幻燈片只有一個「第一眼」元素。
- 禁止使用純白 #FFFFFF 作為簡報的整體背景。偏好使用 #F8F9FB。
- 禁止在內容幻燈片上使用置中文字（僅限封面和 LAYOUT 03 重大想法）。
- 禁止混合字體。
- 禁止在標題下方使用裝飾線條。
- 避免連續 3 張以上的幻燈片重複使用相同版面。
5. 結構性幻燈片
| 類型 | 背景 | 文字 | 版面 |
|---|---|---|---|
| 封面 | #3D65E8 或漸層 #F8F9FB | 白色或 #111827 | LAYOUT 01 |
| 過渡/章節 | #EBEFF7 + 頂部邊框 | #111827 | LAYOUT 02 |
| 標準內容 | #F8F9FB 漸層 | #111827 | LAYOUT 04 至 15 |
| 重大想法 | #FFFFFF 或漸層 | #111827 + 藍色強調 | LAYOUT 03 |
| 結論/行動呼籲 | #3D65E8 | 白色 | LAYOUT 01 變體 |
推薦結構（三明治）：藍色背景封面、淺色附漸層內容幻燈片、藍色背景結論。
6. 敘事慣例
簡報弧線
- 現狀（錨定於客戶的現實）
- 張力或已識別的問題
- 干預角度與機制
- 交付成果、里程碑或提出的解決方案
- 下一步具體行動
幻燈片標題
- 具體且肯定：「測試揭示了三個關鍵摩擦點」，而非「測試結果」。
- 只閱讀標題的讀者必須能理解簡報的邏輯。
- 禁止使用：「簡介」、「背景」、「結論」、「目錄」。
數據與指標
- 統計資料集中呈現：數字非常大，其下為小標籤。
- 每個指標都應附帶背景資訊（前/後對比、期間、來源）。
- 未經視覺化或評論的原始表格禁止使用。
7. 簡報配置
商業簡報 / 客戶提案
- 封面：藍色背景 #3D65E8，任務標題，客戶名稱
- 最多 8-12 張幻燈片
- 無目錄幻燈片
- 以具體的下一步行動（日期、行動、聯絡方式）作結
案例簡報 / 個案研究
- 封面：藍色背景 #3D65E8 + 標題 + 年份
- 結構：背景、決策、結果、學習
- 關鍵指標使用統計資料集中呈現
- 專用幻燈片使用全寬螢幕截圖（LAYOUT 14 或 15）
UX / 設計培訓簡報
- 章節使用過渡幻燈片（LAYOUT 02）
- 練習在視覺上有所區分（背景略有不同）
- 開場幻燈片顯示會議時間軸
- 每張幻燈片一個概念，並提供系統性插圖
提案簡報 / 重點演說
- 最多 10 張幻燈片
- 每張幻燈片一個強烈統計數據或想法
- 無項目符號：僅使用視覺敘事
- 重大想法（LAYOUT 03）與視覺（LAYOUT 14 或 15）交替使用
8. 應避免的反模式
- 在白色背景上密集的項目符號，無視覺結構
- 內容幻燈片上使用置中文字
- 混合字體
- 使用表情符號圖示
- 標題下方裝飾線條（AI 生成內容的常見特徵）
- 連續超過 3 張幻燈片重複使用相同版面
- 使用純白 #FFFFFF 作為整體背景
- 漸層過於飽和或一眼就能察覺
9. 交付前檢查
- 標誌已放置：封面上使用標誌字樣，內容幻燈片頁尾使用符號。
- 調色板符合專案規範（預設：標誌 #295FEC，強調色 #3D65E8，背景 #F8F9FB）。
- 淺色背景幻燈片已套用漸層。
- 僅使用 Inter 字體，遵守粗細層級。
- 每張幻燈片一個主導元素，遵守留白原則。
- 標題肯定且具體。
- 僅閱讀標題即可理解敘事弧線。
- 零表情符號，零長破折號，標題下方零裝飾線條。