educational-presentation

教育演示文稿设计

将任何演示文稿转变为基于学习科学证据、经过认知优化的学习工具。

核心理念：最大限度减轻认知负荷

首要原则：每项设计决策都必须服务于学习：

1. 减少外在负荷（消除干扰）
2. 管理内在负荷（将复杂内容分块）
3. 优化相关负荷（最大限度地为实际学习保留心理资源）

关键规则：如果某个设计元素不能直接支持学习，就将其移除。

---

基本原则（不可妥协）

Mayer 最重要的 3 项原则

1. 一致性原则 ⭐ 最重要

规则：排除所有无关材料——不要使用装饰性剪贴画、繁杂背景或无关细节。 应用：每张幻灯片上的元素都必须有明确的教学目的。

2. 冗余原则 ⭐ 关键

规则：不要在幻灯片上放置将被朗读的段落文字。 原因：这会造成“认知通道之争”——听众无法同时阅读和聆听。 解决方案：

• 视觉内容 + 旁白 = 好 ✅
• 视觉内容 + 大段文字 + 旁白 = 认知超载 ❌
• 将所有段落文字移至演讲者备注
• 幻灯片上只放关键词、图形或图表

3. 分段原则 ⭐ 必不可少

规则：使用渐进式呈现或多张幻灯片，将内容拆分为由用户控制节奏的小块。 应用：不要用一张内容密集的幻灯片造成信息过载——应将内容拆分到 3-5 张幻灯片中。

如需了解 Mayer 全部 12 项原则的详细应用，请阅读 references/quick-reference.md。

---

宏观结构：加涅的 9 个教学事件框架

每份教育演示文稿都必须遵循以下结构：

事件 1：引起注意

• 提出发人深省的问题、令人惊讶的统计数据或引人入胜的案例研究
• 激发好奇心并集中注意力

事件 2：告知学习者学习目标

• “本节结束时，你将能够……”
• 使用可衡量的动作动词（分析、比较、应用、评估、创造）

事件 3：唤起先前学习

• 投票问题：“你对 X 已经了解多少？”
• 激活已有知识，为学习打下基础

事件 4：呈现内容

• 主要内容幻灯片采用视觉内容 + 旁白（而非大段文字）
• 将内容拆分为易于消化的 3-5 分钟片段
• 采用渐进式呈现

事件 5：提供学习指导

• 解题示例、反例、类比和案例研究
• 图形组织工具和助记法

事件 6：引出学习表现

• “试着解答这个问题”或“与你旁边的人讨论”
• 互动测验或应用练习（不计分）

事件 7：提供反馈

• 给出正确答案及解释
• 展示理想回答示例，并说明常见错误及避免方法

事件 8：评估学习表现

• 正式测验、项目任务或期末演示要求
• 衡量是否达成目标

事件 9：增强保持与迁移

• 最终总结和迁移问题：“你会如何在工作中运用所学？”
• 要求解决现实问题

如需了解每个事件的详细模板，请阅读 references/slide-templates.md。

---

微观设计：C.R.A.P. 原则

1. 对比

通过明显差异建立视觉层次：

• 大号标题（36-44pt）与较小的正文（24-32pt）
• 中性色背景上的明亮强调色
• 粗体与常规字重

2. 重复

重复使用相同的字体、颜色和布局：

• 标题位置保持一致
• 每张幻灯片使用相同的配色方案
• 整套演示文稿最多使用 2 种字体

3. 对齐

所有元素都应有明确的摆放依据：

• 使用隐形网格（开启参考线）
• 正文左对齐（段落不要居中）
• 每个元素都应与其他元素建立联系

4. 接近

将相关项目放在一起：

• 将标签直接放在图形旁边
• 用留白分隔不相关的内容组

如需了解 C.R.A.P. 原则的详细应用，请阅读 references/quick-reference.md。

---

字体与颜色要点

排版规则

• 字体选择：仅使用无衬线字体（Arial、Calibri、Verdana、Helvetica）
• 字号：主标题为 36-44pt，正文至少为 24-32pt
• 对齐方式：所有正文左对齐，绝不居中
• 强调方式：使用粗体，绝不使用下划线或全大写

配色策略

60-30-10 规则：

• 60% 主色（中性色背景：白色、米白色、深灰色）
• 30% 次要色（结构元素：标题栏、侧边栏）
• 10% 强调色（关键词、按钮、箭头——明亮且对比鲜明）

无障碍性（WCAG 2.1 AA）：

• 普通文本的对比度至少为 4.5:1
• 大号文本（18pt+）的对比度至少为 3:1
• 绝不使用红绿或蓝黄组合

工具：WebAIM Contrast Checker、Adobe Color、Coolors

---

视觉元素与多媒体

图片与图标

• ✅ 高质量且相关的照片
• ✅ 专业图标（Noun Project、Flaticon、Iconoir）
• ✅ 图标可以替代项目符号
• ❌ 不使用装饰性剪贴画或“诱人的细节”

图表与示意图

• 每张图表简化为一个清晰的信息
• 复杂示意图采用渐进式呈现
• 直接在元素上标注（而不是使用单独的图例）

免费合法资源：

• 图片：Unsplash、Wikimedia Commons
• 图标：Noun Project、Flaticon、Iconoir

---

渐进式呈现与动画

适用场景

• 3 个或更多项目符号或列表项
• 复杂示意图或流程
• 分步说明

实现方法

PowerPoint：Animations > Add Animation > Appear > Effect Options: On Click Google Slides：Insert > Animation > Appear/Fade In > On Click

关键规则：

• 仅使用“Appear”或“Fade”（不使用分散注意力的效果）
• 设置为“On Click”，而非“After Previous”
• 逐步构建示意图

---

无障碍性（WCAG 2.1 AA）

必备要求

1. 所有图片和图表都要添加替代文本
2. 对比度达到 4.5:1（使用工具验证）
3. 使用内置版式（不要随意放置浮动文本框）
4. 检查并修正阅读顺序
5. 不依赖颜色（不要仅凭颜色传达含义）

工具

PowerPoint：File > Info > Check for Issues > Check Accessibility Google Slides：Grackle Slides 插件

如需完整的无障碍检查清单，请阅读 references/validation.md。

---

应避免的常见错误

❌ 致命项目符号幻灯片

问题：一次性展示 8 个或更多项目符号，且每项都是完整句子 解决方法：拆分到 3-4 张幻灯片中，每张只传达一个清晰的信息，并采用渐进式呈现

❌ 文字墙

问题：幻灯片上写满段落，演讲者照稿朗读 解决方法：将所有段落文字移到演讲者备注中，只保留关键词和图形

❌ 剪贴画灾难

问题：使用无法说明概念的通用剪贴画 解决方法：使用高质量且相关的照片或专业图标

❌ 信息过载的示意图

问题：一次性展示复杂流程图的全部内容 解决方法：采用渐进式呈现，逐步构建

❌ 万物居中

问题：幻灯片上的所有文字都居中 解决方法：所有正文左对齐，并使用隐形网格

如需查看详细的改造前后对比，请阅读 references/before-after.md。

---

工作流：创建演示文稿

第 1 步：规划结构（5-10 分钟）

1. 明确学习目标（使用可衡量的行为动词）
2. 使用 Gagné 的 9 个教学事件框架列出大纲
3. 确定需要预先教学的关键概念
4. 规划练习机会和反馈

第 2 步：创建内容幻灯片（30-60 分钟）

1. 从幻灯片标题开始（每张幻灯片传达一个清晰的观点）
2. 先添加相关视觉素材（而非将其用作装饰）
3. 添加最少的文字（仅关键词，不写完整句子）
4. 撰写详细的演讲者备注（你要讲的内容）
5. 始终如一地应用 C.R.A.P. 原则

第 3 步：实现渐进式呈现（10-20 分钟）

1. 找出包含 3 个或更多项目的幻灯片
2. 添加设置为“On Click”的“Appear”动画
3. 测试流程和时长

步骤 4：交付前验证（10-15 分钟）

1. 运行无障碍检查器
2. 验证对比度
3. 检查阅读顺序
4. 确认所有图片均有替代文本
5. 在实际演示屏幕上测试

如需完整的验证清单（174 项），请阅读 references/validation.md。

---

决策树

“要把这段文字放在幻灯片上吗？”

Will I read this text aloud?
├─ YES → Move to speaker notes ✅
│      (Use visual + keyword only on slide)
└─ NO → Consider keeping on slide
       ├─ Is it a keyword/label? → Keep ✅
       ├─ Is it a technical term that must be referenced? → Keep ✅  
       └─ Is it a full sentence/paragraph? → Move to notes ✅

“应该使用哪种图表？”

What's your data story?
├─ Comparing categories → Bar/Column chart
├─ Showing trend over time → Line graph
├─ Part-to-whole relationship → Pie/Donut (max 5 slices)
└─ Correlation between variables → Scatter plot

---

快速验证清单

交付前，请确认：

结构 ✓

• 遵循 Gagné 的 9 个教学事件框架
• 明确列出学习目标
• 包含练习机会和反馈

认知负荷 ✓

• 每张幻灯片都不超过一个主要观点
• 复杂内容经过适当分块
• 移除所有装饰元素（一致性原则）
• 没有大段文字加旁白（冗余原则）

设计 ✓

• 高对比度营造清晰的层级
• 始终保持一致的重复模式
• 所有元素均与网格对齐
• 每张幻灯片都留有充足的留白

字体排印 ✓

• 使用无衬线字体
• 最多使用 2 种字体
• 所有文字字号至少为 24pt
• 正文左对齐

颜色 ✓

• 应用 60-30-10 法则
• 所有文字的对比度均达到 4.5:1
• 不使用红/绿或蓝/黄配色

多媒体 ✓

• 每张幻灯片都有文字和图片
• 只使用高质量且相关的图片
• 标签放在图形旁边

交互 ✓

• 在适当之处应用渐进式呈现
• 将动画设置为“单击时”
• 仅使用“出现”或“淡化”

无障碍 ✓

• 为所有图片/图表添加替代文本
• 使用内置版式
• 验证对比度

---

核心准则

1. “如果不能助力学习，就删掉。”（一致性原则）
2. “视觉内容 + 旁白，而非视觉内容 + 文字 + 旁白。”（冗余原则）
3. “一张幻灯片，一个观点。”（分段原则）
4. “整洁不等于空荡；整洁意味着聚焦。”（留白）
5. “美观即高效。”（认知负荷理论）
6. “要么为所有人设计，要么谁都别设计。”（无障碍）

---

参考文件指南

此技能包含针对特定需求的详细参考文件：

references/quick-reference.md

适用场景：需要在创作过程中快速做出决策，或想要一份便于浏览的清单
包含内容：

• 30 秒检查清单
• 12 秒掌握 Mayer 的 12 条原则
• 9 张幻灯片讲解 Gagné 的 9 个教学事件
• 4 个问题理解 C.R.A.P.
• 字体排印速查规则
• 颜色 60-30-10 法则
• 渐进式呈现指南
• 无障碍 5 项必备要点
• 应避免的 5 个常见错误
• 图表选择指南

references/slide-templates.md

适用场景：需要特定幻灯片类型的即用型模板
包含内容：

• 按 Gagné 的 9 个教学事件组织的 20 多种模板
• 开场幻灯片（3 种模板）
• 目标、回顾、内容和指导模板
• 练习、反馈和评估模板
• 迁移/应用模板
• 特殊幻灯片（章节分隔页、总结、问答、致谢、参考资料）
• 每种模板的选择指南

references/before-after.md

适用场景：想了解具体的改进示例或常见错误
包含内容：

• 6 个主要改进示例
• 对问题的认知分析
• 应用的逐步解决方案
• 用于验证的 C.R.A.P.-Mayer 评分
• 展示改进效果的视觉对比

references/validation.md

适用场景：需要在交付前进行全面验证
包含内容：

• 完整的 174 项验证清单
• 13 个带评分的评估部分
• 教学结构（20 分）
• Mayer 原则（24 分）
• C.R.A.P. 设计（16 分）
• 字体排印、颜色、视觉元素（40 分）
• 动画、留白、无障碍（36 分）
• 内容、时长、叙事、一致性（38 分）
• 评分体系：95-100% = 卓越，85-94% = 非常好，70-84% = 可接受，<70% = 需要返工

---

使用技术工具进行实现

PowerPoint/Google Slides

在 PowerPoint 或 Google Slides 中创建演示文稿时：

1. 手动应用这些原则
2. 使用内置的无障碍检查工具
3. 使用 WebAIM 或 Coolors 检查对比度
4. 测试渐进式呈现动画

使用 Claude 创建（pptx skill）

当 Claude 需要创建实际的 .pptx 文件时：

1. 此技能提供教学设计和内容结构
2. pptx skill 提供技术实现（html2pptx、python-pptx）
3. 先使用此技能进行设计，再使用 pptx skill 构建

工作流：

1. 使用 educational-presentation skill 规划结构和内容
2. 创建包含演讲者备注的详细幻灯片大纲
3. 使用 pptx skill 实现技术文件创建
4. 返回此技能进行最终验证

---

核心理论与延伸阅读

基础理论：

• 认知负荷理论（Sweller）
• Mayer 的多媒体学习认知理论
• Gagné 的九大教学事件
• Bloom 分类法

设计原则：

• Robin Williams 的 C.R.A.P. 原则
• WCAG 2.1 无障碍指南

推荐书籍：

• 《Presentation Zen》，作者：Garr Reynolds
• 《Slide:ology》，作者：Nancy Duarte
• 《Multimedia Learning》，作者：Richard E. Mayer

---

总结：从这里开始

刚接触教育演示文稿？ 按照以下步骤操作：

1. 完整阅读此 SKILL.md 文件（15 分钟）
2. 阅读 references/quick-reference.md（10 分钟）
3. 使用 references/slide-templates.md 开始创建（每个模板 5 分钟）
4. 交付前使用上方的检查清单进行验证

要改进现有演示文稿？ 按照以下步骤操作：

1. 阅读 references/before-after.md，找出常见错误（30 分钟）
2. 对幻灯片应用改进
3. 使用 references/validation.md 进行验证（15–30 分钟）

创建过程中需要快速参考？ 保持 references/quick-reference.md 处于打开状态

---

请记住：出色的演示文稿也是认知效率高的演示文稿。每项设计选择都应服务于学习，而不只是美观。

---

Claude 负责什么，你来决定什么

Claude 负责	你提供
应用 Gagné 的 9 大事件结构	学习目标和内容
落实 Mayer 的 12 项原则	领域专业知识和示例
检查无障碍性（WCAG 2.1 AA）	视觉设计偏好
建议渐进式呈现	节奏和呈现风格
运行验证检查清单	最终审批和完善

---

技能适用范围

此技能擅长的场景：

• 培训和教育演示文稿
• 工作坊和课程材料
• 注重学习且重视知识留存的内容
• 无障碍演示文稿设计

此技能不太适合的场景：

• 销售演示文稿 → 需要采用不同结构
• 娱乐类演示文稿 → 注重互动，而非知识留存
• 信息图表 → 静态设计，而非渐进式呈现

---

迭代指南

轮次	重点	操作
第 1 轮	结构	应用 Gagné 的 9 大事件框架
第 2 轮	认知负荷	检查连贯性、冗余和分段
第 3 轮	设计	应用 C.R.A.P. 原则
第 4 轮	无障碍性	运行 WCAG 检查清单

---

技能元数据

name: educational-presentation
category: content
subcategory: presentations
version: 2.0
author: GUIA
source_expert: Richard Mayer, Robert Gagné, Robin Williams
source_work: Multimedia Learning, Conditions of Learning, The Non-Designer's Design Book
difficulty: intermediate
mode: cyborg
tags: [presentation, education, training, cognitive-load, mayer, gagne, accessibility]
created: 2026-02-03
updated: 2026-02-03