SKILL.md
readonlyread-only
name
ppt-visual
description
Design presentation visuals and slide layouts. Create visual concepts, suggest graphics, and provide design specifications for impactful PowerPoint slides.
version
1.0.0
PPT 視覺設計技能
概述
我協助你設計具有視覺衝擊力的簡報投影片。我提供版面概念、視覺建議與設計規格，將文字繁重的投影片轉化為引人入勝的視覺溝通。
我能做的事：
- 設計投影片版面與構圖
- 推薦視覺元素（圖示、圖片、形狀）
- 建立配色方案與主題
- 建議字體與層級結構
- 提供改版前後的概念
- 產生 SmartArt 與圖表點子
我不能做的事：
- 建立實際的 PowerPoint 檔案（請搭配 pptx 工具使用）
- 直接產生圖片
- 存取現有簡報
如何使用我
步驟 1：分享你的內容
告訴我：
- 投影片內容（文字、條列點）
- 簡報目的
- 聽眾
- 目前的設計問題（如果是改版）
步驟 2：選擇設計方向
- 極簡風格：乾淨、大量留白
- 企業風格：專業、結構化
- 創意風格：大膽、動態
- 數據導向：圖表與視覺化
- 說故事：敘事流暢
步驟 3：取得設計規格
我會提供：
- 版面線稿
- 視覺元素建議
- 顏色與字型規格
- 圖示建議
- 實作提示
投影片版面模式
標題投影片
┌─────────────────────────────────────┐
│ │
│ │
│ 簡報標題 │
│ 副標題在此 │
│ │
│ 講者姓名 │
│ 日期 │
│ │
│ [標誌] │
└─────────────────────────────────────┘
重點陳述
┌─────────────────────────────────────┐
│ │
│ │
│ 「關鍵引述或 │
│ 重大陳述」 │
│ │
│ — 出處 │
│ │
│ │
└─────────────────────────────────────┘
三欄式
┌─────────────────────────────────────┐
│ 章節標題 │
├───────────┬───────────┬─────────────┤
│ [圖示] │ [圖示] │ [圖示] │
│ │ │ │
│ 要點 1 │ 要點 2 │ 要點 3 │
│ 細節 │ 細節 │ 細節 │
│ │ │ │
└───────────┴───────────┴─────────────┘
圖片 + 文字（分割）
┌─────────────────────────────────────┐
│ │ │
│ │ 標題 │
│ [滿版高度 │ │
│ 圖片] │ • 要點 1 │
│ │ • 要點 2 │
│ │ • 要點 3 │
│ │ │
└─────────────────────────────────────┘
數據重點
┌─────────────────────────────────────┐
│ │
│ 85% │
│ ─────────────── │
│ 關鍵指標說明 │
│ │
│ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ 10K │ │ 25% │ │ #1 │ │
│ │用戶 │ │成長 │ │排名 │ │
│ └─────┘ └─────┘ └─────┘ │
└─────────────────────────────────────┘
時間軸
┌─────────────────────────────────────┐
│ 我們的歷程 │
│ │
│ 2020 2021 2022 │
│ ●──────────●──────────● │
│ │ │ │ │
│ 事件 1 事件 2 事件 3 │
│ │
└─────────────────────────────────────┘
比較
┌─────────────────────────────────────┐
│ 改版前 vs 改版後 │
├─────────────────┬───────────────────┤
│ 改版前 │ 改版後 │
│ │ │
│ [視覺] │ [視覺] │
│ │ │
│ • 問題 1 │ • 解決方案 1 │
│ • 問題 2 │ • 解決方案 2 │
│ │ │
└─────────────────┴───────────────────┘
流程圖
┌─────────────────────────────────────┐
│ 運作方式 │
│ │
│ ┌───┐ ┌───┐ ┌───┐ │
│ │ 1 │ ───► │ 2 │ ───► │ 3 │ │
│ └───┘ └───┘ └───┘ │
│ 步驟 1 步驟 2 步驟 3 │
│ 細節 細節 細節 │
│ │
└─────────────────────────────────────┘
引述 + 圖片
┌─────────────────────────────────────┐
│ │
│ 「跨越多行的 │
│ 引述文字」 [講者 │
│ 照片] │
│ │
│ — 講者姓名 │
│ 職稱，公司 │
│ │
└─────────────────────────────────────┘
輸出格式
# 投影片設計：[投影片標題]
**投影片類型**：[標題/內容/數據/其他]
**版面模式**：[模式名稱]
**視覺風格**：[極簡/企業/創意]
---
## 版面線稿
[版面 ASCII 示意圖]
---
## 內容放置
### 主要內容
- **位置**：[投影片上的位置]
- **文字**：[確切文字]
- **字型**：[字型、大小、粗細]
- **顏色**：[色碼]
### 輔助元素
- **元素 1**：[說明、位置]
- **元素 2**：[說明、位置]
---
## 視覺元素
### 圖示
| 圖示 | 意義 | 建議來源 |
|------|------|----------|
| [說明] | [用途] | Flaticon, Noun Project |
### 圖片
| 圖片 | 說明 | 規格 |
|------|------|------|
| [類型] | [顯示內容] | [尺寸、風格] |
### 形狀
| 形狀 | 用途 | 顏色 |
|------|------|------|
| [形狀] | [目的] | [色碼] |
---
## 配色方案
| 元素 | 顏色 | 色碼 |
|------|------|------|
| 背景 | [名稱] | #XXXXXX |
| 主要文字 | [名稱] | #XXXXXX |
| 強調色 | [名稱] | #XXXXXX |
| 凸顯色 | [名稱] | #XXXXXX |
---
## 字體
| 元素 | 字型 | 大小 | 樣式 |
|------|------|------|------|
| 標題 | [字型] | [X]pt | 粗體 |
| 副標題 | [字型] | [X]pt | 一般 |
| 內文 | [字型] | [X]pt | 一般 |
| 說明文字 | [字型] | [X]pt | 細體 |
---
## 動畫建議
1. **[元素]**：[動畫類型、時間]
2. **[元素]**：[動畫類型、時間]
---
## 實作備註
1. [實作提示]
2. [實作提示]
3. [實作提示]
投影片設計原則
1. 每張投影片一個概念
- 單一關鍵訊息
- 用視覺輔助
- 不要過度擁擠
2. 視覺層級
標題（最大）
↓
重點（顯著）
↓
輔助細節（較小）
↓
來源/頁尾（最小）
3. 三分法則
┌───┬───┬───┐
│ 1 │ 2 │ 3 │
├───┼───┼───┤
│ 4 │ 5 │ 6 │ 將關鍵元素放在
├───┼───┼───┤ 交叉點
│ 7 │ 8 │ 9 │
└───┴───┴───┘
4. 對比創造強調
- 大 vs 小
- 暗 vs 亮
- 彩色 vs 中性
- 圖片 vs 文字
5. 對齊創造秩序
- 使用一致的邊距
- 對齊相關元素
- 建立隱形網格
改版前後範例
文字繁重 → 視覺化
改版前（文字傾倒）：
我們公司顯著成長：
- 營收增加 45%
- 客戶基礎成長至 10,000 名用戶
- 擴展至 15 個新市場
- 推出 3 項新產品
- 團隊從 50 人成長至 120 人
改版後（視覺設計）：
┌─────────────────────────────────────┐
│ 2024 成長亮點 │
│ │
│ ┌──────┐ ┌──────┐ ┌──────┐ │
│ │ +45% │ │ 10K │ │ 15 │ │
│ │ 營收 │ │用戶 │ │市場 │ │
│ └──────┘ └──────┘ └──────┘ │
│ │
│ ┌──────┐ ┌──────┐ │
│ │ 3 │ │ 120 │ │
│ │產品 │ │ 團隊 │ │
│ └──────┘ └──────┘ │
└─────────────────────────────────────┘
配色方案範本
企業藍
主色： #1E3A5F（深藍）
輔助色： #3498DB（亮藍）
強調色： #E74C3C（紅）
背景： #F5F7FA（淺灰）
文字： #2C3E50（深灰）
現代極簡
主色： #000000（黑）
輔助色： #666666（灰）
強調色： #FF6B6B（珊瑚）
背景： #FFFFFF（白）
文字： #333333（深灰）
創意大膽
主色： #6C5CE7（紫）
輔助色： #00CEC9（青綠）
強調色： #FDCB6E（黃）
背景： #2D3436（深色）
文字： #FFFFFF（白）
自然/永續
主色： #27AE60（綠）
輔助色： #2ECC71（淺綠）
強調色： #F39C12（橘）
背景： #FDFEFE（米白）
文字： #2C3E50（深灰）
字型搭配建議
專業
- 標題：Montserrat Bold
- 內文：Open Sans Regular
現代
- 標題：Poppins SemiBold
- 內文：Inter Regular
經典
- 標題：Playfair Display
- 內文：Source Sans Pro
科技
- 標題：Space Grotesk Bold
- 內文：IBM Plex Sans Regular
更好的投影片技巧
- 消滅條列點 - 改用視覺
- 每張投影片一個數字 - 讓數據好記
- 滿版圖片 - 延伸到邊緣
- 深色背景 - 在昏暗房間中突出
- 一致圖示 - 全場統一風格
- 有目的動畫 - 輔助故事，不分散注意力
- 保留邊距 - 內容不觸碰邊緣
- 投影機測試 - 顏色看起來不同
資源
圖示庫
- Flaticon (flaticon.com)
- The Noun Project (thenounproject.com)
- Feather Icons (feathericons.com)
- Heroicons (heroicons.com)
圖庫照片
- Unsplash (unsplash.com)
- Pexels (pexels.com)
- Pixabay (pixabay.com)
色彩工具
- Coolors (coolors.co)
- Adobe Color (color.adobe.com)
- Color Hunt (colorhunt.co)
限制
- 無法直接建立實際的 PPTX 檔案
- 無法產生圖片
- 設計規格需手動實作
- 複雜動畫需手動設定
由 Claude Office Skills 社群建置。歡迎貢獻！
