# Split comparison: 之前和之后

分屏比较紫色和青色面板上的数字。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/remotion/split-comparison

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-split-comparison.mp4?v=a4b54452e4

一张分屏的前后幻灯片，每一侧都有一个大数字，标记为前后，并由中心分隔线分隔。

- 框架: Remotion
- 类别: 图表
- 时长: 5 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/remotion/split-comparison

打开时，框架被一条细线从中间分开，中心有一个小圆形标记。左半部分是深紫色，在角落标记为"Before"，右半部分是深青色，标记为"After"。每一半都有一个大的白色数字，在示例中为 38% 对 94%，并且两侧依次计时，以便清楚地读取变化。它持续五秒钟。

将之前和之后的值设置为您自己的数字，例如转化率、分数或时间。布局使两个数字都保持大且居中，因此即使在小屏幕上也能很好地阅读。免费登录后，您可以复制或下载 Claude、Codex 或其他 AI 编码代理的代码，或在 Subclip 中使用它进行案例研究、结果发布和进度更新。

## 适用场景

- 案例研究结果
- 进展和改进更新
- A/B 测试结果
- 产品发布指标

## 可修改的内容

- `before`: 前值 (文本)
- `after`: 后值 (文本)

## 如何使用此模板

1. 下载 Mac 或 Windows 的 Subclip。此页面上的每个模板均已预先安装。
2. 打开"模板"面板，选择 Split comparison 并将其放在时间线上。
3. 更改图层设置中的文本、颜色和时间，或要求 AI 代理为您编辑。
4. 导出视频，或下载代码以在您自己的项目中使用该模板。