Canva可画首页
  1. 设计百科

APP启动页设计怎么做?我帮你总结了这5种常见类型

APP启动页设计怎么做?我帮你总结了这5种常见类型

在各类APP层出不穷的互联网时代,为了给用户带来独特的体验,许多应用都会设置一个启动页。当用户点击手机界面的应用程序图标时,系统会立即显示这张启动图片。如果用户初次下载打开应用,还会出现几张引导页。当应用程序加载好数据后,页面显示应用的主界面。

APP启动页设计怎么做?我帮你总结了这5种常见类型
APP启动页设计怎么做?我帮你总结了这5种常见类型

应用程序启动越快,用户对品牌的印象也就越好。启动页的作用不仅是掩盖应用陈旭的加载时间,还是品牌形象的一个载体。这篇文章我们来为大家介绍一下应用启动页设计,一起来看看市面上的启动页都有哪些类型吧。

#01

只有logo图片的启动页是最简单直接的,背景一般是白色,有时也会选择与品牌识别风格一致的颜色。

例如,国外社交应用Instagram和时间管理应用滴答清单的启动页,页面设计承袭了logo的简约风格。国内视频应用A站的启动页背景提取了logo中的色彩,大屏纯色具有很强的视觉冲击力。

APP启动页设计怎么做?我帮你总结了这5种常见类型
APP启动页设计怎么做?我帮你总结了这5种常见类型
APP启动页设计怎么做?我帮你总结了这5种常见类型

#02

Logo+slogan型启动页

这种形式比纯粹只有logo的更加完整一些,大部分国内应用的启动页都会选择logo加slogan形式的内容和设计。例如,下图的滴滴出行和自如APP启动页,Logo和slogan可以传递品牌形象。

APP启动页设计怎么做?我帮你总结了这5种常见类型
APP启动页设计怎么做?我帮你总结了这5种常见类型

这两个元素在启动页中的位置有时在底部,有时在中间,没有固定的说法。但是大部分情况下,设计师都会将元素放在页面底部,这样切换时广告页面过渡会更加流畅。

#03

品牌Logo拓展图形型启动页

在这篇文章「设计师这样玩logo的骚操作,甲方居然同意了?」中,我们聊过品牌logo拓展的问题。从logo中延伸出来的图形也是品牌视觉识别的一部分,应用在启动页可以向用户传递品牌的形象。例如,导航应用高德地图和二手应用闲鱼的启动页设计,从Logo出发设计延展图形,可以加深用户对品牌的印象,让页面更加丰富、有趣。

APP启动页设计怎么做?我帮你总结了这5种常见类型
APP启动页设计怎么做?我帮你总结了这5种常见类型

#04

图片或者视频型启动页

图片和logo、延展图形一样都是品牌视觉识别的一部分,在品牌进行形象重塑时,我们可以看到添加新版logo的摄影图片在风格和调性上都是一致的,下图是Airbnb在重塑品牌形象后发布的宣传广告,照片色彩明亮,充满活力。

APP启动页设计怎么做?我帮你总结了这5种常见类型

在应用启动页的设计中,图片也是常出现的形式。例如,手机阅读应用微信读书和网易蜗牛读书,这两款应用在启动页的设计风格鲜明,非常符合产品调性。

APP启动页设计怎么做?我帮你总结了这5种常见类型
APP启动页设计怎么做?我帮你总结了这5种常见类型

#05

插画型启动页

插画是一种轻松、自由的艺术表现形式,特色鲜明,融入了插画师的情感,能够给用户亲和力,非常适合社区氛围很强的应用。例如,视频应用哔哩哔哩的启动页,是两位品牌IP人物。每逢节假日,还会换上具有节日特色的插画,通过节日场景拉近和用户之间的距离。

APP启动页设计怎么做?我帮你总结了这5种常见类型
APP启动页设计怎么做?我帮你总结了这5种常见类型

以上就是对APP启动页设计的方法介绍,希望对你的工作和设计学习有所帮助。还想了解更多吗?点击这篇文章「APP引导页如何设计才能吸引用户?推荐这3种插画模板(在新标签页或窗口中打开)」学习APP应用引导页的设计。


模板推荐

在线设计(在新标签页或窗口中打开)平台Canva可画提供了海量免费的设计模板,涵盖插画海报logoPPT等类型的设计需求,还有百种中文字体和千万版权图片。只要你的设计素材(在新标签页或窗口中打开)全部来自可画素材库,在此平台发布的设计可以用于商业用途。

阅读更多

打开浏览器搜索 “Canva设计学院” 阅读更多设计干货、灵感文章,还有精美模板推荐,为你的营销和设计打开灵感。

推荐阅读

查看全部

设计学院

10万+免费模板 千万版权素材 在线作图神器

把你的想法轻松变为现实