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

从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

时间: 2024-08-26 06:15:05

Ios 应用的启动图片该怎么做的相关文章

ios替换app启动图片时系统报错的解决办法

ios替换app启动图片时系统报错的解决办法:我个人建议是在开发时候经常行的保存项目,并且在修改项目图标图片.app启动图片前,一定要先备份一份没有添加这两项图片的项目. 如果您的项目已经开发完成了,进入到发布前添加项目图标.app启动图片的时候,一定要确定了这两项的所有图片不会更改了再去添加,否则更改已经添加好的加项目图标.app启动图片就会报错, 如果您报错了,百度之后也没有解决办法,那么就尝试在已经备份的项目中重新去添加图片就可以了.

iOS LaunchScreen设置启动图片并且设置启动页停留时间

当我们想开发一个比较美观的iOS软件时,漂亮的图标和启动图片是必不可少的.一般而言,有两个方法,一个是通过xib文件设置,另一个是通过Assets.xcassets进行设置.但是第二种我没掌握,先把第一种方法记录下来,第二种后面学会再更新. 1.点击项目,把Launch Screen File设置为LaunchScreen 2.点击项目,右键新建文件 3.左侧选择User Interface,选择View,点击next 4.文件名为LaunchScreen 5.建立如下页面 6.把需要设置为启动

iOS LaunchScreen设置启动图片 启动页停留时间

问题:想实现类似微信启动页一样 设置为一个整页面的图片 问题二:iOS启动页面如何设置多停留一会 新建的iOS 项目启动画面默认为LaunchScreen.xib 如果想实现一张图片作为启动页,如下图 如果启动不行  记得clear 一下工程 是启动页停留一段时间  只需要在 AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)laun

iOS LaunchScreen设置启动图片,启动页停留时间

[新建的iOS 项目启动画面默认为LaunchScreen.xib] 如果想实现一张图片作为启动页,如下图 如果启动不行,记得clear 一下工程 如果启动页需要停留一段时间,只需要在 AppDelegate的方法: - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { // Override point for customiz

iOS程序的启动图片图标规范

iOS9.0 LaunchScreen.StroyBoard自定义启动图片

xcode7.0之前都是launchScreen.xib,在xcode7.0后苹果更改启动视图控件. 今天就简单介绍一下怎么适配iOS8和iOS9的app启动图片. 如果你做过app,就会知道当程序运行时如果没有启动图片,会有一段时间手机是黑屏的. 这就会给用户造成很差用户体验(app是运行了还是卡死机了). 所以在此强烈建议设置启动图片,你可以在启动图片的视图展示产品或者与产品相关的广告,也可以添加动画了,分页效果了,也可以点击跳转界面等. 下面开始简单介绍一下怎么适配吧! 如果你只是设置一个

iOS 8 Xcode6 设置Launch Image 启动图片<转>

如何设置App的启动图,也就是Launch Image? Step1 1.点击Image.xcassets 进入图片管理,然后右击,弹出"New Launch Image" 2.如图,右侧的勾选可以让你选择是否要对ipad,横屏,竖屏,以及低版本的ios系统做支持.这边我选了ios8.0,ios7.0,ios6没有做支持. Step2 将规定尺寸的图片从你的文件中拖动进到固定位置. 系统 尺寸 分辨率 ios8 Retina HD5.5 1242x2208   Retina HD4.7

iOS获取app图标和启动图片名字(AppIcon and LaunchImage's name)

在某种场景下,可能我们需要获取app的图标名称和启动图片的名称.比如说app在前台时,收到了远程通知但是通知栏是不会有通知提醒的,这时我想做个模拟通知提示,需要用到icon名称:再比如在加载某个控制器时,想设置该控制器的背景图片为启动图片,需要用到启动图片名称. 而事实上icon图片放在系统AppIcon文件夹里,启动图片放在系统LaunchImage文件夹里,取这些图片的名称和其他一般资源图片名称不一样. 为了方便举例子,咱们先简单粗暴点 假设当前项目只支持iPhone设备,并且只支持竖屏:而

iOS 8 Xcode6 设置Launch Image 启动图片

Step1 1.点击Image.xcassets 进入图片管理,然后右击,弹出"New Launch Image" 2.如图,右侧的勾选可以让你选择是否要对ipad,横屏,竖屏,以及低版本的ios系统做支持.这边我选了ios8.0,ios7.0,ios6没有做支持. Step2 将规定尺寸的图片从你的文件中拖动进到固定位置. 系统 尺寸 分辨率 ios8 Retina HD5.5 1242x2208   Retina HD4.7 750x1334   Landscape Retina