欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

如何优雅的设计App启动页?

发布时间:2017:11:21 02:19:39 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1320个文字,预计阅读时间4分钟
导语
关于启动页,之前写过一篇文章,这篇文章相当于之前的扩展版本,从启动页的原因,启动页的类型,启动页不同的设计形式三个方面去全面了解App的启动页。

  关于启动页,之前写过一篇文章,这篇文章相当于之前的扩展版本,从启动页的原因,启动页的类型,启动页不同的设计形式三个方面去全面了解App的启动页。

  1.为什么APP会有启动页?

  打开某个App,不出意外的话,映入眼帘的是各类启动页,现在App的启动页已经五花八门,甚至还会出现把启动页作为广告的产品设计。既然今天要介绍启动页,先来解决为什么会有启动页?

  App启动时,应用程序需要初始化,这个初始化的过程和手机的性能、应用程序的代码质量以及大小有关;还有一些App需要在启动的时候就从服务器拉取最新的数据,这个会和网络环境有关。

  2.App启动页的几种类型

  ①快速启动页;

  iOS设计规范,其实并不推荐开发者用品牌或者slogan来作为App启动页,其设计规范中指出“As much as possible, avoid displaying a splash screen or other startup experience”。

  国外的APP大多遵循了设计方案,它的最大好处是,启动页和首页很相似,过度自然,用户感觉不到有启动这个过程,用户体验很棒,站在交互设计师的角度,我是比较推崇这种做法。

  

如何优雅的设计App启动页?

 

  Instagram

  

如何优雅的设计App启动页?

 

  path

  

如何优雅的设计App启动页?

 

  Facebook

  如果首页的框架和内容是变化的,不固定的,那怎么办?

  不要慌,还是有办法的:采用和首页颜色接近的图来作为启动页。如“VSCO”就用了纯白色作为App的启动页。

  

如何优雅的设计App启动页?

 

  VSCO

  综上,记住一条方法论就行:“设计一张和首屏相似的页面作为启动页,如果首屏内容是动态的,则采用和首屏整体最接近的颜色作为启动页”。

  但是国内的APP决定要走出一条自己的路,所以有了下面的五花八门的启动页。

  ②品牌类

  尽管苹果明确提出,启动页不是你品牌展示的窗口,但将启动页做成“品牌logo+名称+slogan”成了国内最主流的启动页设计。

  

如何优雅的设计App启动页?

 

  有道云笔记&UC浏览器

  上图的两个例子是目前国内APP最主流的方式,这种形式一是没有设计感,二是启动页和首屏有明显的割裂感,真的不如直接用一张和首屏相似的图片作为启动页。

  那如果真的要在启动这么短的时间内来强调公司或品牌,可以有更好的方案,Uber启动页利用品牌元素进行动态变化的设计,品牌元素从出现,到变化,再到消失一气呵成,而且和首屏的衔接过渡的也很自然,在确保体验的前提下,也起到了强化品牌的作用。

  再来举其他几个例子:

  

如何优雅的设计App启动页?

 

  XY&开眼

  

如何优雅的设计App启动页?

 

  轻芒阅读&一个

  开眼和轻芒阅读等APP,也将启动页作为强调品牌的载体。通过体现场景感来充分体现了品牌的调性,而且兼顾了设计的美感。值得大家借鉴。

  ③ 情感共鸣类

  情感共鸣类的启动页其实很难,所以这么做得产品很少。但是一旦成功,会在用户心智上打下很深的烙印。

  

如何优雅的设计App启动页?

 

  微信&陌陌

  不需要在启动页写上名称、logo、slogan,用户在看到图片的时候就知道这是什么产品。微信的这张启动页可以说是相当成功,充分的体现了一个熟人社交软件的调性。

  用这种形式的启动页要注意两点,一是图片要符合产品调性,具有故事性,像微信和陌陌,都是一个孤单的背影,暗示着人们是社交动物,需要和人交流;二是尽量不要更换,像微信的这张图上线以来七年只在今年换过一次(只是局部更换),陌陌的启动图片也一直是背影+风景的风格,这样容易在用户心中形成统一的认知。

  ④广告展示类

  还有一类APP,会将启动页作为变现的渠道,将启动页做成广告页。而且一般是先显示品牌页,再显示广告页,如下:

  

如何优雅的设计App启动页?

 

  有道翻译官

  

如何优雅的设计App启动页?

 

  微博

  广告类的启动页,其实已经完全违背了iOS对Launch Screen的定位,而且广告页的显示时长三秒到五秒不等,反而延长了用户启动APP的等待时间。

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:独家福利!零基础也能快速抠图的在线抠图神器大合集

下一篇:为iPhone X设计, iOS 11设计指南

  • 18900 文章总数
  • 2374147访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信