在应用启动时,启动屏会立刻出现,并迅速替换为应用的首屏,给人一种应用快速响应的印象。启动屏并不是一个艺术表达的机会。它仅用于增强应用能够快速启动、并立即投入使用的感知。每个应用必须提供一个启动屏。
要适配不同设备和环境的屏幕大小,如多任务处理,请使用 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 |