关于启动页，之前写过一篇文章，这篇文章相当于之前的扩展版本，从启动页的原因，启动页的类型，启动页不同的设计形式三个方面去全面了解App的启动页。

　　1.为什么APP会有启动页?

　　打开某个App，不出意外的话，映入眼帘的是各类启动页，现在App的启动页已经五花八门，甚至还会出现把启动页作为广告的产品设计。既然今天要介绍启动页，先来解决为什么会有启动页?

　　App启动时，应用程序需要初始化，这个初始化的过程和手机的性能、应用程序的代码质量以及大小有关;还有一些App需要在启动的时候就从服务器拉取最新的数据，这个会和网络环境有关。

　　2.App启动页的几种类型

　　①快速启动页;

　　iOS设计规范，其实并不推荐开发者用品牌或者slogan来作为App启动页，其设计规范中指出“As much as possible, avoid displaying a splash screen or other startup experience”。

　　国外的APP大多遵循了设计方案，它的最大好处是，启动页和首页很相似，过度自然，用户感觉不到有启动这个过程，用户体验很棒，站在交互设计师的角度，我是比较推崇这种做法。

　　Instagram

　　path

　　Facebook

　　如果首页的框架和内容是变化的，不固定的，那怎么办?

　　不要慌，还是有办法的：采用和首页颜色接近的图来作为启动页。如“VSCO”就用了纯白色作为App的启动页。

　　VSCO

　　综上，记住一条方法论就行：“设计一张和首屏相似的页面作为启动页，如果首屏内容是动态的，则采用和首屏整体最接近的颜色作为启动页”。

　　但是国内的APP决定要走出一条自己的路，所以有了下面的五花八门的启动页。

　　②品牌类

　　尽管苹果明确提出，启动页不是你品牌展示的窗口，但将启动页做成“品牌logo+名称+slogan”成了国内最主流的启动页设计。

　　有道云笔记&UC浏览器

　　上图的两个例子是目前国内APP最主流的方式，这种形式一是没有设计感，二是启动页和首屏有明显的割裂感，真的不如直接用一张和首屏相似的图片作为启动页。

　　那如果真的要在启动这么短的时间内来强调公司或品牌，可以有更好的方案，Uber启动页利用品牌元素进行动态变化的设计，品牌元素从出现，到变化，再到消失一气呵成，而且和首屏的衔接过渡的也很自然，在确保体验的前提下，也起到了强化品牌的作用。

　　再来举其他几个例子：

　　XY&开眼

　　轻芒阅读&一个

　　开眼和轻芒阅读等APP，也将启动页作为强调品牌的载体。通过体现场景感来充分体现了品牌的调性，而且兼顾了设计的美感。值得大家借鉴。

　　③ 情感共鸣类

　　情感共鸣类的启动页其实很难，所以这么做得产品很少。但是一旦成功，会在用户心智上打下很深的烙印。

　　微信&陌陌

　　不需要在启动页写上名称、logo、slogan，用户在看到图片的时候就知道这是什么产品。微信的这张启动页可以说是相当成功，充分的体现了一个熟人社交软件的调性。

　　用这种形式的启动页要注意两点，一是图片要符合产品调性，具有故事性，像微信和陌陌，都是一个孤单的背影，暗示着人们是社交动物，需要和人交流;二是尽量不要更换，像微信的这张图上线以来七年只在今年换过一次(只是局部更换)，陌陌的启动图片也一直是背影+风景的风格，这样容易在用户心中形成统一的认知。

　　④广告展示类

　　还有一类APP，会将启动页作为变现的渠道，将启动页做成广告页。而且一般是先显示品牌页，再显示广告页，如下：

　　有道翻译官

　　微博

　　广告类的启动页，其实已经完全违背了iOS对Launch Screen的定位，而且广告页的显示时长三秒到五秒不等，反而延长了用户启动APP的等待时间。