当你的App启动时,启动屏幕会立即出现。然后启动屏幕很快被你的App的第一个屏幕替换,这会给人一种你的App很快很灵敏的感觉。启动屏幕不是艺术表现的时候。它的唯一目的是增强你的App的响应,快速启动和立即准备好使用。每一个App必须提供一种启动屏幕。
由于设备屏幕尺寸的差异,启动屏幕尺寸也不同。为了适应这一点,你可以以Xcode故事面板或一组静态图像的方式为你的App支持的设备提供启动屏幕。推荐使用Xcode故事面板的方式,因为故事面板灵活,适应性强。你可以使用一个单独的故事面板管理所有的启动屏幕。要了解如何实现可适应性接口,请参阅自动布局指南
设计一个与你的App的第一个屏幕几乎相同的启动屏幕。 如果当App完成启动时,包含了看起来不一样的元素,人们会在启动屏幕和第一个屏幕之间体验到不愉快的闪烁。
避免在你的启动屏幕上包含文本。 因为启动屏幕是静态的,任何显示的文本都不能本地化。
淡化启动。 人们喜欢频繁的切换App,因此设计 不会让人们体验到App启动的启动屏幕。
不要做广告。 启动屏幕不是宣传品牌的时机,不要设计像飞溅屏幕或“关于”窗口的入口体验。不要包含标志或其他品牌元素,除非它们是第一个屏幕的静态部分。
静态启动屏幕图片
最好是使用Xcode故事面板做启动屏幕,但是如果必要,你可以使用一组静态图片。为不同的设备创建不同尺寸的静态图片,并确保包含状态栏区域。
设备 | 纵向尺寸 | 横向尺寸 |
---|---|---|
12.9" iPad Pro | 2048px × 2732px | 2732px × 2048px |
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 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 |