教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

完整的APP有哪些设计元素?引导页和加载页怎样设计?

更新时间:2022年07月22日18时32分 来源:传智教育 浏览次数:

好口碑IT培训

想要制作出一套完整的APP,首先要了解APP的构成元素。通常情况下APP的构成元素包含启动图标、加载页、引导页、首页及内容页,下面将针对这些构成元素进行详细讲解。

1.启动图标

启动图标是APP的重要组成部分和主要入口,是一种出现在移动设备屏幕上的图像符号。人们通过对字母和图像的认知,获得符号所隐含的意义。启动图标一般由圆角矩形或者矩形底板和LOGO或文字构成,更多的是由图标加文字组成,如图1所示。

启动图标
图1  启动图标

2.加载页

点击APP图标后,打开的第一个应用界面就是加载页。加载页是由一张渐变或者单色的背景、LOGO(或APP名称)、广告语,以及版权信息等几部分组成的,据不完全统计,加载页加载时间通常为2000~3000ms。大部分商家会将这个加载页做成广告页。图2所示为一些加载页效果展示。

天猫加载页
图3加载页

3.引导页

当加载页加载完成后,通常会看到几张连续展示、设计精美、风格统一的页面,这就是引导页。在未使用产品之前,通过引导页可提前获知产品的主要功能和特点,并给用户留下深刻的第一印象。根据引导页的目的、出发点不同,可以将其分为功能介绍类、使用说明类、推广类、问题解决类。一般引导页不会超过5页。下图所示为不同类别引导页的设计效果。


功能介绍类

使用说明类

推广类

问题解决类

4.首页

首页通常是打开应用后,映人用户眼帘的第一个页面,因此可以说首页是整个APP中最重要的页面。首页通常是由状态栏、导航栏、内容区、标签栏构成。具体分析如下:

①状态栏:通常为系统默认信息,包括电池电量提示、信号状态等。

②导航栏:通常包含分类、搜索框、扫一扫、消息中心等。

③内容区:根据APP的功能不同,内容区域差异也较大。例如,电商APP首页主要包含

Banner轮播图(6个左右)、快速通道(圆形背景图标)、商品促销和展示(如秒杀)等。

④标签栏:该区为APP主要功能分类,通常是以图标加文字形式展现;例如,电商类APP.其标签栏主要包括:首页、发现、分类、附近、购物车等几个标签。下图所示为APP首页效果。

5.内容页

通过APP中的首页点击进去的页面均称为内容页,通常包含列表页、详情页、个人中心页等。为内容页设计效果。






0 分享到:
和我们在线交谈!