指南·设计
宽高比与安全区域。
TL;DR. 现代 iPhone 截图宽高比约为 9:19.5。App Store 以约 18 px 的半径(按上传分辨率计算)对角进行圆角处理。关键文字距顶部至少 80 px,距边缘至少 60 px。文案放在面板上三分之一处阅读效果最佳。
iPhone 宽高比
各现代 iPhone 类型的实际宽高比:
- 6.9"(16 Pro Max):
1320 × 2868= 2.173(≈ 19.5:9) - 6.7"(15 Pro Max、15 Plus、14 Plus、13 Pro Max、12 Pro Max):
1290 × 2796= 2.167 - 6.1"(16、15、14、13、12、11):
1170 × 2532= 2.164 - 5.5"(8 Plus、7 Plus、6s Plus):
1242 × 2208= 1.778(16:9)
5.5" 类型是个特例——旧设备采用 16:9。如果需要同时兼容两种比例,请将关键内容锚定在中心垂直区域,确保在两种比例下都可见。
安全区域
App Store 以圆角(与设备框架匹配)渲染截图,在某些轮播图位置可能叠加应用元数据。根据实测:
- 顶部 80 px 可能被状态栏叠加层或圆角裁剪。
- 两侧各 60 px 是实际安全边距。
- 底部 100 px 在较小手机上有时被「下滑查看更多」的操作提示遮挡。
文案和行动号召应位于设计顶部 80 至 600 px 之间——在缩略图尺寸下可见,在全尺寸下不被裁剪。
视线最先落在哪里
多家 ASO 公司 2024-2026 年的眼动追踪研究(结论一致)显示,每个面板左上象限是注意力最集中的区域。关键文案放在面板上四分之一处,并使用与背景高对比度的颜色时阅读效果最佳。设备渲染略微倾斜(绕 Y 轴 8-15°)比正面展示效果更好。
实用安全区域参考线
在 Figma 或 Photoshop 中设计时,将以下参考线放置在画布上(以 6.9" 为基准,其他类型按比例缩放):
- 顶部边距:80 px
- 底部边距:100 px
- 两侧边距:各 60 px
- 文案区域:距顶部 80-600 px
- 设备区域:距顶部 600-2400 px