制作第一组截图
从空白项目或模板出发,完成一张可复用的应用商店截图。
制作第一组截图
如果你刚开始使用编辑器,请先完成一项真实工作,而不是逐个尝试所有控件。本教程的结果是一份已保存项目和一张可供团队评审的 PNG。
打开编辑器前的准备
| 准备项 | 为什么需要它 |
|---|---|
| 一张真实应用界面 | 让设备框中展示可信的产品内容。 |
| 一个用户利益点 | 它将成为第一帧的标题。 |
| Logo 或关键视觉素材 | 让截图保持品牌辨识度。 |
| 一个目标平台 | 帮助你选择合适的模板和设备框。 |
| 语言方案 | 区分网站界面语言、项目主语言和交付市场。 |
提示: 先只做一个平台、一个主语言版本。确认主版本易读后,再增加帧数或语言。
网站界面语言不会自动设置截图项目语言。启用项目语言前,请先查看语言支持与语言代码映射。
选择空白画布或模板
在左侧边栏打开 Templates,可从预设截图序列开始;或打开 Devices,从空白画布搭建。若模板的比例和视觉方向已经适合你的目标商店,使用模板最快。
应用模板会替换当前画布内容。如果你只是测试新方向,请先新建或复制一个项目。
将真实应用界面放入设备
在 Devices 中添加设备,在画布上选中它,然后在 Device Properties → Upload Screenshot 上传应用界面。你也可以先在 Uploads 上传素材,再将它应用到当前选中的设备。
选择最能证明下一步标题的那张源截图。
添加一条清晰信息
打开 Text,点击 Add Text,然后在 Text Properties 中编辑已选中文字。标题应描述结果,例如“一个地方规划全部训练”,而不是罗列功能。
移动、缩放和调整图层,确保文字易读,也不要遮挡产品界面的关键信息。
设置背景并检查构图
打开 Background,选择纯色、渐变或图片。保证背景、标题和设备之间有足够对比。先用画布缩放检查细节,再缩小查看用户的第一眼阅读顺序。
保存并导出评审版本
在顶部为项目取一个明确名称,点击 Save。再打开 Download,选择 Download Current Frame。它会导出当前帧的 PNG;在扩展整组截图前,先用它进行内部评审。
第一帧评审清单
在制作第二帧前,先回答下面四个问题:
- 用户能否在快速浏览时理解核心利益点?
- 产品界面是否确实证明了这个利益点?
- 缩小预览后,文字和关键 UI 细节是否仍清晰?
- 其他同事能否打开已保存项目并继续修改?
AppScreenshots 文档