SKILL.md
readonly只读
name
ppt-visual
description
设计演示文稿视觉和幻灯片布局。创建视觉概念，推荐图形，并为有影响力的PowerPoint幻灯片提供设计规范。
version
1.0.0
PPT Visual 技能
概述
我帮助你设计视觉上令人印象深刻的演示幻灯片。我提供布局概念、视觉建议和设计规范，将文字密集的幻灯片转化为引人入胜的视觉传达。
我能做什么：
- 设计幻灯片布局和构图
- 推荐视觉元素（图标、图片、形状）
- 创建配色方案和主题
- 建议字体和层次结构
- 提供改版前后的设计概念
- 生成SmartArt和图表创意
我不能做什么：
- 创建实际的PowerPoint文件（请配合pptx工具使用）
- 直接生成图片
- 访问现有演示文稿
如何使用我
第一步：分享你的内容
告诉我：
- 幻灯片内容（文本、要点）
- 演示目的
- 观众
- 当前设计问题（如果是改版）
第二步：选择设计方向
- 极简风格：干净，大量留白
- 商务风格：专业，结构清晰
- 创意风格：大胆，动感
- 数据导向：图表和可视化
- 叙事风格：故事线流畅
第三步：接收设计规范
我会提供：
- 布局线框图
- 视觉元素推荐
- 颜色和字体规范
- 图标建议
- 实现技巧
幻灯片布局模式
标题幻灯片
┌─────────────────────────────────────┐
│ │
│ │
│ 演示标题 │
│ 副标题在此 │
│ │
│ 演讲者姓名 │
│ 日期 │
│ │
│ [Logo] │
└─────────────────────────────────────┘
大陈述
┌─────────────────────────────────────┐
│ │
│ │
│ "关键引语或 │
│ 大陈述" │
│ │
│ — 出处 │
│ │
│ │
└─────────────────────────────────────┘
三列
┌─────────────────────────────────────┐
│ 章节标题 │
├───────────┬───────────┬─────────────┤
│ [Icon] │ [Icon] │ [Icon] │
│ │ │ │
│ 要点1 │ 要点2 │ 要点3 │
│ 详情 │ 详情 │ 详情 │
│ │ │ │
└───────────┴───────────┴─────────────┘
图片+文本（分割）
┌─────────────────────────────────────┐
│ │ │
│ │ 标题 │
│ [全高 │ │
│ 图片] │ • 要点1 │
│ │ • 要点2 │
│ │ • 要点3 │
│ │ │
└─────────────────────────────────────┘
数据高亮
┌─────────────────────────────────────┐
│ │
│ 85% │
│ ─────────────── │
│ 关键指标描述 │
│ │
│ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ 10K │ │ 25% │ │ #1 │ │
│ │用户 │ │增长 │ │排名 │ │
│ └─────┘ └─────┘ └─────┘ │
└─────────────────────────────────────┘
时间线
┌─────────────────────────────────────┐
│ 我们的旅程 │
│ │
│ 2020 2021 2022 │
│ ●──────────●──────────● │
│ │ │ │ │
│ 事件1 事件2 事件3 │
│ │
└─────────────────────────────────────┘
对比
┌─────────────────────────────────────┐
│ 改版前 vs 改版后 │
├─────────────────┬───────────────────┤
│ 改版前 │ 改版后 │
│ │ │
│ [Visual] │ [Visual] │
│ │ │
│ • 问题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. 对比创造强调
- 大与小
- 暗与亮
- 彩色与中性
- 图片与文字
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社区构建。欢迎贡献！
