Ios 应用的启动图片该怎么做

Posted 2020-07-28

从App Store创建伊始，苹果就一直在推广一个观念：ios app上架后，它的应用的启动图片（你打开应用第一眼看到的）应该仅仅是一个中间屏幕，仅此而已。引用苹果的人机界面指南如下：

“一个启动文件或启动图片的作用是，当应用启动时提供给iOS系统的一个简单的图片占位符。这个图片占位符给用户一个印象：你的应用是快速的、有反应的，因为一点开应用它会立即展现，且很快被应用的第一屏替换。”

问题是，相当多的人（包括我自己）忽略了这条准则。如果你对此感到好奇，可以看看上面的封面图，或者把所有运行在后台的应用关了再启动看看。我敢打赌你会发现有一大部分没有遵循苹果的准则。

更糟的是，大多数应用开发者也许同意苹果的建议（毕竟谁不希望“给用户留下应用是快速有反应的这样的印象”呢），但在开发中太容易为了取悦初次使用的用户，去展现一个高大上启动图片以及有趣的初始动画，结果忽略了这个准测。甚至在我的咨询工作中，启动图片是一个品牌推广绝佳的输出机会，我们的客户很喜欢这个。

有些应用开发者（又包括了我自己）在应用的登场体验上更进一步，用到了动画和视频。回想2010年，我给我的日历应用FreeTime的第一版做了这个启动动画序列，当时我们为此还相当得意。

 

在这个视频中，你会看到一段优美的引导动画，很多人第一眼看的时候就被深深迷住了。但你没看到的是，今后你每次打开应用时，它都要先秀一段白云飘飘，然后才转入到应用的主界面----一开始很有趣，但很快它的吸引力就消失殆尽。

品牌植入型的启动图片和动画只会挡道，浪费时间。

苹果是对的，我们不应该忽略他们的准则，因为这些品牌植入的启动图片说好听点是第一眼很可爱很有趣，多看几眼就腻了，说难听点它消耗了使用我们软件的人的大量时间。

这不仅是2010年时的应用所为，这仍然发生在2015年的今天。比如说，Food Network最近一次的应用更新就是如此（他们几周前刚上苹果的精品推荐，所以对他们挑剔一点也是公平的）。

 

这段视频每次每次启动应用时都要出现（而且大约有5秒钟那么长）。

随便用了一会之后，我甚至开始觉得这个应用真是极其的慢，但其实我心里知道这是一个制作精良的应用（实际是由Bottle Rocket的大牛们做的）。App Store评分也反映了这一点（上次我看时大约4.5星），但是使用过程中浪费掉的时间实在是太多了。

不如我们做个趣味思维练习：每次启动花5.5秒，每周约启动3次，然后有100万活跃用户，接下来一年里人类就要损失超过8亿2千万秒。

Food Network的应用在接下来12个月里会干掉整整26年的人生。

给品牌植入型启动屏幕找条出路

这些年来我不怎么关注苹果的启动图片准则，但现在我注意到了，因为我发现一个简单有趣的方法实现双赢。一方面是品牌推广还是能够做，另一方面苹果也能保有乏味的启动图片（是的他们知道这是乏味的）：

“要是你觉得遵循这些准则会导致一个平凡、乏味的启动图片，你是对的。请记住，启动图片不是给你提供做艺术展现的机会的。它仅仅用来加强用户一些感知，感知你的应用启动很快且马上就能使用。”

这是我们开发的一个启动动画。我们的目标相当明确：

 

获取应用所需权限（日历访问权限和通知）

 

 

退场（有的登场体验堪称拖拉）

 

 

取悦初次使用的用户，但还是得让着“苹果用户体验”爸爸，遵守规矩。

 

经过许多迭代之后最终我们做成了这样：

UI设计的扁平化趋势使得应用更容易用启动界面做初始品牌推广，即使在遵循了人机界面指南的前提下。

在早先版本的iOS中，大量的渐变使得这样做很困难，但现在扁平化的导航栏能很容易地扩展成两倍大小，变成用作应用登场效果的画布。使用动画导航栏和分页栏能很容易的向外扩展，占据整个屏幕，随后给应用实际用途让路。

更赞的是，这还不会让人感觉到笨拙或别扭，完全自然而然。

下面这张图展示了用户第一次启动FreeTime时所看到的，以及后续每次启动时看到的。

 

于是解决办法来了----只需做以下四步：

 

如果你的应用有顶部导航栏或者tab bar（下面以顶部导航栏为例），使用单一颜色，与此同时创建一张遵循苹果规则的普通启动图片.

 

 

在第一次启动时，动画扩展导航栏，向下扩展到视图中成为“登场效果画布”。

 

 

插入有趣的品牌推广（关键要有趣），询问权限许可，欢迎一下，然后马上退场。

 

 

动画使画布回到导航栏，渐隐现出你的应用主界面。

 

你的用户初次看到动画会很高兴，然后在后续启动中，他们不会再看到有关登场动画的任何东西，但是他们也许会细微的觉察到你的应用启动真是快，即开即用。

双赢。

 

 

原文来自：Ben Johnson