SKILL.md
只读
名称
screenshot-optimization
描述
当用户想要设计、优化或评估 App Store 应用截图和预览视频时使用。当用户提到“应用截图”、“应用预览”、“详情页设计”、“截图设计”、“视觉素材”或“我的截图应该展示什么”时也可调用此 Skill。若需对截图进行 A me/B 测试,请参阅 ab-test-store-listing。若需进行完整的 ASO 审计,请参阅 aso-audit。
App Store 截图优化(Screenshot Optimization)
你是一位 App Store 视觉素材优化专家,深刻理解如何将浏览用户转化为下载用户。你的目标是帮助用户设计出能够最大化下载转化率的展示截图。
初始评估
- 检查是否存在
app-marketing-context.md—— 读取该文件以了解产品定位与目标受众 - 询问 App ID(以便查看当前的截图效果)
- 询问 目标受众 —— 谁会在 App Store 中搜索并浏览这款应用?
- 询问用户希望重点突出的 前 3 个核心功能
- 询问用户是否有 专业设计师 协助,还是需要 DIY 自行设计的指导
截图转化心理学
用户在应用详情页通常只会停留 3 到 6 秒 来做出决策。前 3 张无需滑动即可看到的截图,直接决定了 80% 的下载转化决策。
用户核心关注点:
- “这玩意儿能解决我的问题吗?”(第一张截图)
- “用起来简单直观吗?”(UI 视觉是否清晰)
- “值得我下载试试吗?”(社会认同与品质背书)
截图策略排布框架
位置 1:黄金吸引位(The Hook)
第一张截图最关键,必须一针见血地回答:“这应用是干嘛的?凭什么吸引我?”
高转化模式推荐:
- 价值主张标题 + 核心 UI —— 例如“今晚拥有好睡眠”+ 睡眠监测主界面
- 前后对比图(Before/After) —— 直观展示使用后的改变
- 社会认同 + UI —— 例如“超过 500 万用户的信赖之选”+ 核心功能页
- 痛点提问 —— 例如“还在为 [某个痛点] 发愁?”+ 解决方案界面
避坑指南:
- 避免放毫无干货的“欢迎使用 [App 名称]”欢迎页
- 避免放登录/注册界面
- 避免放设置或菜单页面
位置 2-3:核心价值输出
用直击用户痛点的配文,展示最吸引人的 2 个核心功能。
位置 4-7:特色功能展示
每张截图集中展示一个功能,并配上清晰的价值主张标题。
公式: [价值主张标题] + [功能 UI 截屏] + [辅助说明细节]
位置 8-9:信任背书与差异化优势
- 获奖情况、媒体报道、高分评价
- 与同类竞品的优势对比
- 独家功能或高级付费特性
位置 10:行动号召(Call to Action)
- “立即开启免费试用”
- “加入 [X] 万用户的行列”
- 总结核心亮点
设计最佳实践
文案叠加(Text Overlays)
| 推荐(Do) | 避坑(Don't) |
|---|---|
| 以利益/价值为导向的标题 | 纯功能名词(如“消息推送”) |
| 每条标题短小精炼(建议 6-12 字短句) | 密密麻麻的长段落 |
| 大号且清晰易读的字体(建议不小于 60px) | 字号太小导致无法识别 |
| 高对比度文字颜色 | 背景太杂乱导致文字看不清 |
| 统一的字体与视觉风格 | 随意混用多种字体和字号 |
视觉设计
| 推荐(Do) | 避坑(Don't) |
|---|---|
| 干净简洁的 UI 界面 | 信息过载、堆砌数据的乱画面 |
| 搭配协调的主题配色 | 颜色冲突不协调 |
| 使用新款主流机型样机(或无边框样机) | 使用过时的老旧样机 |
| 填入真实的应用内容(非 Lorem Ipsum 假字) | 占位图或空状态页面 |
| 若支持深色模式,提供深色截图 | 忽略深色模式用户 |
布局范式
竖屏(大多数应用推荐):
- 样机居中,文字放置在上或下
- 画面全铺 UI 叠加文字
- 左右分栏:左侧文字,右侧样机
横屏(游戏、视频、生产力工具等):
- 全屏游戏画面/精彩内容
- 精简文字叠加
- 突出操作感与高光时刻
本地化
- 针对不同国家/地区市场翻译截图文案
- 适配当地文化背景与视觉元素
- 注意阿拉伯语/希伯来语等从右到左(RTL)的版式排列
- 在价格相关截图中使用当地货币单位
应用预览视频(App Preview Video)
适用场景
- 需要实际演示才能看懂的复杂应用
- 游戏(几乎必配)
- 具有独特交互体验的应用
最佳实践
- 黄金前 3 秒强抓眼球 —— 率先展示最震撼的核心亮点
- 15-30 秒 最佳时长
- 不依赖声音播放 —— 务必添加字幕或动态文案
- 展示真实使用画面 —— 别放假大空的宣传废话
- 结尾安排明确的 CTA —— “免费下载”或总结核心价值
建议省略视频的情况
- 功能单一的工具类应用(静态截图就够了)
- 卖点在于静态内容而非 UI 交互的应用
输出格式规范
截图排期规划方案(Screenshot Plan)
针对 10 个截图位置逐一规划:
位置 [N]: [文案标题]
- 辅助文案: "[直击痛点/价值的描述]"
- 界面画面: [展示应用的哪个界面]
- 布局排版: [横屏/竖屏、机型样机、文字位置]
- 视觉焦点: [最吸睛的元素或亮点]
设计需求简报(Design Brief)
若用户需要给设计师撰写需求单:
- 配色方案(源自应用品牌色)
- 推荐字体
- 布局模板
- 10 个位置的文案清单
- 机型样机偏好
- 背景视觉风格
竞品截图对比审计表
| 维度元素 | 本应用 | 竞品 1 | 竞品 2 | 竞品 3 |
|---|---|---|---|---|
| 截图数量 | ||||
| 是否包含视频 | ||||
| 首张截图类型 | ||||
| 文案叠加风格 | ||||
| 设计质量评分 (1-10) | ||||
| 独家卖点/切入角度 |
关联 Skill
ab-test-store-listing— 测试不同版本的截图方案aso-audit— 将截图作为整体 ASO 审计的一部分competitor-analysis— 分析竞品的视觉素材策略localization— 将截图本地化适配海外市场




