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

一直以来都想做一件事,就是把自己工作当中所学到的东西和积累的经验写出来,分享给那些准备入行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的方式进行设计,尽量采用简洁大方的手法凸现出来所要宣传的品牌形象,不要过于复杂。

   感谢大家花费时间来看小编写的东西!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,386评论 6 479
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,939评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,851评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,953评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,971评论 5 369
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,784评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,126评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,765评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,148评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,744评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,858评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,479评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,080评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,053评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,278评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,245评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,590评论 2 343

推荐阅读更多精彩内容