最新·通过 WebRTC 与手机配对 Issue 04·2026 设计免费·€19.99/月发布
Screenshotify
指南·设计

宽高比与安全区域。

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

在安全区域内设计 →