6.4 启动画面(Launch Screen)
启动画面出现在 App 刚启动的时候。随后,启动画面会很快被 App 的首屏取代,让人感觉你的 App 是快速响应的。启动画面不是一个炫技的时机,它只是为了增强用户体验,让用户觉得你的 App 能够快速启动并且⽴即被使用。每个App 都应该提供一个启动画面。
因为设备屏幕⼤小不同,启动画面的⼤小也有所差异。为了适应这个需要,你可以通过 Xcode 故事板或是一组静态图片的形式,为你的 App 所支持的设备提供启动画面。因为Xcode 故事板灵活性⾼高且易于适配,所以推荐采用该形式。你可以使用一个单独的故事板来管理理你的所有启动画面。了解关于可适配界面的开发细节,请参阅 Auto Layout Guide 。
设计一个与你的 App 首屏几乎相似的启动画面: 如果你的启动画面包含了与首屏看起来不同的元素,那么在启动画面过渡⾄ App 首屏时,用户会经历一次不愉快的跳转体验。
避免在启动画面中包含文本: 因为启动画面是静态的,任何展示的本⽂都不能被点击。
淡化启动: 用户通常会在不同的App 之间频繁切换,所以请设计一个启动画面,能够让 App 的启动不易被人察觉。
不要打广告: 启动画面不是一个宣传品牌的时机。不要设计一个类似开屏广 告或是介绍窗口的登录体验。不要在启动画面包涵 logo 或是其它品牌元素, 除非它们是你的 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 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 |
文章转载请注明出处,并需展示来源网址!:淘盒子 » IOS 12设计规范(6-4)图标和图像:启动画面(Launch Screen)