引自《iOS12界面交互设计规范(iOS 12 Human Interface Guidelines)》
启动页出现在应用刚开始启动时候。随后,启动页会很快被应用的首屏代替,让人感觉你的应用是快速响应的。启动页不是一个炫技的时机,它只是为了增强用户对你的应用能够快速启动并且立即被使用的感受。每个应用都应该提供一个启动页。

启动页

首屏
由于设备屏幕大小不同,启动页的大小也有所差异。你可以以Xcode故事板或是一组静态(static)图片的形式为你的应用所支持的设备提供启动页。因为Xcode故事板灵活性高且易于适配,所以推荐采用该形式。你可以使用一个单独的故事板来管理你的所有启动页。了解关于可适配界面的开发细节,请参阅 Auto Layout Guide。
设计一个与你的app首屏几乎相似的启动页(Design a launch screen that’s nearly identical to the first screen of your app. )如果你的启动页包含了与首屏看起来不同的元素,那么用户会在启动页过渡至应用首屏时经历一次不愉快的跳转体验。
避免在启动页包含文本(Avoid including text on your launch screen. )因为启动页是静态的(static),任何展示的本文都不能被定位。
淡化启动(Downplay launch. )用户通常会在不同的应用之间频繁切换,所以请设计一个启动页,能够让应用的启动体验不易被人察觉。
不要打广告(Don’t advertise. )启动页不是一个宣传品牌的时机。不要设计一个类似开屏广告或是介绍窗口的登入体验。不要在启动画面包涵logo或是其它品牌元素,除非它们是你的应用首屏的静态(static)元素。
静态启动画面图片
最好使用Xcode故事板制作启动页,但必要时你也可以提供一组静态图片。根据设备创建不同尺寸的静态图片,并不要忘记包涵状态栏区域。
设备 | 竖屏尺寸 | 横屏尺寸 |
---|---|---|
iPhone 7 Plus, iPhone 6s Plus | 1242px × 2208px | 2208px × 1242px |
iPhone 7, iPhone 6s | 750px × 1334px | 1334px × 750px |
iPhone SE | 640px × 1136px | 1136px × 640px |
12.9-inch iPad Pro | 2048px × 2732px | 2732px × 2048px |
9.7-inch iPad Pro, iPad Air 2, iPad mini 4, iPad mini 2 | 1536px × 2048px | 2048px × 1536px |