首页常见问题正文

APP怎么设计?APP界面有哪些构成元素?

更新时间:2023-04-17 来源:黑马程序员 浏览量:

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

1.启动图标

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

app启动图标

2.加载页

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

加载页

3.引导页

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

引导页

4.首页

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

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

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

③内容区:根据APP的功能不同,内容区域差异也较大。例如,电商APP首页主要包含Banner轮播图(6个左右)、快速通道(圆形背景图标)、商品促销和展示(如秒杀)等。

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

首页

5.内容页

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

列表页

分享到:
在线咨询 我要报名
和我们在线交谈!