一直以来都想做一件事,就是把自己工作当中所学到的东西和积累的经验写出来,分享给那些准备入行UI或者已经在路上的小伙伴,和我一起学习交流,共勉。网上对于UI的知识可算是多的不能再多了,但是没有一个系统的归类。鄙人怀揣着对这份职业的热爱和执着,决定把关于APP这方面的东西梳理出来,也当做是对自己工作的总结,文中所阐述的观点皆是鄙人个人自己的想法,如有不周全的地方,还请各位大神指点一二,(模块的梳理会按照从浅到深,由近到远额原则来写)设计本无界,无形便是界。
今天先来谈谈APP的首席出场大师——启动页
关于APP启动页,也叫闪屏页,网上并没有给出一个具体的解释,倒是IOS人机交互文档给出了这样的说法:
IOS7 design fan: "as much as possible avoid using meaningless startup screen (welcome screen) or other similar boot experience." It is better for users to start using them immediately after starting your application."
iOS7设计范:“尽可能地避免使用无意义的启动画面(欢迎画面)或其他类似的启动体验。最好让用户在启动你的应用之后可以立刻开始使用。”
IOS9 design fan: avoid using flash screen or other boot experience as much as possible. It's best for users to start using them immediately after starting the application.
iOS9:尽可能避免使用闪屏或者其他启动体验方式。用户能够在启动应用后立即开始使用是最好不过的。
我们从IOS官方给出的设计规范可以看出,外国人对于启动页的概念是越简洁越好,最好是给用户一种轻量级的感觉,很自然的过度,能够让用户快速进入到应用中去。但是我们国人却不这么认为,总觉得放着这么好的一个页面不利用,那太对不起祖国对自己的栽培了,于是乎,各种启动页面争相异彩,出现在我们的视野中。
下载了大量的APP,经过小编研究,总结出了以下四种APP启动页的设计方式:
1.平庸规范型
这种类型也就是IOS官方给出的类型,尽量不要让用户去感知有“启动页”的存在,而是自然而然的过渡到应用中去。这种类型的APP一般是以首页的背景截图为基准或者首页部分截图为导向进行渲染,作为启动页。由于现在智能手机性能的不断提升,体积很小的APP会瞬间完成启动,这种设计方式可以让人们产生一种错觉,启动页和首页十分相似,用户以为是一个正在加载的状态。以下是这类APP的截图:
2.品牌推广型
这种类型的启动页一般会以“品牌LOGO+slogan”的形式来展现,不得不插上一句,脑子真是个好东西。在这个只有2~3秒的停留时间的页面上来宣传自己的品牌和口号无不是一种很好的推广方式,有利于增强品牌认知度,这种设计虽然看起来是最省心的一种,其实对设计要求很高,一定要注意色彩的把握和LOGO的设计,以及slogan的文案的选取,因为你要在有限的时间里让用户记住你的品牌,你就必须需要让人眼前一亮的设计。以下是这类APP的截图:
3.商业定制型
这类启动页一般会紧跟在启动页后边(我习惯叫它伪类启动页),利用这个页面放一些商家广告,赚取一些广告费,这种启动页也是用户最讨厌的一种,因为它影响了用户体验,用户想尽快进到应用里边去感受APP的功能,而你却偏偏在这浪费用户的时间,这样很容易让客户产生焦虑感,为了防止客户流失率,通常会在页面右上角加上一个跳转按钮,一般会设置3~5秒的时间,用户也可以手动进行跳转。一般不建议采用这样的做法,除非你像BAT那样有一定量的用户群体,否则就别以身试火。以下是这类APP的截图:
4.情景感化型
这类启动页的设计是利用一些大型节日或者是一些社会热点来做素材,结合直击人心的文案、配图来渲染出一种情感化意境,以达成情感上的共鸣,一般采用插画和文案的形式来呈现,所以对手绘要求比较高。以下是这类APP的截图:
最后写下对于启动页设计的总结(个人观点,不喜勿喷):
1.至始至终都要记住,启动页只是一个过渡作用,在设计时,一定要让它的时间短。
2.启动页只是一个缓解用户等待进入应用的时间,消除用户的焦虑感,没有必要花费太多的精力的这上边。
3.如果非要利用这个页面做些文章,那么推荐使用LOGO+ slogan的方式进行设计,尽量采用简洁大方的手法凸现出来所要宣传的品牌形象,不要过于复杂。
感谢大家花费时间来看小编写的东西!