Notebooklm Ppt Designer

NotebookLM PPT设计大师

将用户内容素材转化为可直接执行的PPT设计方案，支持TED演讲级信息架构和Apple Keynote风格极简美学。

核心能力

• TED演讲级信息架构设计
• Apple Keynote风格极简美学
• 品牌视觉规范精确执行
• 结构化设计文档输出

工作流程

步骤1：识别输入类型

步骤2：构建PPT结构

标准演示结构：

• Page 01: 标题页 → 主题+副标题+品牌标识
• Page 02: 背景页 → 建立共鸣，引出话题
• Page 03~N-1: 内容页 → 每页一个核心观点
• Page N: 总结页 → 核心金句+行动号召

步骤3：选择视觉形式

根据内容类型选择最佳视觉形式（详见 references/visual-forms.md）：

步骤4：生成设计方案

为每页生成完整设计参数：

• 设计思路（目标、策略、视觉形式）
• ASCII布局示意图
• YAML格式精确参数（位置、字体、颜色、尺寸）

品牌视觉规范

如用户提供品牌规范文档，严格遵循。否则使用默认极简风格。

默认配色：

• 背景: #000000 纯黑
• 强调: #00FF94 荧光绿（仅占3-5%）
• 主文字: #FFFFFF 纯白
• 次要: #CCCCCC 浅灰
• 弱化: #808080 中灰

默认布局：

• 画布: 1920×1080px (16:9)
• 外边距: 60px
• 留白: 55-60%
• 网格: 8px单位

详细规范见 references/brand-defaults.md

输出格式

项目概览

| 项目 | 信息 |
|-----|-----|
| 项目标题 | [标题] |
| 目标受众 | [受众] |
| 演讲时长 | [X-X分钟] |
| 总页数 | [N]页 |

单页设计

### Page [XX] - [页面标题]

#### 💡 设计思路
- 目标：[3秒内传达什么]
- 视觉形式：[选择的形式]

#### 📐 布局结构
[ASCII示意图]

#### 🎯 设计参数
[YAML格式参数]

完整模板见 references/output-templates.md

交互模式

主题词输入

仅提供主题词时，先确认： 1. 目标受众 2. 演讲场景 3. 预期页数 4. 核心要点

然后提供大纲草案，确认后生成设计。

讲稿输入

分析讲稿，提取： 1. 核心观点列表 2. 建议视觉形式 3. PPT结构方案

确认后生成完整设计文档。

Gamma Pro适配

需要Gamma Pro指令时，在末尾添加简化英文格式。详见 references/gamma-pro-format.md

质量检查

• [ ] 页面背景统一
• [ ] 强调色≤5%
• [ ] 留白55-60%
• [ ] 每页一个核心观点
• [ ] 间距8px倍数
• [ ] 参数可直接执行

品牌视觉规范默认值

当用户未提供品牌规范时使用的默认极简风格参数。

核心配色

背景:
  纯黑: "#000000"  # 所有页面统一

品牌强调:
  荧光绿: "#00FF94"  # 页码、强调、数据、链接

文字:
  主文字: "#FFFFFF"  # 标题和重要内容
  次要: "#CCCCCC"    # 描述和说明
  弱化: "#808080"    # 注释和辅助

禁用颜色:
  - 任何蓝色系
  - 任何渐变色
  - 过于鲜艳的颜色

色彩使用比例

黑色背景: 60-65%
白色内容: 25-30%
强调色: 3-5% ← 黄金比例，克制使用

字体层级

H0_页码:
  字号: 96pt
  字重: Bold
  颜色: "#00FF94"
  字体: 等宽字体 (Courier New / SF Mono)

H1_页面标题:
  字号: 42pt
  字重: Bold
  颜色: "#FFFFFF"

H2_一级内容:
  字号: 32pt
  字重: Bold
  颜色: "#FFFFFF"

H3_二级标题:
  字号: 28pt
  字重: SemiBold
  颜色: "#FFFFFF" 或 "#00FF94"

Body_正文:
  字号: 20pt
  字重: Regular
  颜色: "#CCCCCC"
  行高: 1.6倍

Note_注释:
  字号: 14pt
  字重: Regular
  颜色: "#808080"

页面布局

画布规格:
  比例: 16:9
  尺寸: 1920×1080px

边距系统:
  外边距: 60px (上下左右)
  安全区: 80px (内容到边缘最小距离)

留白目标: 55-60%

网格系统:
  基础单位: 8px
  常用间距: 8, 16, 24, 32, 48, 64

页码规范

位置: 左上区域
  距顶: 15%
  距左: 10%

装饰线:
  宽度: 150px
  高度: 1px
  颜色: "#00FF94"
  位置: 页码上方

格式: 01, 02, 03... (两位数补零)

底部标识

左下:
  内容: "[品牌标语]" 或留空
  字体: 14pt Regular
  颜色: "#CCCCCC"
  距左: 60px
  距底: 40px

右下:
  内容: "[品牌域名]" 或留空
  字体: 14pt Bold
  颜色: "#00FF94"
  距右: 80px
  距底: 40px

视觉元素规范

允许使用:
  - 极简几何: 方形、圆形、线条
  - 代码符号: {} <> // () []
  - 箭头: → ↓ ⇒ (使用强调色)
  - 状态符号: ✓ ✗ ◆
  - Emoji: 适量使用 (每个卡片最多1个)

严格禁止:
  - 复杂插画
  - 渐变色
  - 3D效果
  - 过度阴影
  - 多彩图标
  - 像素粒子效果

容器样式

卡片:
  背景: "#0F0F1F" 或 "#1A1A1A"
  边框: 1px #3A3A3A
  圆角: 4-6px
  内边距: 16-32px

强调框:
  背景: "rgba(0,255,148,0.1)"
  边框: 2px #00FF94
  圆角: 4px
  阴影: "0 8px 24px rgba(0,255,148,0.15)"

分隔线:
  高度: 1px
  颜色: "#3A3A3A" 或 "#00FF94"

Gamma Pro 适配输出格式

当需要将设计方案转换为Gamma Pro可用的生成指令时，使用此格式。

输出结构

---

## 🚀 Gamma Pro 生成指令

Create a [N]-slide presentation:

**Brand Style:**
- Background: Pure black #000000
- Primary accent: [强调色] 
- Text: White #FFFFFF, Gray #CCCCCC
- Style: Minimalist, 55-60% whitespace
- No gradients, pure flat colors only

**Slide Structure:**

Slide 1 - Title:
- Title: "[主标题]" (54pt bold white centered)
- Subtitle: "[副标题]" (24pt gray centered)
- Footer: "[左下标识]" (left) + "[右下标识]" (right accent color)

Slide 2 - "[标题]" Page "01":
- Large "01" top-left (96pt accent color with accent line above)
- Title: "[标题]" (42pt bold white)
- Content: [视觉形式英文描述]
- Key highlight in accent color

Slide 3 - "[标题]" Page "02":
[继续每一页...]

**Design Rules:**
- Page numbers: 01, 02, 03... in accent color
- One key point per slide
- Arrows (→) in accent color for transitions
- Key data highlighted in accent color
- Consistent 8px grid spacing

视觉形式英文描述模板

箭头流程 (Arrow Flow)

Three-stage horizontal flow with arrows:
[State A] → [State B] → [State C]
Progressive emphasis: gray → white → accent color
Arrow color: accent color

三列卡片 (Three-Column Cards)

Three equal-width cards side by side:
Card 1: [Emoji] + [Title] + [Data] + [Description]
Card 2: [Emoji] + [Title] + [Data] + [Description]
Card 3: [Emoji] + [Title] + [Data] + [Description]
Card background: dark gray, data in accent color

金字塔递进 (Pyramid)

Three-tier pyramid structure (bottom to top):
Base: [Level 1] - subtle border
Middle: [Level 2] - medium emphasis
Top: [Level 3] - accent color highlight
Overlapping layers, narrowing upward

竖线列表 (Vertical List)

Left accent line with diamond bullet points:
◆ [Point 1]: [Description]
◆ [Point 2]: [Description]
◆ [Point 3]: [Description]
Diamond bullets in accent color

居中引用 (Centered Quote)

Centered layout:
[Emoji]
[Small title in accent color]
────────
"[Quote text]"
Optional: accent color border box with subtle glow

大数字强调 (Data Highlight)

Large number centered:
[95%] in accent color (96pt)
[Description] in white (24pt)
Optional: three smaller data cards below

完整示例

## 🚀 Gamma Pro 生成指令

Create a 9-slide presentation:

**Brand Style:**
- Background: Pure black #000000
- Primary accent: Neon green #00FF94
- Text: White #FFFFFF, Gray #CCCCCC
- Style: Minimalist, 55-60% whitespace
- No gradients, pure flat colors only

**Slide Structure:**

Slide 1 - Title:
- Title: "Vibe Coding 之道" (54pt bold white centered)
- Subtitle: "人机协作编程新范式" (24pt gray centered)
- Footer: "The Real AI Engineer" (left) + "trae.ai" (right green)

Slide 2 - "编程范式的转折" Page "01":
- Large "01" top-left (96pt green with green line above)
- Title: "编程范式的转折" (42pt bold white)
- Content: Three-stage horizontal flow with arrows showing evolution
- Key highlight: final stage in neon green

Slide 3 - "人机协作三形态" Page "02":
- Large "02" top-left (96pt green)
- Title: "人机协作的三种形态" (42pt bold white)
- Content: Three-tier pyramid (用 → 驭 → 合)
- Top tier highlighted in neon green

Slide 4 - "核心三项" Page "03":
- Large "03" top-left
- Content: Three equal-width cards with emojis
- Data numbers in neon green

[Continue for remaining slides...]

Slide 9 - "总结" Page "08":
- Centered quote layout
- Quote in white with green border box
- Call to action with green link

**Design Rules:**
- Page numbers: 01, 02, 03... in neon green
- One key point per slide
- Arrows (→) in green for transitions
- Key data highlighted in neon green
- Consistent 8px grid spacing

注意事项

1. 语言：Gamma Pro指令使用英文 2. 简化：相比完整设计方案，Gamma指令更简洁 3. 关键词：使用Gamma能理解的描述词 4. 颜色：始终指定具体的十六进制颜色值 5. 结构：保持Slide + 描述的清晰格式

输出格式模板

完整的PPT设计方案输出结构和单页设计模板。

完整输出结构

# 📊 《[项目标题]》完整PPT设计方案

---

## 📋 项目概览

| 项目 | 信息 |
|-----|-----|
| 项目标题 | [从内容提取] |
| 目标受众 | [开发者/技术主管/...] |
| 演讲时长 | [X-X分钟] |
| 总页数 | [N]页 |
| 设计风格 | [极简/科技/品牌名] |
| 品牌标语 | [如有] |
| 官网标识 | [如有] |

---

## 🎨 品牌视觉规范摘要

[从品牌规范或默认值提取关键信息]

### 配色
- 背景: #000000
- 强调: #00FF94
- 主文字: #FFFFFF
- 次要: #CCCCCC

### 字体层级
- 页码: 96pt Bold 等宽
- 标题: 42pt Bold
- 内容: 32pt Bold
- 正文: 20pt Regular

---

## 📄 完整[N]页设计方案

[每页详细设计...]

---

## 🎬 跨页面连贯性规范

### 视觉统一性
- [ ] 所有页面使用相同背景色
- [ ] 页码位置和样式一致
- [ ] 底部标识位置固定
- [ ] 字体层级全局统一

### 内容递进
- [ ] 主题从抽象到具体
- [ ] 强调程度逐渐递增
- [ ] 色彩使用有节奏感

---

## 📊 质量检查清单

### 品牌规范检查
- [ ] 所有页面背景统一
- [ ] 页码格式正确 (01, 02, 03...)
- [ ] 底部标识位置正确
- [ ] 强调色使用面积≤5%

### 设计规范检查
- [ ] 所有间距都是8px的倍数
- [ ] 留白比例达到55-60%
- [ ] 没有使用渐变色或3D效果
- [ ] 字体种类不超过2种

### 内容检查
- [ ] 每页只有一个核心观点
- [ ] Emoji使用适量（每页最多2个）
- [ ] 页面间有视觉连贯性

### 输出检查
- [ ] 包含ASCII布局示意图
- [ ] 包含YAML格式精确参数
- [ ] 参数精确到可直接执行

单页设计模板

### Page [XX] - [页面标题]「[页码显示]」

#### 💡 设计思路

| 维度 | 内容 |
|-----|-----|
| 目标 | [这一页3秒内要传达什么] |
| 策略 | [采用什么视觉策略] |
| 视觉形式 | [箭头流程/并列卡片/金字塔/竖线列表/居中引用/数据强调] |

#### 📐 布局结构

┌────────────────────────────────────────────────┐ │ ────────── │ │ [页码] │ │ │ │ [页面标题] │ │ │ │ [核心内容区布局示意图] │ │ │ │ │ │ [左下标识] [右下标识] │ └────────────────────────────────────────────────┘

#### 🎯 精确设计参数

**【页码区】**

装饰线: 宽度: 150px 高度: 1px 颜色: "#00FF94" 位置: "距顶80px, 距左80px"

页码: 内容: "[XX]" 字体: "96pt Bold Courier New" 颜色: "#00FF94" 位置: "装饰线下方24px"

**【标题区】**

主标题: 内容: "[具体文字]" 字体: "42pt Bold" 颜色: "#FFFFFF" 位置: "页码右方, 顶部对齐" 距左: 240px

**【核心内容区】**

根据选择的视觉形式填写

参考 visual-forms.md 中的对应模板

布局类型: "[视觉形式类型]" 对齐: "[对齐方式]"

[具体内容参数...]

**【底部标识】**

左下: 内容: "[品牌标语]" 字体: "14pt Regular" 颜色: "#CCCCCC" 位置: "距左60px, 距底40px"

右下: 内容: "[品牌域名]" 字体: "14pt Bold" 颜色: "#00FF94" 位置: "距右80px, 距底40px"

特殊页面模板

标题页模板

### Page 01 - 标题页

#### 📐 布局结构

┌────────────────────────────────────────────────┐ │ │ │ │ │ │ │ [主标题] │ │ [副标题] │ │ │ │ │ │ │ │ [左下标识] [右下标识] │ └────────────────────────────────────────────────┘

#### 🎯 精确设计参数

主标题: 内容: "[标题文字]" 字体: "54pt Bold" 颜色: "#FFFFFF" 对齐: "水平居中, 垂直居中偏上"

副标题: 内容: "[副标题文字]" 字体: "24pt Regular" 颜色: "#CCCCCC" 距主标题: 24px

品牌元素(可选): Logo: "[如有]" 位置: "主标题上方 或 右上角"

总结页模板

### Page [N] - 总结页

#### 📐 布局结构

┌────────────────────────────────────────────────┐ │ ────────── │ │ [页码] │ │ │ │ 💡 [小标题] │ │ ─────────────── │ │ │ │ "[核心金句]" │ │ │ │ [行动号召] │ │ │ │ [左下标识] [右下标识] │ └────────────────────────────────────────────────┘

#### 🎯 精确设计参数

金句区: Emoji: "44pt" 小标题: "22pt Bold #00FF94" 分隔线: "200px宽, 1px #00FF94" 金句: "32pt Bold #FFFFFF, 行高1.4"

行动号召(可选): 内容: "[具体行动]" 字体: "20pt Regular" 颜色: "#CCCCCC" 样式: "链接用荧光绿"

视觉形式设计库

详细的PPT视觉形式参数模板，按内容类型组织。

形式1: 箭头流程（对比/演进）

适用于：状态变化、流程演进、对比展示

┌─────────────────────────────────────────┐
│                                         │
│   [状态A]  ──→  [状态B]  ──→  [状态C]   │
│     ↑            ↑            ↑        │
│   弱化         过渡         强调       │
│  #808080     #CCCCCC      #00FF94     │
│                                         │
└─────────────────────────────────────────┘

参数模板：

布局类型: horizontal_flow
对齐: 水平居中, 垂直居中

状态框:
  宽度: 160-200px
  高度: 80-100px
  背景: "#1A1A1A"
  圆角: 4px
  内边距: 16px 24px

连接箭头:
  符号: "→"
  颜色: "#00FF94"
  长度: 80-120px
  线宽: 3px

元素间距: 48px

强调递进:
  第一项: 边框1px#808080, 文字#808080
  第二项: 边框1px#CCCCCC, 文字#CCCCCC
  第三项: 边框2px#00FF94, 文字#00FF94, 背景荧光绿10%透明

形式2: 三列卡片（并列展示）

适用于：特点列举、选项对比、功能展示

┌─────────────────────────────────────────┐
│                                         │
│  ┌─────────┐ ┌─────────┐ ┌─────────┐   │
│  │  🎮     │ │  💻     │ │  🤖     │   │
│  │  标题   │ │  标题   │ │  标题   │   │
│  │ < 1小时 │ │  零报错 │ │ 深度反思│   │
│  │  说明   │ │  说明   │ │  说明   │   │
│  └─────────┘ └─────────┘ └─────────┘   │
│                                         │
└─────────────────────────────────────────┘

参数模板：

布局类型: card_grid
列数: 3
对齐: 水平居中

卡片:
  宽度: 320px
  高度: 280-420px
  背景: "#0F0F1F"
  边框: 1px #3A3A3A
  圆角: 6px
  内边距: 32px 24px

卡片间距: 32px

内容层级:
  Emoji: 48pt 居中
  标题: 24pt Bold #FFFFFF
  数据: 36pt Bold #00FF94
  说明: 16pt Regular #CCCCCC
  
内部间距:
  Emoji到标题: 24px
  标题到数据: 16px
  数据到说明: 12px

形式3: 金字塔递进（层级关系）

适用于：阶段递进、重要性排序、能力层级

┌─────────────────────────────────────────┐
│                                         │
│        ┌─────────────────┐              │
│        │  合（融合阶段）  │  ← 强调     │
│        └─────────────────┘              │
│      ┌─────────────────────┐            │
│      │  驭（助手阶段）     │  ← 过渡    │
│      └─────────────────────┘            │
│    ┌─────────────────────────┐          │
│    │  用（工具阶段）         │  ← 弱化  │
│    └─────────────────────────┘          │
│                                         │
└─────────────────────────────────────────┘

参数模板：

布局类型: pyramid
对齐: 水平居中
堆叠方式: 重叠式(overlap 24px)

层级配置:
  底层:
    宽度: 700px
    边框: 1px #808080
    背景: "#0A0A0A"
    标题颜色: "#CCCCCC"
    
  中层:
    宽度: 620px
    边框: 2px #CCCCCC
    背景: "rgba(0,255,148,0.12)"
    标题颜色: "#FFFFFF"
    
  顶层:
    宽度: 540px
    边框: 3px #00FF94
    背景: "rgba(0,255,148,0.15)"
    标题颜色: "#00FF94"

层高: 80px
层间距: -24px (重叠)

形式4: 左侧竖线+菱形列表（维度展示）

适用于：要点罗列、维度分析、特性说明

┌─────────────────────────────────────────┐
│                                         │
│    │ ◆ 责任归属                         │
│    │   AI无法承担法律责任               │
│    │                                    │
│    │ ◆ 价值判断                         │
│    │   判断功能是否满足需求             │
│    │                                    │
│    │ ◆ 创新创意                         │
│    │   跨域思维与情感共鸣               │
│                                         │
└─────────────────────────────────────────┘

参数模板：

布局类型: vertical_list
对齐: 左对齐

竖线:
  宽度: 3px
  颜色: "#00FF94"
  距左: 12%
  高度: 自适应内容

菱形符号:
  符号: "◆"
  字号: 20pt
  颜色: "#00FF94"
  距竖线: 24px

标题:
  字号: 28pt Bold
  颜色: "#FFFFFF"
  距菱形: 16px

描述:
  字号: 18pt Regular
  颜色: "#CCCCCC"
  最大宽度: 600px
  距标题: 8px

维度间距: 56px

形式5: 居中引用（金句/总结）

适用于：核心观点、金句展示、号召行动

┌─────────────────────────────────────────┐
│                                         │
│               💡 核心金句               │
│            ───────────────              │
│                                         │
│           "技术可以外包                 │
│     判断、责任、创新永远属于人"         │
│                                         │
│                                         │
└─────────────────────────────────────────┘

参数模板：

布局类型: centered_quote
对齐: 完全居中

小标题:
  Emoji: 44pt
  文字: 22pt Bold #00FF94
  间距: 16px

分隔线:
  宽度: 200px
  高度: 1px
  颜色: "#00FF94"
  距小标题: 24px

金句:
  字号: 32pt Bold
  颜色: "#FFFFFF"
  行高: 1.4
  最大宽度: 800px
  距分隔线: 32px

引用框(可选):
  背景: "rgba(0,255,148,0.05)"
  边框: 2px #00FF94
  圆角: 4px
  内边距: 20px 40px
  阴影: "0 8px 24px rgba(0,255,148,0.12)"

形式6: 大数字强调（数据展示）

适用于：关键数据、成果展示、统计信息

┌─────────────────────────────────────────┐
│                                         │
│                 95%                     │
│           准确率提升                    │
│                                         │
│    ┌──────┐  ┌──────┐  ┌──────┐        │
│    │ 3x   │  │ 50%  │  │ 24/7 │        │
│    │ 效率 │  │ 成本 │  │ 服务 │        │
│    └──────┘  └──────┘  └──────┘        │
│                                         │
└─────────────────────────────────────────┘

参数模板：

布局类型: data_highlight
对齐: 水平居中

主数据:
  数字: 96pt Bold #00FF94
  说明: 24pt Regular #FFFFFF
  间距: 16px

副数据组:
  容器: 横向排列
  数字: 48pt Bold #FFFFFF
  说明: 16pt Regular #CCCCCC
  
副数据卡片:
  宽度: 180px
  背景: "#0F0F1F"
  边框: 1px #3A3A3A
  内边距: 24px 16px
  
卡片间距: 24px
主副间距: 64px