APP启动页是在用户杀进程启动APP时出现的首个产品形象展示页面。

启动页加载的过程中,客户端可以在后台执行很多动作,比如说权限检查,登录状态检查,版本更新获取,推送功能检查,拉取应用数据等等。在苹果的设计规范中,对启动页的认知是:启动图像并不是为您提供机会进行艺术展示;它完全是为了增强用户对应用程序能够快速启动并立即投入使用的感知度。

也就是说,苹果对启动页的定义是:这是一种给用户带来点击应用图标立即就进入了该应用的感觉,能给用户带来更为流畅的使用体验,我个人也很认同这种方式。

接下来我将按照设计目的-展现内容、设计形式的角度分析总结APP启动页。


01 与首页相似度高,强调过渡体验

此种设计的目的是减少用户从启动页到应用内部所产生的视觉差,可以带来更为流畅的视觉体验。设计时会利用能产品核心的元素进行设计,可以保证用户从启动页接触到进入内部元素认知层的统一。

例如:iDaily、谷歌地图




ios 启动页 时长 app启动页设计_微信


02 品牌形象宣传

此种设计目的是品牌露出,通过图文的形式加强用户对品牌的认知。主要由logo、品牌名称、品牌slogan组成。此类型最常见,设计形式也比较多样。在设计时要注意为文字(不宜过多)、图案、配色与品牌形象要统一,现在的趋势以扁平化为主,形式简洁,以突出品牌调性为主。

例如:网易云音乐、最右、好奇心日报


ios 启动页 时长 app启动页设计_app启动页数秒加载 代码_02


03 传达企业理念,传递情怀

此种设计目的是更高级的一种情感表达,设计者往往想通过启动页来传达对产品的定位和情怀,细细品味可以引起用户的情感共鸣。

此种类型的启动页不常见,也比较难把握设计。最著名的案例就是大家最熟悉的微信启动页,小人站在星球上到底在想什么?为什么会有些孤单?我想不同的人在看到这一页时也会有不同的理解,1000个人的心中有1000个哈姆雷特。


ios 启动页 时长 app启动页设计_微信_03


此种类型的启动页也与当今启动页广告满屏飞的趋势不同,体现了满满的情怀,张小龙在今年的微信公开课也简单阐述了自己的理念:

就像这么多年以来微信是一个人站在地球的前面,刚发布的时候特别人多人问我,这个图案到底什么意思,为什么一个人站在地球的面前,更多的版本是一个人站在月球的前面,那个也是很有想象力。对于这一个点,我相信每个人都有自己的理解,因为我们没有标准答案,所以这么多年以来,每次当你看到微信这样一个启动页面都会有一个想法,这个人到底在干什么,他为什么站在地球的前面,可能过了一年你这个想法又会变一点,再一年又会变一点。正是因为这样子,这才是一个特别好的启动页面,因为它把想象的空间留给每个用户自己,十亿用户会有十亿不同的理解,他自己能找到打动他的那一个点。所以看起来,很多的APP都在把自己的启动页面变来变去,但是微信不会变,并且我相信将来也不会变。看起来微信有很多跟别的不一样的地方,就像有一个朋友说,有一次在朋友圈里说,微信是互联网界的异类,所谓异类就是跟其他所有产品不一样。

04 附带广告宣传,有一定的商业属性

此种设计目的主要是为了商业宣传,可以在启动页附带广告,为企业增加收益,同时也会附带品牌名称、LOGO等兼顾品牌露出。也许是大批量的软件惯用了此种类型的启动页,导致我们现在似乎已经习惯了,但是难免会让人觉得有些土,印象分也会下调一级,你认为呢?

例如:豆瓣、美团


ios 启动页 时长 app启动页设计_ios 启动页 时长_04


在启动页之后,紧接着是闪屏页和引导页。关于【闪屏页】和【引导页】的设计总结将在下一次更新文章中详细阐述。

结尾,引用张小龙的另一段关于微信启动页的阐述,希望大家能做出有温度的产品。

微信的启动页为什么老是一个人看着地球,为什么不放一个广告呢?这是同样的一个问题。为什么启动页不放广告,大家是不是觉得看广告舒服一点?我觉得有可能,因为每天看广告看习惯了,一旦没有广告看会不舒服,人会适应的。大家可以想一下这个问题,微信八年了,最近有人晒朋友圈,两千九百多天了,虽然跟我差一点,但是也很接近了。你想一下这八年里每天花在微信里的时间是多少?每天大概半个小时,一个小时、两个小时甚至更多。再想一下陪在亲密身边的朋友,家人身边的时间有多少?花在家人身上,亲密身边的朋友身上多,还是微信身上多,微信可能多一点。如果微信是一个人,他是你最好的朋友,因为你在他那里花最多的时间。如果你跟微信是最好的朋友,你跟微信见面的时候,每次脸上贴一下广告,你要撕下来才能跟他说话,就是那样一个感觉。不希望你跟最好的朋友说话,先看他脸上的广告,然后取下来再跟他说话。但是我们坚持好的产品的原则,并不意味着我们没有改变。