baoyu-design Skill 支持 PPT 动画了：做完不再是“静态海报” 🎬

用 AI 做 PPT 的人，大多都经历过这个瞬间：

页面做得挺漂亮，导出成 PPTX，打开一看——全是静态的。

你原本想让标题淡入、数据逐项出现、结尾页收束一下节奏。结果只能在会议前手工补动画。几十页一改，时间全搭进去了，真的很烦。

现在，baoyu-design Skill 已经把 PPT 动画补上了。它的核心价值不只是“页面会动”，而是让 AI 生成的演示稿更接近可以直接拿去讲的成品。

项目地址：https://github.com/jimliu/baoyu-design

为什么以前导出的 PPT 没有动画？

baoyu-design 的工作流很好理解：

1. 先生成 HTML 格式的演示页面
2. 在浏览器里完成布局、视觉和页面动效
3. 再借助 PptxGenJS 导出为 .pptx

问题出在第 3 步。

PptxGenJS 很适合生成文本、图形、图片、表格这类内容。可 PowerPoint 动画不是一个简单的“元素属性”。它藏在 PPTX 文件内部的一组 XML 关系和时间线节点里。

换句话说，网页里的 fadeIn，不能直接等价成 PPT 里的“淡入”。

你在 HTML 预览时看到元素滑进来，不代表 PowerPoint 或 Keynote 打开后也会照着演。中间差着一层 PPTX 的底层结构。

这次更新，实际解决了什么？

新方案不再指望导出库自动翻译动画。

它会在生成 PPTX 后，进一步处理文件里的 OOXML 动画 XML。可以把 PPTX 理解成一个压缩包：里面装着幻灯片、图片、主题、关系文件，还有控制动画播放顺序的 XML 文件。

模型在理解这些结构后，可以完成几件实用的事：

• 为页面中的指定对象写入动画节点
• 设置动画类型，例如淡入、飞入、浮现
• 控制动画按单击触发，或与上一动画同时播放
• 配置动画的先后顺序
• 让导出的 .pptx 在 PowerPoint、Keynote 中保留可播放的动效

这条路比“把网页动画硬塞进 PPT”靠谱得多。

HTML 预览负责看设计稿。PPTX 动画负责保证你上台时能播。两件事分开做，反而更稳。

你能直接拿来用的动画场景

别一上来就给每个元素加飞入。那种 PPT 放到第 5 页，观众已经开始找咖啡了。

动画该服务于讲述节奏。下面这些场景最值得用。

1. 封面：标题慢一点出现

适合发布会、方案汇报、课程开场。

推荐做法：

• 主标题：淡入
• 副标题：在主标题之后出现
• Logo 或日期：与副标题同步，或直接静态展示

封面动画要克制。观众刚坐下，别拿一堆旋转缩放把人吓一跳。

2. 数据页：一组一组讲

比如你有一张“季度增长数据”页面，包含柱状图、核心数字和结论。

推荐顺序：

1. 图表主体出现
2. 关键数字出现
3. 结论标签出现

这样讲的时候，你的嘴和屏幕是同步的。不会刚翻页，答案就全摊在观众眼前。

3. 流程页：按步骤推进

四步流程、项目路线图、用户旅程图，都适合逐项出现。

常见节奏：

• 第一步出现
• 点击后出现第二步
• 后续步骤按同样规则推进
• 页面末尾再显示“结果”或“行动建议”

这类动画很实用。它能帮你把复杂信息拆开讲，不用激光笔在屏幕上疯狂画圈。

4. 结论页：用强调动画收口

结尾页不需要满屏动。

保留一句核心结论，让它淡入或轻微放大就够了。例如：

把重复劳动交给 AI，把讲故事的时间留给自己。

一句话，配一点节奏，记忆点就出来了。

使用时，给 AI 的动画指令要写具体

很多人用 AI 做 PPT 时，提示词只写一句：“帮我加点动画。”

这几乎等于没说。

动画的关键是：哪个元素、什么效果、什么时候出现、按什么顺序播放。

你可以直接这样写：

请为这份 PPT 添加克制的商务动画：

- 每页标题使用淡入，进入时间 0.3 秒
- 流程图中的步骤卡片按从左到右顺序点击出现
- 数据页的图表先出现，核心结论在图表之后淡入
- 封面只保留标题和副标题动画
- 不使用旋转、弹跳、随机飞入等夸张效果
- 动画应服务于讲解节奏，避免同一页出现超过 5 个动画

如果你在做产品发布或偏年轻化的分享，可以换成：

页面整体保持简洁科技感。
关键数字采用缩放进入，功能模块从下方轻微飞入。
每一页动画控制在 3 到 6 个对象内，优先保证信息阅读顺序。

一句“加动画”和一份可执行的动画脚本，生成结果差得很远。

建议工作流：先定内容，再加动效

别在大纲还没定的时候就纠结动画。

更顺手的流程是下面这样：

第一步：确认每页只讲一个重点

一页塞三个结论，动画也救不了。

打开你的大纲，逐页问一句：

我讲这一页时，观众需要记住什么？

回答不出来，就先删内容、拆页面。

第二步：标记“需要分步讲”的页面

流程图、对比表、数据拆解、方案演进，这些页面适合逐步出现。

普通说明页、图文页、章节过渡页，大多用标题淡入就够了。

第三步：给每页写动画意图

不用写得像代码，写清楚人话即可：

| 页面类型 | 动画意图 | | --- | --- | | 封面 | 标题建立开场节奏 | | 痛点页 | 痛点逐条出现，引导共鸣 | | 方案页 | 模块按逻辑顺序展开 | | 数据页 | 先看数据，再给结论 | | 总结页 | 聚焦一句行动建议 |

第四步：生成并导出 PPTX

生成后别急着发群里。

用 PowerPoint 或 Keynote 打开，进入放映模式，完整点一遍。不是看静态页面，是像你明天真要上台那样播一遍。

HTML 动画和 PPT 动画，可能哪里不一样？

这里要有个心理预期：HTML 页面与 PowerPoint 的动画引擎不是同一个东西。

你可能会遇到这些差异：

• 动画位移距离略有不同
• 缓动节奏不完全一致
• 字体替换后，文字位置有轻微变化
• Keynote 对部分 PowerPoint 动画的呈现方式不同
• 同一页对象太多时，播放节奏可能显得拥挤

这不代表文件坏了。

重点检查两件事：动画顺序对不对，信息有没有按你的讲述节奏出现。

视觉上的细微差异，大多可以接受。顺序错了，才是真的翻车。

导出后必做的 6 项检查清单 ✅

拿到 PPTX 后，花 3 分钟过一遍：

• [ ] 幻灯片放映时，动画是否能正常触发
• [ ] 标题、正文、图表的出现顺序是否符合讲稿
• [ ] 页面是否出现元素重叠、文字溢出
• [ ] 每一页动画数量是否过多
• [ ] 在 PowerPoint 和 Keynote 中各预览一次
• [ ] 演讲现场若用公司电脑，提前在那台电脑上试播

尤其是最后一条。

会议室电脑的字体、Office 版本、系统环境，经常会在你最不想出问题的时候给你一个“惊喜”。提前试播，能少掉一半心跳加速的时刻。

常见坑：这些动画别滥用

满页元素同时起飞

图标、标题、数字、边框、装饰线一起飞进来，看起来很忙。

观众看不清重点，你自己也没法自然讲。保留一个主角，其他元素安静待着就行。

每一页都用不同动画

上一页飞入，下一页弹跳，再下一页旋转。

这不是“有创意”，这是 PPT 在蹦迪。

一份商务演示，选 2 到 3 种基础效果反复使用，统一感会好很多。

动画时间太长

0.2 到 0.5 秒通常足够。

一段动画拖到 1.5 秒以上，现场会出现尴尬空白：你在等它播完，观众在等你说话。

把动画当成内容补丁

页面逻辑混乱、观点不清晰，靠动画救不回来。

动画是标点符号，不是文章本身。

一句话建议

用 baoyu-design 做 PPT 时，把它当成“会排版、会生成页面、也开始懂演讲节奏的助手”。

先把故事讲明白，再让关键内容在合适的那一秒出现。

这才是 PPT 动画真正该干的事。