你有没有想过：用户下载你的App之前，平均只花3到6秒看你的商店页面？

是的，就3到6秒。这段时间里，他们扫过图标、瞟一眼标题、然后——重点来了——他们会快速滚动你的预览图。

根据行业数据，超过70%的用户会根据预览图直接决定是否下载。你的截图，就是无声的销售员，而且是个7×24小时不休息、永远不带情绪的销售员。

但现实是什么？大多数个人开发者（ indie dev ）的预览图是什么样的？

最后一分钟从模拟器截的图，配上几个字，格式都不一定对。就这样上架了。然后纳闷：为什么我的App评分4.8、功能比竞品强、用户留存也不差，但下载量就是起不来？

答案很可能就藏在那10张预览图里。

今天这篇文章，我要把个人开发者做App Store预览图这件事，从底层逻辑到实操细节，全部给你讲清楚。你不需要是设计师，不需要花大价钱，只需要跟着我的框架走，1到2天就能产出一套能打的预览图。

---

先说硬性的，不然你做再好也白搭——格式不对直接被拒。

要求项	规范
文件格式	PNG 或 JPEG
色彩空间	RGB (不要CMYK)
分辨率	72 DPI
透明度	不允许，必须是纯色背景
文件大小	单张最大500MB（实际15-20MB足够）
截图数量	每种尺寸1-10张

设备类型	尺寸（像素）	说明
6.9英寸（必填）	1320 × 2868 或 1260 × 2736	iPhone 16 Pro Max、16 Plus等，Apple会向下自动缩放
6.5英寸（可选）	1242 × 2688	13 Pro Max、12 Pro Max等
6.1英寸（可选）	1170 × 2532	14、13、12系列等

好消息：从2024年9月开始，Apple大幅简化了要求。你只需要提交6.9英寸的截图，系统会自动缩放适配所有其他iPhone尺寸。所以你只需要搞定这一套就行。

设备类型	尺寸（像素）	说明
13英寸（支持iPad必填）	2064 × 2752	iPad Pro M4/M5、iPad Air
12.9英寸（可选）	2048 × 2732	旧款iPad Pro
11英寸（可选）	1668 × 2388	iPad Pro 11寸

如果你要做App Preview视频（视频预览），规格如下：

项目	竖屏要求	横屏要求
分辨率	886 × 1920 像素	1920 × 886 像素
时长	15-30秒	15-30秒
帧率	30fps	30fps
格式	H.264 .mov/.m4v/.mp4	同左

---

这是整篇文章最重要的原则，请默念三遍：

前3张截图=你的生死线

为什么？因为在App Store搜索结果和详情页里，用户不滚动就能看到的就是前3张。研究显示，超过80%的用户只看完前3张就决定去留。

所以你的截图不是随机排列的功能展示，而是一套精心设计的"电梯演讲"。

第一张：核心价值主张（Hook）

这是你唯一真正重要的截图。

用户还不知道你是谁、你的App能干什么，这张图要在1秒内回答两个问题：

1. 这是一个什么类型的App？
2. 它能给我带来什么好处？

❌ 错误示范：放启动页、登录页、空白的Dashboard ✅ 正确做法：展示用户使用你的App后获得成功的那一刻

比如：

• 习惯追踪App → 展示"连续打卡30天"的成就界面
• 记账App → 展示"本月支出比上月少了500块"的分析图
• 笔记App → 展示"3秒找到任何笔记"的搜索结果

第二张：核心功能展示（What）

进一步说明你的App是做什么的，展示用户最常用、最能体现价值的功能界面。

要点：

• 展示真实的App界面，不要用概念图
• 用具体数据而非模糊描述
• 截图中可以有意识地放大关键UI元素

第三张：差异化卖点（Why）

为什么选你而不是竞品？这里展示你独特的竞争优势。

可以是：

• 独有的功能
• 比竞品更好的体验
• 显著的数据背书（"500万用户选择"）

如果你的App值得展示更多功能，可以按照这个结构继续：

截图序号	类型	内容示例
4	功能细节	次要但重要的功能
5	场景化展示	展示App在真实场景中的使用
6	协作/分享功能	多人互动、社交证明
7	数据安全/隐私	建立信任
8	用户评价/媒体推荐	社会证明
9	跨平台/同步能力	解决用户顾虑
10	CTA结尾	强调下载动机

---

好了，知道了要放什么内容，现在说怎么设计。哪怕你是纯代码出身，按这5条规则做出来的图也能吊打80%的竞品。

每个截图只传达一个核心信息。不要试图在一个画面里堆砌太多卖点。

❌ 错误："强大的任务管理 + 云同步 + 团队协作 + AI提醒 + 多平台支持"

✅ 正确：每个截图只聚焦一件事

你的文字是用来引导阅读的，不是用来写产品说明书的。

具体执行：

• 标题文字：3-7个词，足够大，能在手机小图上也看清
• 不要用完整句子，用短语
• 留白也是设计，太多字等于没字

人的大脑对"行动"敏感。动词开头的信息更容易被记住和传播。

对比一下：

• ❌ "强大的数据分析功能"

• ✅ "3秒看懂你的支出"

• ❌ "支持离线使用"

• ✅ "没网也能用"

• ❌ "智能提醒设置"

• ✅ "再也不会忘记开会"

照片背景的问题是：

1. 容易干扰文字可读性
2. 拉伸变形后很丑
3. 文件体积大

推荐做法：

• 纯色背景：和App图标取同色系
• 渐变背景：从主色到浅色/互补色
• 抽象几何背景：简单形状增加层次感

不要自己画手机边框，去下载Apple官方的设备模板：

• Apple官方提供了Sketch和Photoshop的设备模板
• 或者使用在线工具如AppShotMaker、自动套框
• 确保边框是最新的iPhone 17系列

---

设计再好看，文案写砸了也白搭。预览图的文案是你和用户的第一句对话，要精准、有力、能打动人心。

格式要求：

• 6-10个中文字（或8-12个英文单词）
• 动词 + 核心功能/利益点
• 口语化，像人说话

好标题的特征：

• 告诉用户能得到什么，而不是App是什么
• 具体数字比模糊描述强10倍
• 有情感钩子

模板：

• 「[动词] + [具体结果]」：3秒同步、1键清理、自动备份
• 「[时间/金钱] + [动词]」：每周省2小时、1分钱不浪费
• 「[用户类型] + [动词]」：打工人必备、学生党首选

反面教材：

• ❌ "最好的任务管理App"
• ❌ "新一代智能助手"
• ❌ "新一代AI驱动的高效生产力工具"

这些都是废话，用户看了等于没看。

副标题用来补充说明，给标题增加可信度或具体细节。

✅ 格式：「主标题 + 副标题」

• "3秒同步 · 支持50种文件格式"
• "1键清理 · 释放10GB存储空间"

禁忌	原因
"最好的"、"最强"	无法验证，显得自卖自夸
"排名第一"	没有来源支撑
"免费"	如果App内购会破坏信任
完整句子	用户不读
专业术语	目标用户可能不懂
价格信息	会被拒

你不需要一次猜对。准备好2-3个文案版本，通过Apple的Product Page Optimization工具测试。

判断文案好坏的指标：

1. 从"浏览详情页"到"点击获取"的转化率
2. 第一张图的下一步滚动率

---

配色不需要艺术细胞，只需要逻辑。这里给你一套可复制的配色方法。

最简单、最安全的配色方案：从你的App图标取色。

操作步骤：

1. 用截图工具/取色器从App图标取2-3个主色
2. 主色用于背景或标题文字
3. 浅色变体用于背景渐变
4. 对比色用于CTA或高亮文字

这是最容易被忽视但影响最大的细节。

文字在手机上显示时，会被缩得很小。如果对比度不够，根本看不清。

标准：

• 浅色背景 + 深色文字（白底黑字，或白底深蓝/深绿）
• 深色背景 + 浅色文字（深蓝底白字）
• 如果背景有图案/纹理，给文字加阴影或半透明背景框

快速测试：把截图缩到100×200像素左右，如果文字还能看清，就算过关。

一个标准的截图从上到下应该有这样的层次：

┌─────────────────────────┐
│  [顶部留白区 - 约8%]     │  避免被系统UI遮挡
├─────────────────────────┤
│                         │
│  主标题文字              │  最大字号，核心卖点
│  （48-60pt）            │
│                         │
├─────────────────────────┤
│                         │
│                         │
│     App截图主体          │  展示真实功能界面
│     （占60-70%）         │
│                         │
│                         │
├─────────────────────────┤
│                         │
│  副标题/说明文字          │  补充信息，较小字号
│  （24-30pt）             │
│                         │
├─────────────────────────┤
│  [底部留白区 - 约8%]     │  安全区域
└─────────────────────────┘

不需要专业的配色知识，这些工具帮你搞定：

工具	用途	费用
Coolors	智能配色方案生成	免费
Material Design Palette	Google配色系统	免费
Tint	从图片自动提取配色	免费基础版
Figma / Sketch	设计时直接用	免费/Figma免费

---

好了，现在你知道了要做什么、怎么做，接下来就是用什么工具了。我按照工作流程推荐几套组合。

获取高质量源截图：

1. 使用真机截图（强烈推荐）

   • 真机截图分辨率最高、质量最好
   • 模拟器截图分辨率不够，放大后模糊

2. Xcode Simulator截图

   • 如果只能用模拟器，确保用最新Xcode
   • 选择最高分辨率的设备（如iPhone 16 Pro Max）

3. 设置截图内容

   • 使用真实数据，不要有隐私信息
   • 把App调整到"最佳状态"再截
   • 可以准备多套截图模板

这些工具的操作流程都差不多：

1. 上传你的源截图
2. 选择模板/边框风格
3. 添加文字标题
4. 一键导出所有尺寸

如果你想要更多自定义空间：

工具	适用场景	费用	学习成本
Figma	完整设计流程	免费（基本功能）	中等
Canva	快速模板套用	免费/付费	低
Photoshop	高端定制	订阅制	高

个人开发者建议：先用AppLaunchpad这类工具快速出活，有余力再学Figma做更精细的设计。

Apple开发者官网提供了设备模板：

• Design Resources - Apple Developer
• 包含Sketch、Photoshop、Figma格式的最新版iPhone/iPad设备框

App Preview（视频预览）是可选的，但效果可能比截图更炸。

优点：

• 能在3-5秒内展示完整使用流程
• 动态展示比静态截图更吸引眼球
• Apple会给视频预览更高权重（搜索结果中视频自动播放）
• 研究显示，有视频的App转化率平均高20-30%

缺点：

• 制作成本高（时间/金钱）
• 技术要求比截图高
• 如果做不好，反效果（显得App粗糙）

App类型	建议
复杂交互类（设计、笔记、剪辑）	强烈建议做
游戏类	必须做（Apple要求）
工具类（清理、备份、翻译）	建议做
纯内容类（阅读、新闻、音乐）	可选
社交类	强烈建议做

方法1：Screen Recording + 剪辑

1. 用QuickTime或CapCut录屏
2. 剪辑到15-30秒
3. 添加简单字幕和背景音乐

方法2：Keynote/PowerPoint动画导出

1. 用Keynote做滑动演示
2. 用Keynote导出视频功能
3. 加上配乐

方法3：专业工具自动生成

• Screen Studio（Mac）可以自动生成精美的App演示动画

用户在视频开始3秒内就会决定要不要继续看。

必须在前3秒展示：

• App的核心价值
• 最精彩的功能瞬间
• 不要有任何铺垫或Loading画面

视频结构建议（30秒为例）：

• 0-3秒：核心卖点展示（Hook）
• 3-12秒：主要功能演示
• 12-20秒：次要功能/亮点
• 20-25秒：用户评价/数据背书
• 25-30秒：品牌Logo + 行动号召

---

如果你的目标市场不只中国，那本地化就是必须重视的话题。

市场	偏好风格	特点
美国/英语市场	简洁、大字、高对比度	喜欢一句直接说清楚好处
日本	信息密集、可爱元素	可以放更多卖点，但要用高质量日语
韩国	颜色鲜艳、强调设计感	截图要精美，有韩流风格
德国	严谨、专业、功能导向	强调技术细节和品质
东南亚	性价比导向	强调免费/便宜
中国	接地气、口语化	可以用表情包、梗，但要避免敏感内容

本地化不是翻译，而是重新创作。

同一个功能，中国用户和欧美用户关注的点不同：

• 中国用户：强调"省时间"、"不花钱"、"方便"
• 欧美用户：强调"隐私安全"、"数据备份"、"效率"

所以不要直接用翻译软件翻：

• ❌ "一键清理垃圾文件"
• ✅ "Clear junk files in one tap"
• ✅ "Say goodbye to storage stress"

作为个人开发者，建议至少做以下三个版本：

1. 中文版（简体） - 中国大陆、台湾
2. 英文版 - 美国、英国、澳大利亚等英语国家
3. 日语版 - 日本（ARPU高）

具体操作：

• 文字可以找翻译工具辅助，但要用native speaker润色
• 如果没有预算，先做前3张截图的本地化就够用

---

设计完成了，怎么知道这套图是不是真的好？

答案只有一个：测试。

Apple在App Store Connect里提供了官方的A/B测试功能，叫Product Page Optimization。

如何设置测试：

1. 登录 App Store Connect
2. 选择你的App → App Analytics
3. 创建新的Product Page Optimization测试
4. 上传测试组（你的新设计）
5. 设置流量分配（建议50/50）

可以测试的变量：

• 截图设计/布局
• 图标
• App名称和副标题
• 促销文字
• 预览视频

测试目标	测试变量示例
测试文案风格	A："3秒清理" vs B："手机快得像新机"
测试视觉风格	A：纯色背景 vs B：渐变背景
测试截图顺序	A：功能优先 vs B：社会证明优先
测试是否加边框	A：带设备框 vs B：纯截图

最小周期	推荐周期	说明
7天	14-30天	需要足够的流量样本才能有统计意义

统计显著性的经验法则：

• 你的App每天至少500-1000次展示
• 测试至少持续14天
• 如果转化差异超过10%，基本可以下结论

1. 看置信区间：不要只看点估计，要看置信区间是否重叠
2. 关注核心指标：不是点击率，是"浏览→下载"的转化率
3. 分段分析：不同市场、不同设备、不同流量来源，结果可能不同
4. 避免过度测试：一次只改1-2个变量，否则不知道是哪个在起作用

---

最后，总结一下我见过最多、后果最严重的错误。

• Apple会拒

• 用户讨厌被"卖"的感受

• 价格随时会变，维护成本高

• 分辨率不够

• 边框效果差

• 给专业用户的感觉就是不认真

• 截图中不要出现手机号、真实姓名、银行卡号

• 哪怕是你自己的账号，也换个假数据展示

• iPad用户的付费能力和留存率通常更高

• 如果你的App支持iPad，专门的iPad截图能显著提升转化

• 用户在3秒内需要的是"为什么下载"，不是"有什么功能"

• 功能列表是第4-8张图的任务

• 保持视觉一致性

• 统一背景色、字体、配色方案

• 让用户感觉在看同一个故事的连续画面

• "新一代智能助手" → 用户不知道能干什么

• "3秒找到任何笔记" → 用户马上知道价值

• 每当你的App有重大UI改版，预览图必须同步更新

• 过时的截图会让用户感觉App被遗弃了

---

看完这篇文章，我知道信息量很大。让我给你一个可直接执行的Checklist：

• 尺寸正确：6.9英寸截图1320×2868或1260×2736

• 格式合规：PNG/JPEG、RGB、无透明度

• 前3张放核心价值：不是登录页、不是功能列表

• 标题文字≤7词：口语化，动词开头

• 文字可读性：缩到小图也能看清

• 背景统一：用纯色或渐变

• 设备边框最新：用iPhone 16系列边框

• 无隐私信息：截图中没有真实用户数据

• 无价格信息：避免被拒

• 中文版截图

• 英文版截图

• 日语版截图（可选但推荐）

• 设置A/B测试

• 收集2周数据

• 根据数据迭代优化

---

App Store预览图是个人开发者最容易忽视、但投入产出比最高的增长杠杆。

你花1周开发一个新功能，可能只带来5%的转化提升。但花1-2天优化预览图，转化提升20-50%的案例比比皆是。

这不是在教你投机取巧，而是在帮你重视那些真正影响用户决策的触点。

你的用户，值得看到更好的你。

---

资源链接：

• Apple官方截图规范：developer.apple.com/cn/help/app-store-connect/reference/app-information/screenshot-specifications
• Apple官方设计资源：developer.apple.com/design/resources
• App Store Connect (A/B测试)：appstoreconnect.apple.com

---

如果这篇文章对你有帮助，欢迎分享给其他 indie dev 同行。