如何优雅的设计App「启动页」

移动互联网的飞速发展,App手机应用软件快速崛起。在这个百花盛开、千帆竞发的年代,物竞天择,适者生存。

那么如何让你的App能够一眼俘获用户的芳心,在众多App中脱引而出?小七今天就为你揭秘。

为什么要有启动页

苹果官方对于iOS启动页的设计说明:

为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。

一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。请记住,启动图像并不是为您提供机会进行艺术展示;它完全是为了增强用户对应用程序能够快速启动并立即投入使用的感知度。

所以说,启动页是为了解决用户等待时间,保证用户使用流畅。

启动页的分类

①快速启动页:

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

设计一张和首屏相似的页面作为启动页,如果首屏内容是动态的,则采用和首屏整体最接近的颜色作为启动页。

②品牌类:

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

上图的例子是目前国内APP最主流的方式,这种形式一是没有设计感,二是启动页和首屏有明显的割裂感,

那如果真的要在启动这么短的时间内来强调公司或品牌,可以有更好的方案,Uber启动页利用品牌元素进行动态变化的设计,品牌元素从出现,到变化,再到消失一气呵成,

而且和首屏的衔接过渡的也很自然,在确保体验的前提下,也起到了强化品牌的作用。

设计角度【品牌推广】

白底搭配简单的logo+slogan,是最常规的启动页设计,品牌露出简洁清晰,QQ音乐和小黄车均是如此。后两者则偏个性潮流一些,设计大胆彰显个性、出跳,受到了众多年轻用户群体的追捧。

设计角度【产品升级】

版本迭代升级,是每个有态度的App的日常,从细细线条到2.5D再到夸张个性的界面设计风格,我们不难发现我们的设计、我们所追逐的潮流趋势。它们都经历了一步步衍生、一步步进化、一步步发现自我,展示自我,最后成型“开花结果”的过程。

设计角度【运营手段】

大多数App会在闪屏这个地方,放置最近平台热推的一款活动,让用户快速了解活动,若感兴趣可直接点击闪屏任何地方,一键点击进入活动详情,有效节省用户及时间成本,提高转化率

设计角度【节气节日】

节日节气的闪屏,会拉近与用户之前的距离,烘托节日气氛,愉悦温馨。

总结

小所今天从“为什么要有启动页”、“启动页的分类、“启动页的设计角度”三个方面阐述了App的启动页设计。

“为什么要有启动页”介绍了启动页存在的原因;“启动页的分类从业务层面介绍了启动页的集中类型(产品角度);“启动页的设计角度”则从设计形式的维度介绍了启动页(设计角度)。

做启动页设计时,可以根据业务和产品目标、用户体验、设计成本等几个角度,先确认要采用的启动页类型,确认了启动页类型之后,再选择相应的设计形式。

今天你学到了吗?

移动互联网的飞速发展,App手机应用软件快速崛起。在这个百花盛开、千帆竞发的年代,物竞天择,适者生存。

那么如何让你的App能够一眼俘获用户的芳心,在众多App中脱引而出?小七今天就为你揭秘。

为什么要有启动页

苹果官方对于iOS启动页的设计说明:

为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。

一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。请记住,启动图像并不是为您提供机会进行艺术展示;它完全是为了增强用户对应用程序能够快速启动并立即投入使用的感知度。

所以说,启动页是为了解决用户等待时间,保证用户使用流畅。

启动页的分类

①快速启动页:

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

设计一张和首屏相似的页面作为启动页,如果首屏内容是动态的,则采用和首屏整体最接近的颜色作为启动页。

②品牌类:

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

上图的例子是目前国内APP最主流的方式,这种形式一是没有设计感,二是启动页和首屏有明显的割裂感,

那如果真的要在启动这么短的时间内来强调公司或品牌,可以有更好的方案,Uber启动页利用品牌元素进行动态变化的设计,品牌元素从出现,到变化,再到消失一气呵成,

而且和首屏的衔接过渡的也很自然,在确保体验的前提下,也起到了强化品牌的作用。

设计角度【品牌推广】

展开全部内容