工作方式
App Store Screenshots 会搭建一个预构建的 Next.js 与 ShadCN 编辑器,用于制作应用商店展示的营销图片。你需要提供真实的应用截图、图标、功能优先级和视觉方向;编辑器则提供设备边框、行内文案编辑、版式选择、图片叠加和导出控制。输出的是营销图稿,而不是新的应用界面,也不会自动截取每个平台的产品画面。
其连通画布允许设备或装饰元素跨越相邻截图,但每张导出的裁切图仍需传达完整的信息。项目状态保存在 JSON 文件和本地素材中,并在浏览器中保留一份镜像以方便使用。独立的设备截图组和本地化标签可支持多个商店目标。对于已有项目,会提供以保留原内容为重点的迁移路径,而不会悄悄采用可能改变此前被裁切构图的连通式导出。
预期交付物
- 一个本地截图设计编辑器,内置示例应用内容
- 一个适合纳入版本控制的项目 JSON 文件,以及本地截图素材
- 按设备、尺寸和语言区域组织的 PNG 导出包
从简报到审阅
- 01检查现有工作
在搭建之前,先检查是否已有截图项目。如需迁移,请保留用户的文案、截图组、素材和可恢复的快照,而不是用示例内容替换它们。
- 02提供真实的应用素材
收集设备截图、图标、应用名称、重点功能、目标平台、语言和风格方向。必要时,截图采集属于另一项独立任务。
- 03编排截图组
使用打包的编辑器变换版式,并为每张图撰写一个清晰的卖点。规划任何跨屏对象时,要确保重要文字和界面在每张单独的裁切图中仍清晰可辨。
- 04检查导出结果
检查缩略图的可读性、本地化文案的换行、素材加载情况和导出的裁切图。导出每个所选设备的导出包,并在提交前核对当前的商店要求。