App Store 截图是独立应用杠杆最大的一块美术内容,但绝大多数看起来就是裁过的屏幕截图加一份期待。这篇讲 2026 年真转化的版式模式——尺寸、caption 规则、各设备变体在 Apple 生态里都成立。
背景
2026 年 App Store 搜索结果和 feed 页直接内联展示前 3 张截图,用户还没点进详情页就看到了。这 3 张对安装决策的权重,跟图标加副标题加起来差不多。转化框架是固定的:顶部 caption(承诺)、下面真实产品页面、加一点点壳让它感觉真实。和这个框架对着干的设计——通屏营销插画、不放 caption、整段文字——可以量化地表现更差。
另一个值得注意的变化:visionOS、macOS、iPad 详情页越来越多地在统一搜索里和 iPhone 并排展示。如果发布多平台,截图变体要看起来像一家人——同一种 caption 字体、同色、构图风格一致——否则详情页像是从不同产品拼来的。
怎么判断你需要这个
- 第一次上线,或 UI 改版后要刷截图。
- 安装转化率(详情页浏览到安装)低于 30%。
- 截图就是纯设备屏幕,没有 caption。
- 全尺寸看着不错,搜索结果里的缩略图根本看不清。
一句话结论
用 caption 优先框架:顶部加粗一行 caption(不超过 8 个词)、下面真实产品页面、所有 10 个位用统一背景色。前 3 张主打最强收益。准备明暗两套,按用户系统主题各自渲染都好看。
前 3 张怎么排
- 第 1 张 — 主承诺。 一句话回答”为什么装这个”。Caption 把副标题用更有质感的方式重说一遍;屏幕展示这个应用最具代表性的真实状态。
- 第 2 张 — 关键差异点。 为什么选这个不选明显的竞品。Caption 要具体(“21 天连击”而不是”功能强大”);屏幕展示这个独特功能在用。
- 第 3 张 — 社会证明或具体数字。 一条媒体引语、用户证言、或非常具体的数字。屏幕可以是成就 / 分享卡片页,不一定是主页。
第 4-10 张做深度——功能巡览、集成、隐私态度、对比前后。多数用户根本滑不到那里;不要把关键内容放后面。
Caption 规则
- 最多 8 个词。再长缩略图看不清。
- 用动词或数字开头。“5 分钟养习惯”、“21 天形成节奏”。
- 不要营销副词(“无缝”、“轻松”、“魔法般”)。这些就是收益空白处的占位词。
- 每张一句 caption。叠”标题 + 副标题”会把可读性砍半。
- 10 张字体、颜色、位置统一。视觉一致就是品牌。
尺寸和模板
- iPhone 6.7” / 6.9” 基准:1290 x 2796。App Store 用这套规格自动缩到老设备,按这个尺寸设计再向下缩。
- iPad 13”:2064 x 2752。要单独设计——版式要换成分屏或侧栏。
- Apple Vision Pro:3840 x 2160 宽屏。出 visionOS 版本必须做;其他情况可选。少用,用户多数从 iPhone 入口装。
- 本地化截图:按语言出 caption,不按语言换设备框。屏幕内容多数不变,只换应用 UI 字符串。
明暗变体
- 都要做。App Store 默认按用户系统主题渲染。
- 背景色:浅色模式用应用主品牌色,暗色模式用对应深色变体。不要简单反色。
- Caption 始终与背景高对比——浅底黑字、深底白字,绝不要中灰。
- 每张里嵌的屏幕也要跟外面的明暗一致。外是浅底、里是暗色 UI,看起来割裂、降信任。
生产流程
- 真相源头:一个 Figma 文件,每张截图一个 frame,按语言和主题分组。caption 块做成组件实例,改字体能批量传播。
- 用 Fastlane snapshot 或 Xcode UI 测试以精确像素抓真实设备屏。别手动缩放——会软。
- 写个小脚本,把 Figma 导出 + 抓到的屏幕合成最终图,按 locale 批量产出。每次刷新省好几小时。
- Figma 文件和导出脚本和应用代码一起版本控制,截图历史能对上发布历史。
视频预览(可选但推荐)
- 最多 30 秒,详情页里静音自动播。前 3 秒承担 70% 的印象。
- 不要片头 logo,不要淡入。直接从最强 UI 状态开始。
- 视频里的 caption 和截图一样——顶部加粗一行。
- 制作:60fps 屏录、狠剪、不加音乐。测过加背景音乐反而降转化。
容易踩的坑
- 整张被营销文字盖住。屏幕应该 80% 是真实产品,不是 80% 是 caption。
- 完全不放 caption。用户不会自己理解屏幕;caption 是他们的需求和你屏幕之间的桥。
- 每张背景色都不同。单看像”设计过”,连起来像乱码。
- 加带手的模拟手机图。App Store 已经给截图加设备外壳,你再嵌一层就是视觉噪声。
- 不做本地化。本地语 caption + 屏幕图里快速翻译,比全英文转化明显好。
- 只盯全尺寸效果。一定要在缩略图尺寸下预览——多数用户看到的是那个。
常见问答
- 能 A/B 测截图吗?: 能,App Store Connect 的 Product Page Optimization(PPO)。最多 3 个变体 vs 对照组。跑至少 7 天,周内波动很大别被晃到。
- 10 张都要填吗?: 不用。6 张强的胜过 10 张混杂。Apple 不会因为槽位少惩罚你,评审员一般也只滑前 5 张。
- 要不要用设备外壳还是通屏?: 都行,保持一致就好。Apple 自家应用现在倾向通屏;很多独立应用为了清晰还在用设备外壳。选一个。
- 同时支持 iPhone、iPad、Mac 怎么办?: iPhone 优先(量最大),iPad 次(版式不同),Mac 最后(一般装机量最低)。caption 三处复用。
- 多久刷一次截图?: 每次大版本改 UI,或者每 4-6 个月,谁先到。陈旧截图和真实 UI 对不上,评论里会被骂。
- 能用 AI 生成的插图吗?: 谨慎用,仅限背景或装饰元素。屏幕内容本身必须是真实 UI;AI 渲染的”假屏幕”多半过不了审,并且信任度直接挂。
- 截图里要不要放用户数据?: 用真实感的假数据,不要 lorem ipsum,绝不放真用户数据。“Alex Morgan""Sam Chen”这类名字够真实又不指向具体人。