ppt-visual
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChinesePPT Visual Skill
PPT视觉设计技能
Overview
概述
I help you design visually impactful presentation slides. I provide layout concepts, visual recommendations, and design specifications that transform text-heavy slides into engaging visual communications.
What I can do:
- Design slide layouts and compositions
- Recommend visual elements (icons, images, shapes)
- Create color schemes and themes
- Suggest typography and hierarchy
- Provide before/after redesign concepts
- Generate SmartArt and diagram ideas
What I cannot do:
- Create actual PowerPoint files (use with pptx tools)
- Generate images directly
- Access existing presentations
我可以帮你设计具有视觉冲击力的演示文稿幻灯片。我会提供布局概念、视觉建议和设计规范，将文字密集的幻灯片转变为引人入胜的视觉传达内容。
我能做的事：
- 设计幻灯片布局与构图
- 推荐视觉元素（图标、图片、形状）
- 创建配色方案与主题
- 建议排版与层级结构
- 提供改版前后的设计概念
- 生成SmartArt与图表创意
我不能做的事：
- 直接创建PowerPoint文件（需搭配pptx工具使用）
- 直接生成图片
- 访问已有的演示文稿
How to Use Me
使用方法
Step 1: Share Your Content
步骤1：分享你的内容
Tell me:
- Slide content (text, bullet points)
- Presentation purpose
- Audience
- Current design issues (if redesigning)
告诉我：
- 幻灯片内容（文本、项目符号）
- 演示文稿用途
- 受众群体
- 当前存在的设计问题（如果是改版）
Step 2: Choose Design Direction
步骤2：选择设计方向
- Minimalist: Clean, lots of white space
- Corporate: Professional, structured
- Creative: Bold, dynamic
- Data-focused: Charts and visualizations
- Storytelling: Narrative flow
- 极简风：简洁、大量留白
- 商务风：专业、结构清晰
- 创意风：大胆、充满活力
- 数据导向：侧重图表与可视化
- 叙事风：注重故事性流程
Step 3: Receive Design Specs
步骤3：获取设计规范
I'll provide:
- Layout wireframes
- Visual element recommendations
- Color and font specifications
- Icon suggestions
- Implementation tips
我会提供：
- 布局线框图
- 视觉元素推荐
- 配色与字体规范
- 图标建议
- 实施技巧
Slide Layout Patterns
幻灯片布局模式
Title Slide
标题幻灯片
┌─────────────────────────────────────┐
│ │
│ │
│ PRESENTATION TITLE │
│ Subtitle goes here │
│ │
│ Presenter Name │
│ Date │
│ │
│ [Logo] │
└─────────────────────────────────────┘┌─────────────────────────────────────┐
│ │
│ │
│ 演示文稿标题 │
│ 副标题在此处 │
│ │
│ 演示者姓名 │
│ 日期 │
│ │
│ [Logo] │
└─────────────────────────────────────┘Big Statement
核心观点页
┌─────────────────────────────────────┐
│ │
│ │
│ "Key quote or │
│ big statement" │
│ │
│ — Attribution │
│ │
│ │
└─────────────────────────────────────┘┌─────────────────────────────────────┐
│ │
│ │
│ "关键引用或 │
│ 核心观点" │
│ │
│ — 出处 │
│ │
│ │
└─────────────────────────────────────┘Three Columns
三栏布局
┌─────────────────────────────────────┐
│ Section Title │
├───────────┬───────────┬─────────────┤
│ [Icon] │ [Icon] │ [Icon] │
│ │ │ │
│ Point 1 │ Point 2 │ Point 3 │
│ Details │ Details │ Details │
│ │ │ │
└───────────┴───────────┴─────────────┘┌─────────────────────────────────────┐
│ 章节标题 │
├───────────┬───────────┬─────────────┤
│ [图标] │ [图标] │ [图标] │
│ │ │ │
│ 要点1 │ 要点2 │ 要点3 │
│ 详情 │ 详情 │ 详情 │
│ │ │ │
└───────────┴───────────┴─────────────┘Image + Text (Split)
图片+文字（分栏）
┌─────────────────────────────────────┐
│ │ │
│ │ Heading │
│ [Full Height │ │
│ Image] │ • Point 1 │
│ │ • Point 2 │
│ │ • Point 3 │
│ │ │
└─────────────────────────────────────┘┌─────────────────────────────────────┐
│ │ │
│ │ 标题 │
│ [全屏高度 │ │
│ 图片] │ • 要点1 │
│ │ • 要点2 │
│ │ • 要点3 │
│ │ │
└─────────────────────────────────────┘Data Highlight
数据高亮页
┌─────────────────────────────────────┐
│ │
│ 85% │
│ ─────────────── │
│ Key metric description │
│ │
│ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ 10K │ │ 25% │ │ #1 │ │
│ │users│ │growth│ │rank │ │
│ └─────┘ └─────┘ └─────┘ │
└─────────────────────────────────────┘┌─────────────────────────────────────┐
│ │
│ 85% │
│ ─────────────── │
│ 关键指标说明 │
│ │
│ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ 10K │ │ 25% │ │ #1 │ │
│ │用户数│ │增长率│ │排名 │ │
│ └─────┘ └─────┘ └─────┘ │
└─────────────────────────────────────┘Timeline
时间线页
┌─────────────────────────────────────┐
│ Our Journey │
│ │
│ 2020 2021 2022 │
│ ●──────────●──────────● │
│ │ │ │ │
│ Event 1 Event 2 Event 3 │
│ │
└─────────────────────────────────────┘┌─────────────────────────────────────┐
│ 我们的发展历程 │
│ │
│ 2020 2021 2022 │
│ ●──────────●──────────● │
│ │ │ │ │
│ 事件1 事件2 事件3 │
│ │
└─────────────────────────────────────┘Comparison
对比页
┌─────────────────────────────────────┐
│ Before vs After │
├─────────────────┬───────────────────┤
│ BEFORE │ AFTER │
│ │ │
│ [Visual] │ [Visual] │
│ │ │
│ • Problem 1 │ • Solution 1 │
│ • Problem 2 │ • Solution 2 │
│ │ │
└─────────────────┴───────────────────┘┌─────────────────────────────────────┐
│ 改版前后对比 │
├─────────────────┬───────────────────┤
│ 改版前 │ 改版后 │
│ │ │
│ [视觉元素] │ [视觉元素] │
│ │ │
│ • 问题1 │ • 解决方案1 │
│ • 问题2 │ • 解决方案2 │
│ │ │
└─────────────────┴───────────────────┘Process Flow
流程页
┌─────────────────────────────────────┐
│ How It Works │
│ │
│ ┌───┐ ┌───┐ ┌───┐ │
│ │ 1 │ ───► │ 2 │ ───► │ 3 │ │
│ └───┘ └───┘ └───┘ │
│ Step 1 Step 2 Step 3 │
│ Detail Detail Detail │
│ │
└─────────────────────────────────────┘┌─────────────────────────────────────┐
│ 工作流程 │
│ │
│ ┌───┐ ┌───┐ ┌───┐ │
│ │ 1 │ ───► │ 2 │ ───► │ 3 │ │
│ └───┘ └───┘ └───┘ │
│ 步骤1 步骤2 步骤3 │
│ 详情 详情 详情 │
│ │
└─────────────────────────────────────┘Quote + Image
引用+图片页
┌─────────────────────────────────────┐
│ │
│ "Quote text that │
│ spans multiple [Speaker │
│ lines here" Photo] │
│ │
│ — Speaker Name │
│ Title, Company │
│ │
└─────────────────────────────────────┘┌─────────────────────────────────────┐
│ │
│ "引用文本 │
│ 跨越多行 [演讲者 │
│ 内容" 照片] │
│ │
│ — 演讲者姓名 │
│ 职位，公司 │
│ │
└─────────────────────────────────────┘Output Format
输出格式
markdown
undefinedmarkdown
undefinedSlide Design: [Slide Title]
幻灯片设计: [幻灯片标题]
Slide Type: [Title/Content/Data/etc.]
Layout Pattern: [Pattern name]
Visual Style: [Minimalist/Corporate/Creative]
幻灯片类型: [标题页/内容页/数据页等]
布局模式: [模式名称]
视觉风格: [极简风/商务风/创意风]
Layout Wireframe
布局线框图
[ASCII representation of layout][ASCII格式的布局图]Content Placement
内容布局
Primary Content
核心内容
- Position: [Location on slide]
- Text: [Exact text]
- Font: [Font, size, weight]
- Color: [Hex code]
- 位置: [幻灯片上的位置]
- 文本: [具体文本]
- 字体: [字体，字号，字重]
- 颜色: [十六进制代码]
Supporting Elements
辅助元素
- Element 1: [Description, position]
- Element 2: [Description, position]
- 元素1: [描述，位置]
- 元素2: [描述，位置]
Visual Elements
视觉元素
Icons
图标
| Icon | Meaning | Suggested Source |
|---|---|---|
| [Description] | [Purpose] | Flaticon, Noun Project |
| 图标 | 含义 | 推荐来源 |
|---|---|---|
| [描述] | [用途] | Flaticon, Noun Project |
Images
图片
| Image | Description | Specs |
|---|---|---|
| [Type] | [What it shows] | [Size, style] |
| 图片 | 描述 | 规格 |
|---|---|---|
| [类型] | 展示内容 | [尺寸，风格] |
Shapes
形状
| Shape | Use | Color |
|---|---|---|
| [Shape] | [Purpose] | [Hex] |
| 形状 | 用途 | 颜色 |
|---|---|---|
| [形状] | [用途] | [十六进制代码] |
Color Palette
配色方案
| Element | Color | Hex |
|---|---|---|
| Background | [Name] | #XXXXXX |
| Primary Text | [Name] | #XXXXXX |
| Accent | [Name] | #XXXXXX |
| Highlight | [Name] | #XXXXXX |
| 元素 | 颜色 | 十六进制代码 |
|---|---|---|
| 背景 | [名称] | #XXXXXX |
| 主文本 | [名称] | #XXXXXX |
| 强调色 | [名称] | #XXXXXX |
| 高亮色 | [名称] | #XXXXXX |
Typography
排版规范
| Element | Font | Size | Style |
|---|---|---|---|
| Title | [Font] | [X]pt | Bold |
| Subtitle | [Font] | [X]pt | Regular |
| Body | [Font] | [X]pt | Regular |
| Caption | [Font] | [X]pt | Light |
| 元素 | 字体 | 字号 | 样式 |
|---|---|---|---|
| 标题 | [字体] | [X]pt | 粗体 |
| 副标题 | [字体] | [X]pt | 常规 |
| 正文 | [字体] | [X]pt | 常规 |
| 说明文字 | [字体] | [X]pt | 轻量 |
Animation Suggestions
动画建议
- [Element]: [Animation type, timing]
- [Element]: [Animation type, timing]
- [元素]: [动画类型，时长]
- [元素]: [动画类型，时长]
Implementation Notes
实施注意事项
- [Tip for implementation]
- [Tip for implementation]
- [Tip for implementation]
---- [实施技巧]
- [实施技巧]
- [实施技巧]
---Design Principles for Slides
幻灯片设计原则
1. One Idea Per Slide
1. 每页一个核心观点
- Single key message
- Support with visuals
- Don't overcrowd
- 单一关键信息
- 用视觉元素支撑
- 避免内容拥挤
2. Visual Hierarchy
2. 视觉层级
Title (largest)
↓
Key Point (prominent)
↓
Supporting Details (smaller)
↓
Source/Footer (smallest)标题（最大号）
↓
核心要点（突出显示）
↓
辅助详情（小号）
↓
来源/页脚（最小号）3. The Rule of Thirds
3. 三分法原则
┌───┬───┬───┐
│ 1 │ 2 │ 3 │
├───┼───┼───┤
│ 4 │ 5 │ 6 │ Place key elements at
├───┼───┼───┤ intersection points
│ 7 │ 8 │ 9 │
└───┴───┴───┘┌───┬───┬───┐
│ 1 │ 2 │ 3 │
├───┼───┼───┤
│ 4 │ 5 │ 6 │ 关键元素放置在
├───┼───┼───┤ 线条交点处
│ 7 │ 8 │ 9 │
└───┴───┴───┘4. Contrast Creates Emphasis
4. 对比产生重点
- Large vs small
- Dark vs light
- Color vs neutral
- Image vs text
- 大小对比
- 明暗对比
- 彩色与中性色对比
- 图片与文字对比
5. Alignment Creates Order
5. 对齐营造秩序
- Use consistent margins
- Align related elements
- Create invisible grid
- 使用统一的边距
- 对齐相关元素
- 创建隐形网格
Before/After Examples
改版前后示例
Text-Heavy → Visual
文字密集 → 视觉化
Before (Text dump):
Our company has grown significantly:
- Revenue increased by 45%
- Customer base grew to 10,000 users
- Expanded to 15 new markets
- Launched 3 new products
- Team grew from 50 to 120 employeesAfter (Visual design):
┌─────────────────────────────────────┐
│ 2024 Growth Highlights │
│ │
│ ┌──────┐ ┌──────┐ ┌──────┐ │
│ │ +45% │ │ 10K │ │ 15 │ │
│ │ Rev │ │Users │ │Markets│ │
│ └──────┘ └──────┘ └──────┘ │
│ │
│ ┌──────┐ ┌──────┐ │
│ │ 3 │ │ 120 │ │
│ │Prodts│ │ Team │ │
│ └──────┘ └──────┘ │
└─────────────────────────────────────┘改版前（文字堆砌）：
我们公司增长显著：
- 收入增长45%
- 客户群体增至10000名用户
- 拓展至15个新市场
- 推出3款新产品
- 团队规模从50人增至120人改版后（视觉化设计）：
┌─────────────────────────────────────┐
│ 2024年增长亮点 │
│ │
│ ┌──────┐ ┌──────┐ ┌──────┐ │
│ │ +45% │ │ 10K │ │ 15 │ │
│ │ 收入 │ │ 用户数 │ │ 市场数 │ │
│ └──────┘ └──────┘ └──────┘ │
│ │
│ ┌──────┐ ┌──────┐ │
│ │ 3 │ │ 120 │ │
│ │ 产品数 │ │ 团队规模 │ │
│ └──────┘ └──────┘ │
└─────────────────────────────────────┘Color Scheme Templates
配色方案模板
Corporate Blue
商务蓝
Primary: #1E3A5F (Dark Blue)
Secondary: #3498DB (Bright Blue)
Accent: #E74C3C (Red)
Background: #F5F7FA (Light Gray)
Text: #2C3E50 (Dark Gray)主色: #1E3A5F（深蓝）
辅助色: #3498DB（亮蓝）
强调色: #E74C3C（红）
背景: #F5F7FA（浅灰）
文本: #2C3E50（深灰）Modern Minimal
现代极简
Primary: #000000 (Black)
Secondary: #666666 (Gray)
Accent: #FF6B6B (Coral)
Background: #FFFFFF (White)
Text: #333333 (Dark Gray)主色: #000000（黑）
辅助色: #666666（灰）
强调色: #FF6B6B（珊瑚色）
背景: #FFFFFF（白）
文本: #333333（深灰）Creative Bold
创意大胆
Primary: #6C5CE7 (Purple)
Secondary: #00CEC9 (Teal)
Accent: #FDCB6E (Yellow)
Background: #2D3436 (Dark)
Text: #FFFFFF (White)主色: #6C5CE7（紫）
辅助色: #00CEC9（青）
强调色: #FDCB6E（黄）
背景: #2D3436（深灰）
文本: #FFFFFF（白）Nature/Sustainability
自然/可持续
Primary: #27AE60 (Green)
Secondary: #2ECC71 (Light Green)
Accent: #F39C12 (Orange)
Background: #FDFEFE (Off-white)
Text: #2C3E50 (Dark Gray)主色: #27AE60（绿）
辅助色: #2ECC71（浅绿）
强调色: #F39C12（橙）
背景: #FDFEFE（米白）
文本: #2C3E50（深灰）Font Pairing Suggestions
字体搭配建议
Professional
专业商务
- Headings: Montserrat Bold
- Body: Open Sans Regular
- 标题: Montserrat Bold
- 正文: Open Sans Regular
Modern
现代风格
- Headings: Poppins SemiBold
- Body: Inter Regular
- 标题: Poppins SemiBold
- 正文: Inter Regular
Classic
经典风格
- Headings: Playfair Display
- Body: Source Sans Pro
- 标题: Playfair Display
- 正文: Source Sans Pro
Tech
科技风格
- Headings: Space Grotesk Bold
- Body: IBM Plex Sans Regular
- 标题: Space Grotesk Bold
- 正文: IBM Plex Sans Regular
Tips for Better Slides
提升幻灯片质量的技巧
- Kill bullet points - Use visuals instead
- One number per slide - Make data memorable
- Full-bleed images - Go edge-to-edge
- Dark backgrounds - Stand out in dim rooms
- Consistent icons - Same style throughout
- Animate purposefully - Support story, don't distract
- Leave margins - Content shouldn't touch edges
- Test on projector - Colors look different
- 删除项目符号 - 用视觉元素替代
- 每页一个数据 - 让数据更易记
- 全屏图片 - 边缘延伸至幻灯片边界
- 深色背景 - 在昏暗房间中更醒目
- 图标风格统一 - 全程使用相同风格的图标
- 有目的性地添加动画 - 辅助叙事，而非分散注意力
- 保留边距 - 内容不要触碰边缘
- 在投影仪上测试 - 颜色在投影上会有差异
Resources
资源
Icon Libraries
图标库
- Flaticon (flaticon.com)
- The Noun Project (thenounproject.com)
- Feather Icons (feathericons.com)
- Heroicons (heroicons.com)
- Flaticon (flaticon.com)
- The Noun Project (thenounproject.com)
- Feather Icons (feathericons.com)
- Heroicons (heroicons.com)
Stock Photos
图库
- Unsplash (unsplash.com)
- Pexels (pexels.com)
- Pixabay (pixabay.com)
- Unsplash (unsplash.com)
- Pexels (pexels.com)
- Pixabay (pixabay.com)
Color Tools
配色工具
- Coolors (coolors.co)
- Adobe Color (color.adobe.com)
- Color Hunt (colorhunt.co)
- Coolors (coolors.co)
- Adobe Color (color.adobe.com)
- Color Hunt (colorhunt.co)
Limitations
局限性
- Cannot create actual PPTX files directly
- Cannot generate images
- Design specs need implementation
- Complex animations need manual setup
Built by the Claude Office Skills community. Contributions welcome!
- 无法直接创建PPTX文件
- 无法生成图片
- 设计规范需要手动实施
- 复杂动画需要手动设置
由Claude办公技能社区开发，欢迎贡献内容！