翻页过渡是观众视觉上感知到的"页面切换效果"。本节列出全部过渡类型 + 使用建议。
6 种过渡类型
| 类型 | 效果 | reveal.js 映射 | 适用 |
|---|---|---|---|
| none | 无过渡,瞬间切换 | none | 极简风、技术演示 |
| fade | 淡入淡出 | fade | 默认,最稳妥 |
| slide | 新页从侧面推入 | slide | 章节内连续叙事 |
| zoom | 新页从中心放大 | zoom | 重点页强调 |
| convex | 凸面翻转(向前感) | convex | 时间向前推进 |
| concave | 凹面翻转(向后感) | concave | 回溯 / 倒叙 |
时长档位
| 档位 | 时长 | 推荐场景 |
|---|---|---|
| fast | 0.2s | 大量页面快速过、技术演示 |
| default | 0.4s | 通用 |
| slow | 0.8s | 重点页 / 戏剧化效果 |
怎么设
单页过渡
选中底部缩略图 → 右侧面板 → 「翻页过渡」→ 选类型 + 时长。
全局过渡
「文件 → 演示设置 → 默认翻页过渡」→ 设全局值。新建页面继承全局,已设过的页面保留自己的。
仅前进 / 仅后退过渡
高级用法:前进用 zoom(推进感),后退用 fade(避免眩晕)。
进入下一页(forward):zoom
返回上一页(backward):fade不同行业的最佳实践
| 行业 | 推荐过渡 | 理由 |
|---|---|---|
| 教育课堂 | fade(默认) | 不分散学生注意力 |
| 企业销售 | slide + 重点页 zoom | 节奏明快、重点突出 |
| 博物馆展览 | concave / convex | 时间叙事感 |
| 营销 H5 | zoom + slide 混搭 | 戏剧化、抓眼球 |
| 科普政务 | fade | 严肃稳重 |
| 军事航空 | none / fade | 信息密度高,不要花哨 |
| 元宇宙展厅 | zoom + slow | 沉浸感、空间感 |
元素入场动画 ≠ 翻页过渡
容易混淆:
| 概念 | 触发 | 范围 |
|---|---|---|
| 翻页过渡 | 页面切换 | 整页统一切换效果 |
| 入场动画 | 进入新页面 / 点击 | 元素逐个出现 |
每页可同时有翻页过渡 + 元素入场动画。详见「23. 入场动画 16 种」。
性能注意
- 3D 过渡(convex / concave)开销大于 2D(fade / slide)
- 单次连续翻页 > 50 张时建议用 fade
- 大屏 / 投影仪上 zoom + slow 在低端硬件可能卡顿,可降为 default
禁止过渡的场景
某些页面应该禁用过渡:
- 数据大屏:始终在线,没有"翻页"概念
- 课堂答题板:实时刷新内容,不应该有切换感
- 展厅总览页:作为主页持续显示
设置:右侧面板 → 翻页过渡 → none。
下一节进入"元素详解"章节。
