在应用启动时,启动屏会立刻出现,并迅速替换为应用的首屏,给人一种应用快速响应的印象。启动屏并不是一个艺术表达的机会。它仅用于增强应用能够快速启动、并立即投入使用的感知。每个应用必须提供一个启动屏。

编组.png

要适配不同设备和环境的屏幕大小,如多任务处理,请使用 Xcode 的故事板来提供的启动屏。故事板是灵活且适配性强的,您可以使用一个故事板来管理所有的启动屏。要了解如何实现故事板启动屏幕,请参阅自动布局指南

设计与应用的首屏几乎相同的启动屏幕。如果你包含了与应用首屏看起来不同的元素,人们会感觉到启动屏和首屏之间令人不快的快闪。

避免在启动屏上包含文本。由于启动屏是静态的,因此不会本地化显示的任何文本。

淡化启动。人们可能会频繁切换应用,因此要设计一个不会引人注意的启动屏体验。

不要做广告。启动屏幕不是品牌商机。不要设计一个看起来像闪屏或「关于」窗口的进入体验。不要包含 logo 或其他品牌元素,除非它们是应用静态首屏的一部分。

静态启动屏幕图像(不推荐)

最好为你的启动屏使用 Xcode 故事板。如果必须提供一组静态图像,请为不同的设备创建不同的大小,并确保包括了状态栏区域。

设备 竖屏尺寸 横屏尺寸
12.9” iPad Pro 2048px × 2732px 2732px × 2048px
11” iPad Pro 1668px × 2388px 2388px × 1668px
10.5” iPad Pro 1668px × 2224px 2224px × 1668px
9.7” iPad 1536px × 2048px 2048px × 1536px
7.9” iPad mini 4 1536px × 2048px 2048px × 1536px
iPhone XS Max 1242px × 2688px 2688px × 1242px
iPhone XS 1125px × 2436px 2436px × 1125px
iPhone XR 828px × 1792px 1792px × 828px
iPhone X 1125px × 2436px 2436px × 1125px
iPhone 8 Plus 1242px × 2208px 2208px × 1242px
iPhone 8 750px × 1334px 1334px × 750px
iPhone 7 Plus 1242px × 2208px 2208px × 1242px
iPhone 7 750px × 1334px 1334px × 750px
iPhone 6s Plus 1242px × 2208px 2208px × 1242px
iPhone 6s 750px × 1334px 1334px × 750px
iPhone SE 640px × 1136px 1136px × 640px