# 手机样机录屏（Device Mockup）

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

- 别名：手机录屏框、样机展示、屏幕录制包装、Phone Mockup
- 口语：「教程里把手机录屏放进一个手机壳里」「演示 App 操作时外面套个手机」
- 一句话：录屏放进手机样机里升入画面，配点击触点和步骤说明
- 是什么：手机样机录屏把屏幕录制放进一个手机外框（样机）里展示，再配合点击触点、步骤文字，让观众知道这是手机上的操作、点的是哪里
- 缺了就不像：录屏放在手机外框里；点击位置有触点提示
- 加了更像：样机入场动作；旁边的步骤文字
- 适合用在：App 教程、手机设置演示；小程序、网页产品介绍；把竖屏录屏放进横屏视频
- 看哪里：看手机从下方倾斜着升入并摆正，屏幕里的设置列表轻微滚动，点击「相机」时出现圆形触点，那一行同时变灰
- 注意：不要使用未经授权的品牌外观；录屏里的通知、账号信息要先清理
- 描述示例：做 Device Mockup 手机样机录屏：渐变背景右侧，一部黑色手机样机从下方倾斜升起并摆正，屏幕里是设置列表，列表轻微向上滚动，点击「相机」一行时出现半透明圆形触点；左侧显示「STEP 01 打开设置，找到相机」
- 易混：
  - [画中画](https://idea.ameng.dev/terms/picture-in-picture.md)：画中画是小窗叠在画面上；手机样机强调这是在手机上的操作
- 相关：[箭头指引](https://idea.ameng.dev/terms/arrow-pointer.md)、[搜索框打字](https://idea.ameng.dev/terms/search-bar.md)

## 来源与延伸阅读

- [Wikipedia · Mockup](https://en.wikipedia.org/wiki/Mockup)

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