案例——APP启动页

作者: Tu_卫佳 | 来源:发表于2018-06-06 14:49 被阅读0次

B612咔叽(快速启动型)

B612启动页面

B612把首页首先加载状态图作为启动页面,当在主屏幕上点击B612图标时会立即显示上面这个启动图像。真正启动后界面会把视频及细节显示出来。

优点:遵循ios建议,尽量让用户不去感知页面的存在,“无缝”进入到应用中去。

缺点:启动页较为单调,不易变通,少了为品牌宣传及获取更多商业价值的途径。

美柚、顺丰速运、滴滴出行(品牌展示型)

品牌展示型启动页

美柚、顺丰速运、滴滴出行,利用品牌性质,加强用户对品牌的直观印象,拉近应用与用户之间的距离。均包含三大要素:LOGA、品牌名称、Slogan。

启动页简约,品牌展示型也是用的较多的启动页类型,是任何app启动页设计均可采用的方式。上述三个app均为白底,美柚和滴滴出行要素均位于底部,纯白色背景,需要时可流畅无缝变通设计成扩展定制型,为需要的功能或活动做推广宣传。

拉勾、BOSS纸品、优酷(品牌展示型)

品牌展示型启动页

礼成、QQ邮箱、简书(品牌展示型)

品牌展示型启动页

品牌展示型启动页面对于产品而言,可以提高它们的知名度,很好的起到了宣传的作用。在做这类页面时,要注意风格的搭配,不要太突兀,影响了产品整体的视觉效果。如果没有商业需求,有品牌名称和LOGO就足够了,代入感也强,不会犯错。

飞猪、百果园、百度地图(品牌展示型)

这三个较前面几个品牌展示型app,启动页更为丰富。飞猪根据app内容特征,在启动页底部增添了类似地球的元素,表示世界之大,有一定情怀性;百果园app利用新鲜甜美的水果作为背景,也跟自身内容很好结合,让人看了垂涎欲滴,也是利用启动页起到了宣传引人购买的作用;百度地图则将其图标放大置于中心,更清楚明了,也让用户感觉定位精准的含义。

根据app内容增添元素可带用户更好的认识理解品牌,加强用户对品牌的记忆,或增加情怀,同时达到潜在目的,但要与app整体效果搭配,不要喧宾夺主、造成混乱。

智联招聘、婚礼纪、QQ音乐(扩展定制型)

推广宣传型的变招,普通启动页和推广宣传启动页的结合。在APP启动界面出现后,再次叠加一张页面,通过对第二张页面的定制达到想要的效果。

此类启动页视觉要衔接、色彩搭配,否则就会像硬广告、突兀。如QQ音乐用了渐变效果,视觉衔接性更强。而智联招聘、婚礼纪的整个色彩也能承上启下,比较搭配,让用户不会过于反感。

百度阅读(扩展定制型)


百度阅读启动页

品牌页加入了定制语言,让人内心平静,有阅读情怀;同时运用了动画,使画面更衔接流畅,但由于运用动画,启动速度相对较慢。

全面K歌、爱奇艺(扩展定制型反例)

全面K歌品牌型用的白色,app主页面也是白色背景,而推广宣传则不同。同样,爱奇艺品牌型用的黑色,app主页面也是黑色,而推广宣传是大红色背景。色彩上不能承上启下,给用户就是硬加广告,突兀闪屏的感觉。

酷狗音乐(情感共鸣型+信息强调型)

启动页面使用意境化启动页,引起情感上的共鸣。音乐本来就要走情怀,酷狗音乐品牌页上用了很多人听演唱的背景,暗含音乐背后的力量,表达音乐能深入人心,亦能凝聚人。

信息强调型更加注重自身APP的宣传,一般为某一功能或特点的认知加强。酷狗音乐利用启动页强调5.1全景音效功能,为app功能做了宣传,依旧用蓝色背景作为过渡,有承上启下作用。

卡牛(动画视频+定制扩展型)   


卡牛启动页

运用了动画,画面较流畅,使得广告植入不那么生硬,用户接受度会相对较高。但缺点是容易拖慢启动速度,等待时间较长。

相关文章

  • 案例——APP启动页

    B612咔叽(快速启动型) B612把首页首先加载状态图作为启动页面,当在主屏幕上点击B612图标时会立即显示上面...

  • 产品经理如何设计APP启动页

    本文大纲:1)APP启动页的设计初衷;2)APP启动页的分类;3)APP启动页的设计方法和原则 1 为什么要做启动...

  • app启动页

    今天自己做的小作品准备提交,就差一个启动页,各种百度,各种搜,结果还好最后终于出来了,和大家分享一下,这个过程中遇...

  • APP启动页

    安卓图片资源目录 iOS图片资源目录 图片压缩网址

  • Flutter 启动页(闪屏页)具体实现和原理分析

    为什么要有启动页? 在以下文章中,启动页就是闪屏页。 现在大部分App都有启动页,那么为什么要有启动页?这是个值得...

  • APP启动页和闪屏的知识点

    启动页与闪屏的区别 1.启动页 (launch screen ) 当app被用户打开时,在app启动过程中被用户所...

  • 功能调研|启动页和引导页

    一、启动页 每次启动都会出现。 二、引导页 若APP是第一次打开,则在启动页之后出现引导页。

  • 在使用app的时候我们都会看到产品的启动页,那么启动页的作用是什么,它又有些什么类型呢 1、启动页的作用 启动页的...

  • Android屏幕适配之解决白屏启动的正确姿势

    文章目录 APP启动页的需求APP启动页的需求的尝试定义正确的Theme定义背景图解决白屏启动的正确姿势参考And...

  • iOS 实现有效延时启动页

      目前国内App有这样的需要:在App启动的时候加定时广告,为增加曝光度多显示几秒的启动页。但是系统默认启动页显...

网友评论

    本文标题:案例——APP启动页

    本文链接:https://www.haomeiwen.com/subject/ajapsftx.html