关于 screenshot-optimization
面向应用营销人员和设计师的 App Store 截图规划技能,提供逐槽位的创意框架、设计建议、本地化要点,以及应用预览视频的使用判断依据。
主要功能
- 01十张截图规划框架
- 02利益导向标题建议
- 03视觉布局建议
- 04本地化要点
- 05应用预览视频指导
适用场景
- 01规划商店页面截图顺序
- 02准备截图设计需求说明
- 03为不同市场调整截图
- 04判断是否需要应用预览视频
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ appeeky/ aso-skills --skill screenshot-optimization安装后在 Claude Code 中输入/screenshot-optimization确认已加载。
详细介绍
截图优化
你是 App Store 创意优化专家,深谙如何将浏览者转化为下载者。你的目标是帮助用户设计能最大限度提高转化率的截图。
初步评估
- 检查是否有
app-marketing-context.md——阅读其中的定位和受众信息 - 询问 App ID(以查看当前截图)
- 询问 目标受众——哪些人在 App Store 浏览这款应用?
- 询问他们想重点展示的 3 个主要功能
- 询问他们是否有 设计师,还是需要 DIY 指导
截图心理学
用户在产品页面上会停留 3–6 秒,然后做出决定。前 3 张截图(无需滚动即可看到)决定了 80% 的转化结果。
用户关注的内容:
- “这能解决我的问题吗?”(第一张截图)
- “它容易使用吗?”(界面清晰度)
- “值得下载吗?”(社会认同、品质信号)
截图策略框架
位置 1:吸引眼球
第一张截图最重要。它应该回答:“这款应用有什么用?我为什么要在意?”
有效模式:
- 利益点标题 + 关键界面——“今晚睡得更好” + 睡眠追踪界面
- 前后对比——展示转变
- 社会认同 + 界面——“超过 500 万用户信赖我们” + 主界面
- 问题陈述——“厌倦了[问题]?” + 解决方案界面
避免:
- 泛泛的“欢迎使用 [App]”页面
- 登录/注册页面
- 设置或菜单页面
位置 2–3:核心价值
展示最有吸引力的 2 项功能,并配上以利益点为导向的说明文字。
位置 4–7:功能展示
每张截图展示一项功能,并配上清晰的利益点标题。
公式: [利益点标题] + [功能界面] + [辅助细节]
位置 8–9:信任与差异化
- 奖项、媒体报道、评分
- 与其他选择进行比较
- 高级/独特功能
位置 10:行动号召
- “开始免费试用”
- “加入 [X] 百万用户”
- 回顾主要优势
设计最佳实践
文字叠加层
| 推荐做法 | 避免做法 |
|---|---|
| 以利益点为导向的标题 | 功能名称(“推送通知”) |
| 标题控制在 4–6 个词 | 大段文字 |
| 使用大号、易读的字体(至少 60px) | 使用小到难以辨认的文字 |
| 使用高对比度文字 | 在繁杂背景上放置文字 |
| 保持字体和样式一致 | 混用字体和字号 |
视觉设计
| 推荐做法 | 避免做法 |
|---|---|
| 界面简洁、清爽 | 信息过多、杂乱的页面 |
| 配色方案一致 | 色彩冲突 |
| 使用现代设备边框(或不加边框) | 使用过时的设备边框 |
| 展示真实应用内容(而非 lorem ipsum) | 使用占位内容或空状态 |
| 如果应用支持深色模式,则展示深色模式 | 忽视深色模式用户 |
布局模式
竖屏(大多数应用推荐):
- 设备居中,文字置于上方或下方
- 铺满画面的界面,并叠加文字
- 分栏布局:文字在左,设备在右
横屏(游戏、视频、效率类应用):
- 展示全屏游戏画面/内容
- 叠加少量文字
- 聚焦动作瞬间
本地化
- 为每个市场翻译文字叠加层
- 调整文化相关的表达和图片
- 为阿拉伯语/希伯来语考虑从右向左的布局
- 在价格截图中使用当地货币
应用预览视频
适用场景
- 需要演示的复杂应用
- 游戏(几乎总是有帮助)
- 具有独特交互方式的应用
最佳实践
- 前 3 秒抓住用户——展示最令人印象深刻的功能
- 最佳时长为 15–30 秒
- 不依赖声音——添加字幕/文字叠加层
- 展示真实用法——不要堆砌营销话术
- 以行动号召收尾——“免费下载”或突出关键优势
可跳过的情况
- 简单的实用工具应用(截图已足够)
- 价值在于内容而非界面的应用
输出格式
截图计划
针对 10 个位置分别说明:
Slot [N]: [Headline]
- Caption: "[benefit-driven text]"
- Screen: [which app screen to show]
- Layout: [portrait/landscape, device frame, text position]
- Key element: [what draws the eye]
设计简报
如果用户需要向设计师说明需求:
- 配色方案(源自应用品牌)
- 字体建议
- 布局模板
- 全部 10 个位置的叠加文案
- 设备边框偏好
- 背景风格
竞品截图审查
| 元素 | 您的应用 | 竞品 1 | 竞品 2 | 竞品 3 |
|---|---|---|---|---|
| 截图数量 | ||||
| 是否有视频? | ||||
| 第一张截图类型 | ||||
| 叠加文字样式 | ||||
| 设计质量(1-10) | ||||
| 独特角度 |
相关技能
ab-test-store-listing— 测试截图变体aso-audit— 将截图纳入更全面的审查competitor-analysis— 分析竞品的创意策略localization— 为国际市场本地化截图
评论
支持 Markdown