# 通知弹窗（Notification Banner）

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

- 别名：消息通知、推送弹窗、横幅通知、Push Notification
- 口语：「画面上方弹出一条手机消息」「像手机收到微信消息那样弹一下」
- 一句话：通知横幅从屏幕顶部弹下来，停留后收回
- 是什么：通知弹窗模拟手机系统通知：带应用图标、发送人和内容的横幅从屏幕顶部滑下，停留片刻后收回，常用来交代「这时收到了一条消息」
- 缺了就不像：从屏幕顶部滑下的横幅；应用图标加发送人和内容
- 加了更像：磨砂半透明底；弹性落下
- 适合用在：剧情里的转折消息；vlog 里交代家人朋友的问候；提醒、倒计时类内容
- 看哪里：看横幅从屏幕外弹性落下并略微回弹，半透明磨砂底能透出后面的画面；收回时向上加速离开
- 注意：不要仿冒具体品牌的界面和图标；消息内容要短，一眼读完
- 描述示例：做 Notification Banner 通知弹窗：竖屏手机画面上方，一条圆角半透明磨砂横幅带着绿色消息图标从屏幕顶部弹性滑下，显示发送人「妈妈」和一句消息，停留约 2 秒后向上收回
- 易混：
  - [对话气泡](https://idea.ameng.dev/terms/chat-bubbles.md)：对话气泡展示一段聊天过程；通知弹窗只出现一条消息提醒
- 相关：[评论回复贴](https://idea.ameng.dev/terms/comment-reply.md)

## 来源与延伸阅读

- [Apple Human Interface Guidelines · Notifications](https://developer.apple.com/design/human-interface-guidelines/notifications)

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