APP的优雅开场——启动页面

Adobe的每个版本的升级，新产品的启动画面都会加强版的升级。手机APP同样具有启动界面，手机每次启动一款APP时，T都会出现，不管你看没看到。启动界面的存在原因很简单，就是让程序有一个“优雅的出场”。不管是电脑软件还是手机应用，程序的启动都需要有一定的时间，或长或短。应用在加载，要给用户以暗示和反馈：1，我的启动 *** 作是有效的；2，软件在启动过程中。

这个问题在这里首先要说说清楚，启兄氏动页面和引导页面是不同的。发现有很多人会把引导页面叫做启动页面，这可能是因为启动页面的“昙花一现”，用户更多的注意到引导页面。其实区分他们并不难：

1，启动页面可以是无意义的，哪怕是一张白色图片。而引导页面势必要起到引导的作用，可能是产品特色的展示，或者关键功能的引导，也或者是新功能迭代的展示等。

2，启动界面是自动消失的，而且一般是越快越好。（在启动界面添加广告的链接会有倒计时，还要我们点跳过，有木有！好吧，待会再聊这个...）。而引导页面一般要“逼”用户一一拜读完毕，才不情愿的离开。

3，这个是最明显的：启动页面会伴随每一次APP启动时都会出现。而启动页面一般只在新版本打开的第一次才会出现。

4，启动页面一般只有一张。（好吧，有时候不是一张，这个也待会再说...）,而引导页面往往是一组，一组，一组。

来，先看看苹果怎么说：

在即合理，小哈把现有启动界面归为如图示的五大类：假装没有型，随便搞搞型，气氛营造型，信息强调型，以及扩展定制型。下面即分别对这五类进行一一介绍，以及对应的要注意的一些设计细节。

正如iOS9中建议那样，尽量让用户不去感知启动页面的存在，“无缝”进入到应用中去。由于智能手机性能的不断提升，当APP本身体量很小的时候，基本可以瞬间启动完成。但是启动页面是仍然存在的，至少对于iOS系统来说是这样的，实现这种“没有感知”的效果，一般是把用APP首页背景作为图作为启动页面，或者是首页中首先加载的部分状态图作为启动页面。从启动页面到首页的转换实现无缝转接。下图分别为：Safari,天气，APP Store的启动页面。

采用此类启动页面的APP要注意两个细节：a，评估好APP自身的体量，保证启动的流畅、快速。b，启动界面的选取上，要配合首页的加载机制，选取合适的加载状态截图，以保证与启动后首页页面的衔接。

LOGO+背景羡袭散图+Slogan（+版本号），这种最常见的启动界面的设计模式。当然，很多页面的设计可谓简约而不简单，小哈之所以称这种为随便搞搞型，是因为这样的启动页面显然是最省心的，不用太多的考虑，话说可以达到增强品牌认知的效果。然而，启动界面一闪而过禅嫌，既没有对用户进行品牌教育，也没有达到让用户有“无缝启动”的感觉。

采用这种模式的，其实务必要好好搞搞。个人建议：1，最背景主题的选取一要承上启下：及要与APP图标颜色，等风格等保持协调，也要与应用主页保持一致。（ 如何设计App桌面图标？：http://www.jianshu.com/p/5c3958a8fd87 ）2，要注意页面的大小，图片质量保证的前提下，越小越好。3，背景图或者底纹一定要与APP主题想匹配，且不可只顾好看，随便搞搞。

当我们在各种假期，各种节日，当然也可能是某应用的生日的时候，我们会看到手机中APP的节日氛围，比现实生活中要浓厚几百倍。不多解释，直接看实例：

此类启动界面热闹就好，不过要是能把节日与自家APP特点结合下，那就更好啦。

信息强调型页面与上面两种有点类似，不同的是信息强调型不是单纯的放上自己的LOGO，Slogan等，会更加有“氛围”。与气氛营造型比起来，会更加注重APP自身的宣传，一般为某一功能或特点的认知加强。PS：请忽略下图中被玩坏的微信启动页面~

此类启动界面个人认为要注意的一点就是把握好尺度，不能因为信息的展示而影响启动页面停留时间，短时间内信息量不能太多。

人类在进步，科技在发展。各大厂商在简单的启动界面上玩出了新花招。通过对启动界面的定制扩展，作出新的功能点。一般常规的做法就是在APP启动界面出现之后，再次叠上一张页面，而第二张页面是比较容易被控制的，通过对第二张页面的定制达到想要的效果。而用户有时很容易误会是一个页面。

两个例子对比（如下图）：左侧新浪微博的启动页面中加入广告时，会顺畅的过度。相反网易云音乐则会给人"闪屏"，广告页很突兀的跳出来。支付宝，同花顺等同样采用微博的做法。

该种模式玩出的新花样举例：

1，钉钉为企业定制属于企业自己的启动页面。2，豆瓣：“每天一次遇见你”。

合适的才是最好的，根据自己APP实际情况，选择合适的启动界面，给她一个优雅的开场吧。

点我！点我！这里有海量启动页面图！

什么是启动页？通俗地说，打开手机app第一眼见到的页面，就是启动页。

讲的专业一点就是：当打开一个应用程序时，在应用启动的过程中或在APP打开的过程中所显示的一个占位符。它存在的目的就是为了让用户在等待的过程中忽略这个开启的过程，提高用户体验度，降低用户焦虑感陪汪。

由此可以看出，启动页就是一个「过渡页面」，产品根据这个应用的性能来判断在程序开启过程中页面停留时间的长短，可能有1秒，也可能有3秒。

由此不难得出启动页：

1.简洁（太大的图片会影响启动速度）

3.展现时间尽量短

2.对产品的第一印象

同时有想利用这个机会做广告宣传，会在 启动页后紧接着放广告页 ，这样既保证了启动页的图片简洁，同前简时广告更新也方便一些，不用重新发版（苹果启动页更新必须重新发版），如：

不过有一些可以启动页和广告页看着是连贯的，比如：

先启动页，接着出现广告，看着像是一页，其实是两个页面。

我们平时在设计启动页时，可将启动页分三类来设计：

 一 规范型

什么是规范型？根据 iOS 和MD 的官方定义来说，启动页应该是不打扰用户，利用进入应用后的第一个界面的框架截图来做启动页，这里的截图是去掉里面的内容的。它的作用就跟上面说的一样，降低用户焦虑感。

如：

新版的Instagram，它的启动页面就是首页的框架，去掉了里面所有的内容，除了标题。这样就好像是用户进入了应用，它已经在加载，感觉非常快速的启动了，让用户觉得应用性能好，速度快。

这种现在已经很少了，大家慢慢都觉得要把这个绝妙都位置利用起来。

 一 品牌推广型

品牌推广型，也可以叫它常规型，现在大部分app都是用这种启动页的。通常来说，这类启动页会包括LOGO、品牌名称、Slogan（Slogan更多的是国内的APP会加入）这三个元素。

要注意的是：如果用了品牌推广型启动页，那么一定不要频繁的更换，要用潜移默化的方式对用户产生影响，让用户深刻记住你的品牌形象。

三 唤起氛围型

给用户代入感。照片，美食，旅游类app比较常用这种启动页。

同时我觉得可以品牌宣传和唤起氛围两慧乱裤者结合起来，比如淘宝的启动页就同时既宣传了品牌，又让用户有代入感：

总结

1.启动页要简洁，图片大小不能太大，以免影响启动速度

2.我们常规都是用品牌推广型，即包括LOGO、品牌名称、Slogan这三要素即可。至于突出其中哪个要素，根据不同运营需求会有所不同。

3.展示时间尽量短。如启动页后面要加广告，那么一定要控制时间，比如可以在右上角做跳过广告，或者倒计时，一般3s；这样不仅做了广告，也适当提升了用户体验。

随着互联网的发展，相信以后会有更多的展示方式。设计师不仅要站在自己的角度看待问题，还要学会审视一切可能改变结果的因素。确保将商业需求和用户体验限定在可控范围内，为产品和用户做一个更好的沟通桥梁。

参考文章：http://www.uisdc.com/app-start-page-common-design

---