# 对话气泡（Chat Bubbles）

镜语 · 特效与转场 / 界面与信息卡

- 别名：聊天记录、聊天气泡、对话框动画、Message Bubbles
- 口语：「把聊天记录一条条弹出来」「剧情视频里用聊天气泡讲对话」
- 一句话：正在输入的三个点后弹出气泡，双方消息左右交替
- 是什么：对话气泡模拟聊天软件的界面：对方的消息先出现「正在输入」的跳动三点，再弹出气泡；双方消息左右分开、颜色不同
- 缺了就不像：左右两侧不同颜色的气泡；消息按顺序弹出
- 加了更像：正在输入的三点；头像
- 适合用在：剧情、段子类视频讲对话；复盘一段真实聊天；情侣、家人日常 vlog
- 看哪里：看左边白色气泡出现前先有三个跳动的点，右边绿色气泡是「我」发的，直接弹出；每条之间留出阅读时间
- 注意：真实聊天截图要处理隐私信息；消息太长、太快观众读不完
- 描述示例：做 Chat Bubbles 对话气泡动画：竖屏手机聊天界面，左侧对方消息先显示跳动的三个灰点表示正在输入，随后弹出白色气泡；右侧我的消息是绿色气泡直接弹出；四条消息左右交替，每条停留约半秒
- 易混：
  - [打字机](https://idea.ameng.dev/terms/typewriter.md)：打字机是文字逐字出现；对话气泡是整条消息成块弹出
  - [弹幕](https://idea.ameng.dev/terms/danmaku.md)：弹幕是观众评论横穿画面；对话气泡是两个人的对话记录
- 相关：[通知弹窗](https://idea.ameng.dev/terms/notification-banner.md)

## 来源与延伸阅读

- [Wikipedia · Speech balloon](https://en.wikipedia.org/wiki/Speech_balloon)
- [Wikipedia · Text messaging（Typing indicator）](https://en.wikipedia.org/wiki/Typing_awareness_indicator)

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