产品页面标头是人们在 App Store 上打开您的 App 时看到的第一样东西。Apple 在 WWDC26 上推出了它,它会在 iOS 27 和 iPadOS 27 及更高版本中显示。本文介绍它的确切尺寸、设计时必须考虑的安全区,以及标头会出现在哪里。
**简短回答:**产品页面标头为 3840 × 1646 像素(21:9),格式为不含透明度的 JPEG 或 PNG。请把所有重要内容放在居中的 1646 × 661 美术安全区内。您也可以改用相同尺寸、时长 5–30 秒的视频。
什么是产品页面标头 #
它是位于产品页面最顶部的一张宽幅图片或一段视频,在 App 图标、名称和截图上方。与截图不同,它不必展示您的 App。Apple 建议用它来展示您的品牌、季节性优惠或新内容,为产品页面的其余部分“定下基调”。
标头是三种创意素材之一,另外两种是搜索结果素材,以及可以同时用于这两个位置的通用素材。我们的 WWDC26 变化概览解释了它们如何相互配合。
它会出现在哪里 #
- 您的产品页面顶部,在 iPhone 和 iPad 上,任何方向下都会显示。
- **自定产品页面。**每个自定产品页面都可以有自己的标头,因此来自广告或您网站的链接可以落到与之匹配的视觉素材上。
- **产品页面优化。**您可以让不同的标头视觉素材相互对比测试。
- **当您的 App 获得推荐时。**Apple 表示,App Store 推荐您的 App 时,创意素材可能会出现。
标头只在 iOS 27 和 iPadOS 27 或更高版本中显示。使用旧版本的人看到的产品页面没有标头。
产品页面标头尺寸 #
| 图片 | 视频 | |
|---|---|---|
| 尺寸 | 3840 × 1646 像素 | 3840 × 1646 像素 |
| 宽高比 | 21:9 | 21:9 |
| 格式 | .jpeg、.jpg 或 .png | .mov、.m4v 或 .mp4 |
| 帧率 | — | 30 或 60 fps |
| 时长 | — | 5 到 30 秒 |
| 其他规则 | 不含 Alpha 通道或透明度 | 循环播放;默认静音,人们可以打开声音 |
这个尺寸是固定的,不是一个范围。您也可以在标头位置使用 5244 × 2950 的 PNG 通用素材,详见通用素材指南。尺寸来自 Apple 的创意素材规格,核对日期为 2026 年 10 月 21 日。
标头安全区 #
Apple 的文档中并没有写出安全区的数值。这些数值在它为 Photoshop 和 Pixelmator 提供的标头模板里,以一个美术安全区框的形式标出。下面是按比例绘制的样子:
产品页面标头 21:9
3840 × 1646 px
安全区 1646 × 661,占画布的 43% × 40%
| 像素 | 占画布比例 | |
|---|---|---|
| 画布 | 3840 × 1646 | 100% |
| 美术安全区 | 1646 × 661 | 宽度的 43%,高度的 40% |
| 安全区位置 | x 1097、y 493(左上角) | 水平和垂直均居中 |
| 左右边距 | 各 1097 | |
| 上下边距 | 各 493 |
这个框很小。超过一半的宽度和大部分高度都可能被裁掉,因为同一张图片既要填满竖握的手机,也要填满横放的 iPad。所以:
- **把文字、标志和视觉焦点放在框内。**比如标题、角色的脸、产品图。
- **其余部分用可以被裁掉的内容填充。**比如背景、纹理,或者只剩中间部分时依然能看懂的场景。
- **不要让元素贴着边缘对齐。**放在左上角的标志位于安全区之外,可能会消失。
- **在预览中检查。**App Store Connect 的预览会在您提交之前,以 iPhone 和 iPad、两种方向以及每一种语言展示页面。
Apple 的设计建议 #
摘自 Apple 的素材指南:
- **一个清晰的想法。**内容密集、杂乱的标头会让人抓不住重点。
- **为初次访问者而设计。**展示对从未听说过您 App 的人最有吸引力的内容。
- **文字要短,能不用就不用。**用一个简短的短语为图片增色,而不是描述图片,并为您支持的每一种语言翻译。
- **不要出现价格、折扣、URL 或版权符号,**不要提及其他平台或商店,也不要使用 Editor's Choice 等 Apple 奖项。
- **内容适合 4+ 年龄分级,**即使您的 App 分级更高。
- **视频方面:**选好一个有冲击力的封面帧,以最精彩的瞬间开场,循环衔接自然,并确保在静音状态下也能看懂。
如何上传标头 #
有两种方式,两者都要经过 App Review:
- **随 App 版本提交。**在 App Store Connect 的版本页面添加标头,预览后提交该版本。
- **通过素材库提交。**单独上传图片或视频并提交审核,无需新版本。
素材获批后,您可以把标头切换为该素材并立即发布。这样一来,季节性或营销活动标头只是一次快速更改,而不是一次版本发布。
标头不会取代您的截图 #
您的截图仍然显示在标头正下方,也仍然是人们在做决定之前滑动浏览的内容。请把标头和截图当作一套来规划,使用相同的颜色、字体和信息,并一起更新。