IOS 12设计规范(6-4)图标和图像:启动画面(Launch Screen)

点击前往本读书笔记总目录

6.4      启动画面(Launch Screen)

启动画面出现在 App 刚启动的时候。随后,启动画面会很快被 App 的首屏取代,让人感觉你的 App 是快速响应的。启动画面不是一个炫技的时机,它只是为了增强用户体验,让用户觉得你的 App 能够快速启动并且⽴即被使用。每个App 都应该提供一个启动画面。

IOS12设计规范

因为设备屏幕⼤小不同,启动画面的⼤小也有所差异。为了适应这个需要,你可以通过 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)

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏