App Store 截图是独立应用杠杆最大的一块美术内容,但绝大多数看起来就是裁过的屏幕加一份期待。App Store 搜索结果和编辑推荐 feed 会在用户点进详情页之前,就内联展示你的前 2-3 张截图,所以这几张对安装决策的权重,跟图标加副标题加起来差不多。这篇讲 2026 年真转化的版式模式、截至 2026 年 6 月的 App Store Connect 精确尺寸,以及在整个 Apple 生态里都成立的各设备变体。
一句话结论
- 用 caption 优先框架:顶部一行加粗 caption(不超过 8 个词),下面真实产品页面,所有 10 个槽位用统一背景色。
- 前三张主打最强收益,多数用户在这里就做了决定。
- 按 6.9 英寸基准尺寸 1320 x 2868(竖屏)设计,让 App Store Connect 自动向下缩到老设备。哪怕差 1 个像素,上传也会被拒。
- 明暗两套都做,App Store 按用户系统主题渲染。
- 截至 2026 年,美区 App Store 详情页浏览到安装的健康转化率约 25%,但 Apple 自己的 Benchmarks 标签会拿你和同品类比,这比任何跨行业数字都更重要。
什么情况下需要这个
- 第一次上线,或 UI 改版后要刷截图。
- App Store Connect 里你的转化率低于同品类基准(看 Benchmarks 标签,别盯笼统的 25%)。
- 截图就是纯设备屏幕,没有 caption。
- 全尺寸看着不错,但搜索结果里的缩略图根本看不清。
前 3 张怎么排
搜索结果和 Today / Apps feed 会在用户点击前就露出你的前几张,所以开头三张干了大半的活:
- 第 1 张 — 主承诺。 一句话回答”为什么装这个”。Caption 把副标题用更有质感的方式重说一遍;屏幕展示这个应用最具代表性的真实状态。
- 第 2 张 — 关键差异点。 为什么选这个不选明显的竞品。Caption 要具体(“21 天连击”而不是”功能强大”);屏幕展示这个独特功能在用。
- 第 3 张 — 证明或具体数字。 一条媒体引语、用户证言、或非常具体的数字。屏幕可以是成就页或分享卡片,不一定是主页。
第 4 到 10 张做深度:功能巡览、集成、隐私态度、前后对比。多数用户根本滑不到那里,别把关键内容放后面。
Caption 规则
- 最多 8 个词,再长缩略图就看不清。
- 用动词或数字开头:“5 分钟养成一个习惯""21 天形成节奏”。
- 去掉营销副词(“无缝""轻松""魔法般”),这些都是本该填具体收益的空白处的占位词。
- 每张一句 caption。叠”标题 + 副标题”大约会把可读性砍半。
- 全部 10 张字体、颜色、位置统一,视觉一致就是品牌。
精确尺寸(App Store Connect,2026 年 6 月)
Apple 现在把 6.9 英寸 iPhone 和 13 英寸 iPad 当作必须提供的源图,再向下缩去填充更老更小的设备。按源图尺寸设计,剩下的交给 App Store Connect。
| 设备类别 | 竖屏(px) | 状态 |
|---|---|---|
| iPhone 6.9”(17 Pro Max、16 Pro Max、16 Plus) | 1320 x 2868 | 没有 6.5” 那套时必须提供 |
| iPhone 6.5”(14 Plus、13 Pro Max) | 1284 x 2778 | 备用源图;没 6.9” 时按它缩放 |
| iPad 13”(iPad Pro、iPad Air) | 2064 x 2752 | 应用支持 iPad 则必须提供 |
| Apple Vision Pro | 3840 x 2160 | 出 visionOS 版本则必须提供 |
截至 2026 年 6 月的文件规则:PNG 或 JPEG、RGB 色彩空间、不带 alpha 通道、像素尺寸精确(没有差 1 像素的容差,差一个像素上传就被拒)、每个本地化最多 10 张、单文件 10 MB。本地化按语言出 caption 即可,不必按语言换设备框,只换翻译后的 caption 文字和屏幕里的 UI 字符串。完整最新表见 Apple 的截图规格文档。
明暗变体
- 两套都做,App Store 默认按用户系统主题渲染。
- 背景色:浅色模式用应用主品牌色,暗色模式用对应深色变体,不要简单反色。
- Caption 始终高对比:浅底黑字、深底白字,绝不要中灰。
- 每张里嵌的屏幕也要跟外面的明暗一致。外是浅底、里是暗色 UI,看起来割裂、降信任。
App 预览视频(可选,但回报高)
App 预览视频在详情页里静音自动播,前几秒到位就很能转化:
- 每个本地化最多 3 条,每条 15 到 30 秒(短于 15 秒或长于 30 秒 Apple 会拒)。
- 第一帧就是 poster 图,会显示给关掉自动播的用户,所以要从最强 UI 状态开始。别放片头 logo,别淡入。
- 即使没声音也必须带音轨;一条静音的立体声 AAC 轨就满足要求。
- 视频里的 caption 和截图一样:顶部加粗一行。
- 60fps 屏录、狠剪。别加背景音乐——测过加了反而比静音版降转化。
生产流程
- 维护一个真相源头 Figma 文件,每张截图一个 frame,按语言和主题分组。把 caption 块做成组件实例,改字体和颜色能批量传播。
- 用 Fastlane snapshot 或 Xcode UI 测试以精确像素抓真实设备屏。别手动缩放,会软。
- 把合成那一步脚本化(Figma frame 导出 + 抓到的屏幕,按 locale 一张图),刷新就从一下午变成几分钟。
- Figma 文件和导出脚本跟应用代码一起版本控制,截图历史能对上发布历史。
A/B 测试和分受众页面
你不用靠猜来判断哪些画面更转化:
- Product Page Optimization(PPO):App Store Connect 里拿最多 3 个变体对着你的线上页跑,最长 90 天,然后把赢家应用上去。每个变体至少跑一周再信它;周内波动会晃你,而统计置信通常需要相当的安装量。
- Custom Product Pages(CPP):可以上最多 70 个备用页面(Apple 在 2025 年 10 月把上限从 35 翻倍到 70),每个有自己的截图组和一个深链,让付费投放或某个关键词落到量身定制的画面上。CPP 用来做定向,PPO 用来做测试。
容易踩的坑
- 整张被营销文字盖住。一张里应该大约 80% 是真实产品,不是 80% 是 caption。
- 完全不放 caption。用户不会自己理解一张光屏幕;caption 是他们的需求和你 UI 之间的桥。
- 每张背景色都不同。单看像”设计过”,连起来一排像乱码。
- 加带手的模拟手机图。App Store 已经给截图加了外壳,你再嵌一层就是噪声。
- 不做本地化。本地语 caption + 屏幕里快速翻译,比全英文转化明显更好。
- 只盯全尺寸效果。一定要在缩略图尺寸下预览,多数搜索用户看到的就是那个。
常见问答
- 能上几张,10 张非填满不可吗?:每个本地化最多 10 张,但 6 张强的胜过 10 张混杂。Apple 不会因为槽位少惩罚你,多数用户也只滑前三到五张。
- 最该按哪个尺寸设计?:截至 2026 年 6 月,是 6.9 英寸 iPhone 竖屏 1320 x 2868。App Store Connect 会向下缩到老 iPhone;你只需要给 iPad 13” 单独做一套,出 visionOS 的话再给 Vision Pro 做一套。
- 用设备外壳还是通屏?:都行,保持一致就好。Apple 自家应用倾向通屏;很多独立应用为了清晰还在用设备外壳。选一个,10 张全都按它来。
- 怎么安全地 A/B 测截图?:用 PPO(最多 3 个变体、最长 90 天)。每个变体至少跑一周,别靠几天的噪声流量就宣布赢家。
- 多久刷一次?:每次大版本改 UI,或者每 4 到 6 个月,谁先到。截图和真实 UI 对不上,评论里会出现”应用跟展示页长得不一样”。
- 能用 AI 生成的插图吗?:谨慎用,仅限背景或装饰元素。屏幕内容本身必须是真实 UI;AI 渲染的假屏幕多半过不了审,信任度直接挂。
- 截图里要不要放用户数据?:用真实感的假数据,绝不放 lorem ipsum,也绝不放真用户数据。“Alex Morgan""Sam Chen”这类名字够真实,又不指向具体某个人。