设计启动屏幕,打造无缝启动体验

即时 App 启动是在 iPhone 或 iPad 上提供良好体验的重要组成部分。无论用户是第一次轻点你的 App 图标,还是从其他地方返回,他们都应该能够立即开始使用你的 App。启动屏幕可以让你的 App 在提供这种无缝和自适应的体验的同时,在后台加载任何相关信息。你可以直接在《Xcode》中创建启动屏幕。

为你的启动屏幕设计正确的 Storyboard 可以有效地帮助你快速让用户沉浸在你的用户界面中。下面是一些建议和技巧,帮助你为你的 App 创建优秀的启动屏幕。

通过在《Xcode》中创建启动屏幕 Storyboard,以支持所有设备的屏幕尺寸

虽然用户无法与你的启动屏幕进行交互,你也应该始终使用《Xcode》Storyboard 构建你的启动屏幕。Storyboard 具有灵活性和适应性,并且支持所有设备的屏幕尺寸,这让你能使用单个 Storyboard 来管理你所支持的所有平台的启动屏幕。

注意:不要将你的启动屏幕设置为静态图片。静态图片已被废弃,所有 App Store 中的 App 必须在 2020 年 6 月 30 日之前使用《Xcode》Storyboard 来提供 App 的启动屏幕。前往这里以了解更多。

使用主屏幕的镜像

为了让用户相信你的 App 正在响应且已经准备好,最快的方法就是在你的启动屏幕中向他们展示他们期望在 App 的主屏幕上看到的相同界面。

当一个 App 第一次启动时,在过渡到主界面之前,它会显示它的启动屏幕。当用户切换离开时,App 会自动保存它界面的 App 快照,以便回到离开时的状态;但是,如果 App 不能以这种方式恢复状态,它就会显示启动屏幕。

因此,你要确保你的启动屏幕 Storyboard 看起来与你的主界面几乎相同。如果你包含的元素看起来有很大的不同,那么当你的 App 转移到主屏幕时,用户可能会感到困惑或不顺眼。如果你的 App 可能需要更长的时间来加载,比如游戏,而你想在这段时间内提供任何形式的动画体验,我们建议使用纯色背景,来优雅地过渡到游戏的开始界面。

考虑浅色与深色

当用户启动你的 App 时,你希望他们感到沉浸其中——无论他们设备的外观设置如何。我们已经介绍了如何创建自适应的启动屏幕 Storyboard,但考虑设备的外观也很重要。如果你的 App 支持深色模式,你的启动屏幕 Storyboard 也应该支持。确保你的 Storyboard 使用自适应颜色,并将视图的背景设置为 System Background Color。

评估你的素材

你添加到启动屏幕 Storyboard 的任何内容都应该进行适当的优化。如果你想将素材添加到 Storyboard 中,例如通常作为 App 用户界面的一部分出现的静态图像,请确保它的尺寸不大于所在视图。如果你使用更大分辨率的素材,你的 Storyboard 可能无法显示。

启动时要考虑到全球受众

与你的 App 界面不同,你的 App 的启动屏幕不能被本地化为其他语言:你在 Storyboard 中显示的任何文本将保持你所选择的原始语言。因此,最好避免包含任何文本。


Resources