截图编辑器
使用帧、设备、素材、文字、背景和已保存项目,制作并完善完整截图集。
使用截图编辑器
截图编辑器负责把截图方案变成可复用的源项目。它采用逐帧工作方式:每个画布都是一张交付图片,帧的顺序则构成商店页的产品叙事。

真实的英文项目成品图。在编辑器中,一个画布帧会成为一张交付图片;下方工作区控件决定这一帧中呈现的叙事、设备、文字和图层。
先认识一次工作区
| 区域 | 控制内容 |
|---|---|
| 顶部栏 | 项目名称、语言选择、保存状态、撤销/重做、Save 和 Download。 |
| 左侧图标栏 | Templates、Devices、Elements、Text、Background、Uploads,以及 AI Generate 快捷入口。 |
| 侧边面板 | 当前从左侧选择的工具;选中画布元素后,则显示该元素的属性。 |
| 画布 | 当前帧或一组帧。点击元素可选中;点击画布空白处可取消选择。 |
| 帧控制 | 每个帧上方的新增、复制、删除、左移和右移。 |
| 画布控制 | 放大/缩小、重置缩放、切换帧的布局方向,以及开启/关闭连续模式。 |
提示: 创建后立刻为项目命名。建议使用团队容易检索的格式,例如 2026-08 iOS launch — English master。
制作完整截图集
建立第一帧
从 Templates 开始,或在 Devices 中添加设备。模板可以带入适合平台的画布配置;若可以,优先使用匹配目标渠道的模板。
加入证明:真实应用界面
选中设备后,使用 Device Properties → Upload Screenshot。之后可替换或移除界面截图,而无需重做周围布局。
加入信息和视觉支持
用 Text 添加标题,用 Background 设置画布背景,用 Elements 添加图标、内置资源、图片、形状、徽章、手势或插画。视觉层级应保持简单:先是信息,再是产品证明,最后才是装饰。
制作后续帧
如果下一条信息适合沿用布局,就复制已成功的帧,再替换文字和应用界面。只有故事需要新的视觉方向时,才新增空白帧。
精确调整已选元素
选中文字、设备、图片、形状或图标后,侧边面板会切换为对应属性。你可以调整位置、尺寸、旋转、透明度、字体、颜色、设备样式、界面替换和图层顺序。
六个核心面板
| 面板 | 用途 | 实操原则 |
|---|---|---|
| Templates | 选择结构化布局和画布比例 | 进入深度编辑前应用;因为应用模板会替换当前内容。 |
| Devices | 真机样机或 CSS 设备框 | 选择支持目标平台的设备框,然后上传干净的源界面。 |
| Elements | 图标、内置资源、图片、形状和装饰资产 | 装饰必须帮助理解,而不是抢走主信息。 |
| Text | 添加标题和辅助文案 | 一帧只保留一个主张;语言相关的内容在文字属性中编辑。 |
| Background | 纯色、色板、渐变、Unsplash 图片或上传图片 | 有复杂 UI 时,优先使用对比明确且安静的背景。 |
| Uploads | 项目素材和可复用品牌素材 | 活动或本次版本的截图放入项目素材;Logo 和长期使用的品牌元素放入品牌素材。 |
帧顺序、连续效果与图层
- 使用帧上方控件新增、复制、删除或调整顺序。系统不会删除仅剩的最后一帧。
- 普通布局会将帧横向或纵向排开,方便编辑;改变布局方向不会自动改变你的产品叙事顺序。
- 如果要制作贯穿多张截图的构图,请切换到 连续画布。文字、图片、形状、图标和设备都可以直接拖到画面分隔线之间;导出时系统会按每个画面的边界自然切片,无需为元素开启专用开关。
- 连续画布使用一个横向舞台和一套全局图层顺序。元素中心进入另一画面后会自动归属到该画面,但视觉位置不会跳动;选中跨界元素时会显示它覆盖的画面范围。
- 连续画布默认保留每个画面当前的背景。编辑背景时可选择应用于 当前画面 或 全部画面;应用于全部画面的背景图片可选择 整幅铺展 或 每屏重复,并可设置 Cover/Contain、焦点与缩放。
- 连续画布只能在右侧追加画面,并且只能安全删除最右侧空闲画面;复制和重排画面需先返回独立画面模式。
- 历史连续模板在加载时会自动迁移为当前连续画布,原有逐屏背景保持不变。旧设备跨屏元数据会被移除,因为文字、图片、形状、图标和设备现在都能自然跨越画面边界。
- 如果元素被遮挡,在属性面板使用 Move Up / Move Down 调整全局或逐屏图层位置。
常用快捷键
在 macOS 使用 ⌘;在 Windows/Linux 使用 Ctrl。
| 操作 | 快捷键 |
|---|---|
| 撤销 / 重做 | ⌘/Ctrl + Z / ⌘/Ctrl + Shift + Z |
| 复制、粘贴、剪切、重复 | ⌘/Ctrl + C、V、X、D |
| 删除已选元素 | Delete 或 Backspace |
| 移动已选元素 | 方向键;Shift + 方向键 每次移动 10 px |
| 调整图层 | ⌘/Ctrl + ] 或 [;加 Shift 可置顶/置底 |
| 缩放 | ⌘/Ctrl + +、- 或 0 |
| 导出当前帧 | ⌘/Ctrl + E |
有把握地保存
编辑器会在变化后保留本地备份;已有云端项目在有未保存改动时也会自动保存。顶部会显示 Unsaved、Auto-saving、Saved 或 Save failed。在交接、重大修改或切换浏览器前,请主动点击 Save。
若打开新项目或模板项目时出现恢复提示,只有在时间和此前工作都正确时才选择 Restore。完整维护方式请看项目管理与备份。
AppScreenshots 文档