APP设计之路(一)——APP启动页

用户头像
西安/UX设计师/8年前/619浏览
APP设计之路(一)——APP启动页

把关于APP这方面的东西梳理出来,文中所阐述的观点皆是鄙人个人自己的想法,如有不周全的地方,还望各位大神多多包。

a0cf5979a145a8012193a39e0dd9.jpg

今天先来谈谈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的截图:


2dff5979a271a8012193a3cbb9b6.jpg


2.品牌推广型

这种类型的启动页一般会以“品牌LOGO+slogan”的形式来展现,不得不插上一句,脑子真是个好东西。在这个只有2~3秒的停留时间的页面上来宣传自己的品牌和口号无不是一种很好的推广方式,有利于增强品牌认知度,这种设计虽然看起来是最省心的一种,其实对设计要求很高,一定要注意色彩的把握和LOGO的设计,以及slogan的文案的选取,因为你要在有限的时间里让用户记住你的品牌,你就必须需要让人眼前一亮的设计。以下是这类APP的截图:


c3905979a297a8012193a37db763.jpg


3.商业定制型

这类启动页一般会紧跟在启动页后边(我习惯叫它伪类启动页),利用这个页面放一些商家广告,赚取一些广告费,这种启动页也是用户最讨厌的一种,因为它影响了用户体验,用户想尽快进到应用里边去感受APP的功能,而你却偏偏在这浪费用户的时间,这样很容易让客户产生焦虑感,为了防止客户流失率,通常会在页面右上角加上一个跳转按钮,一般会设置3~5秒的时间,用户也可以手动进行跳转。一般不建议采用这样的做法,除非你像BAT那样有一定量的用户群体,否则就别以身试火。以下是这类APP的截图:


f68e5979a2f6a8012193a3d51966.jpg


4.情景感化型

这类启动页的设计是利用一些大型节日或者是一些社会热点来做素材,结合直击人心的文案、配图来渲染出一种情感化意境,以达成情感上的共鸣,一般采用插画和文案的形式来呈现,所以对手绘要求比较高。以下是这类APP的截图:


3fa55979a35fa8012193a3d9cb11.jpg

最后写下对于启动页设计的总结(个人观点,不喜勿喷):


1.至始至终都要记住,启动页只是一个过渡作用,在设计时,一定要让它的时间短。

2.启动页只是一个缓解用户等待进入应用的时间,消除用户的焦虑感,没有必要花费太多的精力的这上边。

3.如果非要利用这个页面做些文章,那么推荐使用LOGO+ slogan的方式进行设计,尽量采用简洁大方的手法凸现出来所要宣传的品牌形象,不要过于复杂。

   感谢大家花费时间来看小编写的东西!2017,祝大家:行好运!


7
举报
|
12
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
3D渐变流体抽象矢量UI背景图
【新年UI图标】秒杀icon
手表表盘UI系列
科技医疗透明柜UI界面设计
抽象液态渐变UI背景模版
UI通用设计素材1
智能家居中心 简约 UI设计组件库
【新年UI图标】会员icon
【新年UI图标】钱包icon
高级感金属拟物 UI设计组件库
UI界面 组件
盲盒APP UI设计
【新年UI图标】体育icon
Security Camera UI kit
新拟态风格 UI设计组件库
【新年UI图标】汽车icon
UI应用平面图标
【新年UI图标】旅行icon
新能源APP应用UIKit
UI 登录界面设计模板包
我的钱包-UI界面设计-app
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
拟物风质感写实UI卡片合集源文件
高级表盘系列UI源文件
你可能喜欢
大家都在看
登录注册