首页 文章 截图设计与转化 应用商店预览图怎么做?App Store / 国内商店预览图尺寸与设计指南

文章目录

  • 快速导航

觉得文章有帮助?

分享给更多需要的人吧!

应用商店预览图怎么做?App Store / 国内商店预览图尺寸与设计指南

官
应用截图工坊官方
10/26/2026
应用商店预览图怎么做?App Store / 国内商店预览图尺寸与设计指南

「预览图」到底指什么

在中文搜索里,「预览图」很少单指某一种文件,而常被开发者用来概括上架前在商店里展示的静态视觉素材:

说法通常对应不是
App Store 预览图iPhone/iPad 截图(Screenshots)App Preview 视频
应用商店预览图各安卓商店的手机截图 / 介绍图仅图标或启动图
Google Play 预览相关Phone/Tablet Screenshots + Feature Graphic仅 Promo Video
备案 / 软著里的预览图按材料清单要求的界面图商店营销五图(要求不同)

本文讲的是商店货架上的静态预览图(截图与横幅),不展开「预览视频 vs 截图谁转化更好」——那是另一条内容线。若你卡在视频规格,应去看预览视频分辨率与上传要求;这里聚焦:静态预览图要几张、多大、怎么设计才像能卖货的货架图。

和预览视频、截图词条的分工

  • 预览图(本文):静态、可快速扫读、决定首屏印象;
  • 预览视频:动效与操作路径,加载与审核成本更高;
  • 纯尺寸表:只回答像素;本文在尺寸之上补叙事与制作流程。

对独立开发者,优先级一般是:先做齐合格预览图 → 再决定要不要首帧视频。没有清晰预览图,视频也救不了货架第一眼。

主流商店预览图规格速查

以下为实务常用量级,以上架后台当前红字提示与官方文档为准(机型年年变)。

Apple App Store(截图即预览图)

项目常见要求
主战区iPhone 带动态岛的显示档(如 6.7" 中等显示等)
常用像素示例竖屏 1290 × 2796 等(按 Connect 列表)
张数每设备档最多 10 张;建议至少 3–5 张讲完核心价值
格式JPEG 或 PNG
iPad / Mac 等若 App 支持对应设备,按需补齐

注意:App Store 的「App 预览」在后台里常和截图分区;截图槽位空着会直接无法提交,这和有没有视频无关。

Google Play

素材作用常用规格
手机截图详情页主预览最少 2 张;边长通常 320–3840 px,建议高清竖图
平板截图大屏详情若针对平板优化则建议提供
Feature Graphic搜索/精选横幅1024 × 500
可选电视等对应设备页按需

Play 上「预览图」口语常把截图和 Feature Graphic 混称:截图负责功能叙事,横幅负责列表吸引力。

国内安卓商店(概览)

华为、小米、OPPO、vivo、应用宝等对预览图张数、单张大小上限(如部分渠道要求单图小于 1MB)、是否允许带壳并不完全一致。共性是:

  • 至少准备 4–5 张竖屏界面预览;
  • 文案避免绝对化承诺与未核实的排名;
  • 权限、登录页等敏感界面按各商店隐私审核习惯处理。

多渠道分发时,建议做「母版画板 + 各渠道导出检查表」,而不是每家从零设计。可参考多渠道安卓截图批量流程类文章做流水线。

预览图设计:五帧叙事模板

无论苹果还是安卓,静态预览图都适合用同一套故事骨架(可增减):

帧序作用文案方向
1价值主张一句话说明「为谁解决什么」
2核心功能最常用的那个屏幕
3差异点对比竞品或独特能力
4社会证明 / 场景评价、数据或使用情境(须真实)
5行动号召免费开始 / 立即体验等(符合广告法)

设计要点:

  1. 首图决定点击后三秒:标题字号要在手机缩略图里可辨;
  2. 屏内 UI 必须真实:用原型糊弄过审风险高,也伤留存预期;
  3. 留白与壳的间距统一:系列感来自边距 token,而不是每张手调;
  4. 本地化先改字再改布局:英文字长时优先降字号,勿挤破安全边。

制作流程(从导出到上传)

  1. 定目标商店与设备档:例如先 App Store 动态岛中等显示 + Play 手机截图 + Play Feature Graphic;
  2. 用模拟器或真机导出干净 UI,清理状态栏乱通知、测试账号、未打码隐私;
  3. 在统一画板上合成:固定画布尺寸、标题区、设备缩放;
  4. 导出前自检:分辨率、文件体积、是否透明背景(Play 透明图可能被拒)、文字是否切边;
  5. 按语言包上传:默认语言先过,再同步到其他本地化;
  6. 上架后用商店前端真机滑动看一遍,而不只在后台缩略看。

需要快速套壳、多尺寸出图时,可先在本地定好文案脚本,再批量套模板,避免每渠道重排版。

预览图常见失败原因

失败典型表现处理
尺寸槽位不对Connect / 渠道提示缺图或尺寸不符对照后台列表重导
只有功能堆砌无卖点五张都是设置页重做首图价值主张
文案违规绝对化、医疗承诺、假排名按广告法与商店政策改写
Feature Graphic 当截图用Play 列表很空或很怪横幅与截图分工:横幅品牌化,截图讲功能
中英文混用一套像素未改字英文字溢出每语言检查折行

备案、软著材料里的「软件截图 / 预览」有时要求未加营销字的纯界面,勿与商店预览图混用同一套导出;需要时另出「合规素图」版本。

和站内相关指南的衔接

  • 卡在具体报错尺寸(如动态岛中等显示)→ 走对应排错文;
  • 纠结五图之间留白节奏 → 看截图间距(gap)设计;
  • 只要像素表 → 尺寸指南类文章;
  • 只要视频 → 预览视频指南。

把「预览图」当作货架主视觉系统:截图叙事 +(Play)横幅引流 + 各渠道体积与张数约束,一次规划,多次导出。

小结

应用商店「预览图」= 静态货架视觉,核心是正确尺寸槽位 + 清晰五帧叙事 + 真实界面。先分清它和预览视频、备案素图的差别,再按 App Store / Google Play / 国内商店分别满足张数与规格,用同一母版控制边距与字号。素材齐了再考虑视频与实验。制作带壳多尺寸预览图时,可以用 appshotmaker.com 按目标商店画板批量导出,减少重复排版。

准备好开始设计你的应用截图了吗?

立即体验应用截图工坊,创建令人惊艳的视觉展示效果!