商店截图是多数应用杠杆率最高的图片:每一个考虑安装的人都会看到它们,而且是在细节完全看不清的尺寸下。

苹果 App Store

苹果要求提交特定显示尺寸的截图,其余由它派生:

  • 6.9 英寸 iPhone:1320 × 2868 像素(竖版)——当前必需的一套。
  • 6.5 英寸 iPhone:1284 × 2778 或 1242 × 2688 像素。
  • 12.9/13 英寸 iPad:2048 × 2732 像素,支持 iPad 则必需。
  • 每种设备尺寸最多 10 张;搜索结果里显示前三张。
  • 应用图标:1024 × 1024 像素,不能有透明,不能自带圆角(iOS 会施加自己的遮罩)。

Google Play

  • 手机截图:任意边最小 320 像素、最大 3840 像素,推荐 16:9 或 9:16;实际标准用 1080 × 1920。
  • 最少 2 张、最多 8 张截图。
  • 特色图片:1024 × 500 像素——必需,且展示位置显著。不要把重要文字放在边缘,那里会被叠加元素遮住。
  • 应用图标:512 × 512 像素,32 位 PNG。

两家商店都会拒绝这些内容:模仿其他平台的设备外框、不准确的价格宣称,以及应用里并不存在的内容。

比尺寸更重要的设计规则

  1. 前两张截图决定一切。 多数用户不会往后滑。把最强的那个卖点放在第一张。
  2. 加说明文字。 光秃秃的界面截图在浏览尺寸下根本读不出来。每张截图上方配一句三到五个词的标题,成为行业惯例是有原因的。
  3. 字要非常大。 说明文字要在约为全尺寸 25% 的缩略图里依然可读,这意味着超大字号和高对比。
  4. 展示收益,而不是界面。 一句"几秒记录一笔开销"配一块简化裁切的界面,胜过一整屏密密麻麻的截图。
  5. 使用统一的视觉体系——所有截图用同样的背景色、同样的文字位置、同样的设备外框(或都不用)。
  6. 考虑做一条贯穿所有截图的连续背景,让左右滑动显得是精心设计过的。

本地化陷阱

说明文字是烧进图片里的,所以每种语言都需要一整套。10 张截图 × 8 种语言 = 80 张图。两种控制成本的办法:

  • 用模板生成截图,只替换文字图层,然后程序化批量导出。
  • 或者把文案写得极短,翻译快、版式也不会被撑破。

导出设置

导出 PNG(两家商店都接受,且能保持界面文字锐利)、sRGB、严格按要求的像素尺寸——商店会拒绝尺寸不符的文件,而不是替你缩放。保留源文件,因为每一代新设备都会带来新的尺寸要求,而从分层源文件重建是唯一跟得上的办法。