服务时间:8:30-18:00

首页 >UI设计网

APP布局说明

发布时间:2022-11-02 09:48 字数:582字 阅读:191

APP布局说明,本节将对Android和iOS系统的APP界面布局进行解释说明,从而了解不同系统的APP在设计时的异同。

1、Android系统APP布局

Android系统APP布局

基于Android系统的APP元素一般分为4个部分:状态栏、标题栏、标签栏和工具栏。下图所示为基于Android系统的APP应用。

状态栏:位于界面最上方。当有短信、通知、应用更新、连接状态变更时,会在左侧显示,而右侧则是电量、信息、时间等常规手机信息。按住状态栏下拉,可以查看信息、通知和应用更新等详细情况。

标题栏:在该部分显示当前APP应用的名称。

标签栏:标签栏放置的是APP的导航菜单,标签栏既可以在APP主体的上方,也可以在主体的下方,但标签项目数不宜超过5个。

工具栏:针对当前APP页面,是否有相应的操作菜单,如果有,则放置在工具栏中。那么,在单击手机上的“详细菜单”键时,屏幕底部就会出现工具栏。

2、iOS系统APP布局

基于iOS系统的APP界面布局元素则分为状态栏、导航栏(含标题)、工具栏/标签栏3个部分,下图为基于iOS系统的APP应用。

状态栏:显示应用程序运行状态。

导航栏:显示当前APP应用的标题名称。左侧为后退按钮,右侧为当前APP内容操作按钮。

工具栏/标签栏:工具栏与标签栏共用一个位置,在界面的最下方,因此必须根据APP的要求选择其一,工具栏按钮不超过5个。