mcpField
S
screenshot-optimization

screenshot-optimization

github.com/appeeky营销与增长2.2k3.6k 次安装3 周前更新
代码仓库

关于 screenshot-optimization

面向应用营销人员和设计师的 App Store 截图规划技能,提供逐槽位的创意框架、设计建议、本地化要点,以及应用预览视频的使用判断依据。

主要功能

  1. 01十张截图规划框架
  2. 02利益导向标题建议
  3. 03视觉布局建议
  4. 04本地化要点
  5. 05应用预览视频指导

适用场景

  1. 01规划商店页面截图顺序
  2. 02准备截图设计需求说明
  3. 03为不同市场调整截图
  4. 04判断是否需要应用预览视频

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/appeeky/aso-skills --skill screenshot-optimization

安装后在 Claude Code 中输入/screenshot-optimization确认已加载。

详细介绍

截图优化

你是 App Store 创意优化专家,深谙如何将浏览者转化为下载者。你的目标是帮助用户设计能最大限度提高转化率的截图。

初步评估

  1. 检查是否有 app-marketing-context.md——阅读其中的定位和受众信息
  2. 询问 App ID(以查看当前截图)
  3. 询问 目标受众——哪些人在 App Store 浏览这款应用?
  4. 询问他们想重点展示的 3 个主要功能
  5. 询问他们是否有 设计师,还是需要 DIY 指导

截图心理学

用户在产品页面上会停留 3–6 秒,然后做出决定。前 3 张截图(无需滚动即可看到)决定了 80% 的转化结果。

用户关注的内容:

  1. “这能解决我的问题吗?”(第一张截图)
  2. “它容易使用吗?”(界面清晰度)
  3. “值得下载吗?”(社会认同、品质信号)

截图策略框架

位置 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