# 分屏（Split Screen）

镜语 · 特效与转场 / 包装与互动

- 别名：左右分屏、双画面、对比分屏、分屏对比
- 口语：「画面一分为二，左边白天右边晚上」「做个左右对比，改之前和改之后」
- 一句话：整屏画面让出一半，第二个画面推入，两者并排对照
- 是什么：分屏把画面分成两个或多个区域，同时播放不同画面以便对照或呈现同时发生的事。动画上通常是原画面让出一部分，新画面从侧面推入
- 缺了就不像：同时显示两个以上画面；区域清楚分隔；主体在各自区域内完整
- 加了更像：分隔线；各自标签；推入式转场
- 适合用在：前后对比：修图前后、改造前后、化妆前后；同一机位不同时间，例如白天与夜晚；反应视频、对话、双人连线
- 看哪里：左边黄昏画面不是缩小，而是被裁到左半边，人物同时移到左半中间；右边夜景从右侧推入，中间出现白色分隔线
- 注意：两个画面的主体都在边缘时，裁切后会切掉主体；画面太多会让手机上每块都太小；左右两边颜色、亮度差异需要是对比的一部分，否则会显得不统一
- 描述示例：先全屏显示黄昏画面，然后画面裁切到左半边并让人物移到左半中央，同时夜景画面从右侧推入占据右半边，中间出现白色细分隔线；两边左上角各标注「18:40 黄昏」「19:20 夜景」，下方字幕「同一个机位，40 分钟后」
- 易混：
  - [画中画](https://idea.ameng.dev/terms/picture-in-picture.md)：画中画有主次之分，小窗压在主画面上；分屏各区域地位相同
  - [推拉转场](https://idea.ameng.dev/terms/slide-transition.md)：滑动转场结束后只剩一个画面，分屏会让两个画面一起停留
  - [框中框](https://idea.ameng.dev/terms/frame-within-frame.md)：框中框是拍摄构图，分屏是剪辑时的版式

## 来源与延伸阅读

- [Wikipedia · Split screen (video production)](https://en.wikipedia.org/wiki/Split_screen_(video_production))
- [MDN · clip-path 裁切区域](https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path)

网页版（含演示）：https://idea.ameng.dev/terms/split-screen