为什么APP菜单都放在底部

第 1 页 共 3 页

APP界面设计之页面布局的22条基本原则

移动APP页面布局(Layout)是我们设计app界面的时候，最主要的设计任务。一个app的好与不好，很大部分取决于移动APP页面布局的合理性。

下图为APP最原始的布局模型。

页面布局顾名思义就是对页面的文字、图形或表格进行排布、设计。优秀的布局，需要对页面信息进行完整的考虑。即要考虑用户需求、用户行为，也要考虑信息发布者的目的、目标。

对用户行为的迎合和引导，有一些既有原则和方法，比如下面的22条基本原则：

1、公司/组织的图标（Logo）在所有页面都处于同一位置。

2、用户所需的所有数据内容均按先后次序合理显示。

3、所有的重要选项都要在主页显示。

4、重要条目要始终显示。

5、重要条目要显示在页面的顶端中间位置。

6、必要的信息要一直显示。

7、消息、提示、通知等信息均出现在屏幕上目光容易找到的地方。

8、确保主页看起来像主页（使主页有别于其它二三级页面）。

9、主页的长度不宜过长。

第 2 页 共 3 页 10、APP的导航尽量采用底部导航的方式。菜单数目4-5个最佳。

11、每个APP页面长度要适当。

12、在长网页上使用可点击的“内容列表”。

13、专门的导航页面要短小（避免滚屏，以便用户一眼能浏览到所有的导航信息，有全局观）。

14、优先使用分页（而非滚屏）。

15、滚屏不宜太多（最长4个整屏）。

16、需要仔细阅读理解文字时，应使用滚屏（而非分页）。

17、为框架提供标题。

18、注意主页中面板块的宽度。

19、将一级导航放置在左侧面板。

20、避免水平滚屏。

21、文本区域的周围是否有足够的间隔。

22、各条目是否合理分类于各逻辑区，并运用标题将各区域进行清晰划分。

这些APP界面布局原则可以保证页面在布局方面最基本的可用性。是非常适合app设计新手来掌握。

App导航设计全面梳理——附免费原型模版！

生活中大家或多或少都会有迷路的经验，但你是不是从来没思考过迷路的定义是什么？

迷路的定义其实有两个核心：

1.想要到达一个目的地。

2.不知道自己在哪里，应该往哪走。

和生活中的迷路一样，用户在使用APP过程中也可能会「迷路」。因为用户使用APP时同样需要到达一个页面，如果没有合适引导，用户很难知道他需要怎么跳转才能到达自己想要的页面。在APP中，导航设计起到的正是这种关键作用：让用户了解他此时在哪个页面，他想要到达某个页面应该怎么跳转。

下面我们通过实例从是什么、为什么、怎么做这三个方面来介绍一下目前APP设计中最常用的几种导航。

一、底部标签导航

1.简介

底部标签导航是APP中最常见的导航。

为什么它会是最常见的？就像超市把利润最高（最想卖给顾客）的商品摆在顾客触手可及的地方一样，APP最核心的功能通常也应该放在用户触手可及的地方。在用户握持手机时，屏幕底部区域恰好是大拇指最方便触及的区域。因此大多数APP产品才会选择底部标签导航的形式来呈现产品核心功能。 2.设计特征

1）通常作为APP的一级导航（主导航）。

原因同简介里的解释。

2）标签数通常为3-5个。

为什么不更多？因为大拇指触摸屏幕时的接触面积较大，一旦标签数超过5个，每个标签的所占面积不足，将会使正确的标签点击选择变得困难，甚至导致误点击。

3）标签通常是图标+文字形式的。

标签通常可以有文字、图标、文字加图标这3种设计形式，为什么非要用图标+文字？

首先，文字的意义指向性强于图标。举个例子，一个X，可以表示关闭，也可以表示错误，甚至可以表示未知数，但「关闭」这两个字表示的就是关闭。 其次，人类作为视觉化动物，对图形比对文字敏感。

综合起来，图标+文字的形式是意义指向最准确的形式，也是让用户用户最快理解标签含义（功能）的形式。

4）标签顺序通常按功能优先级从左至右排列，第1个标签显示产品主页面。

［系列］APP设计之五：导航

之前的几篇文章谈了谈APP设计中的启动页、引导页、注册【登录】和搜索，本篇文章谈谈导航

部分。

同样，我们先来看看导航的定义。所谓的导航指的是：引导用户访问APP的栏目、菜单、分类等布

局结构形式的总称。

也就是说，导航主要是引导用户，告诉用户怎么找到自己想要的信息或完成用户自己想要完成的

任务。可见，导航在一个APP中的重要性是非常高的。导航设计的合理性关系着用户是否能够找到

信息和完成任务。

那么，导航设计究竟应该如何做呢？这个说实话，不同的APP，导航设计既可能是相似的，也可能

是完全不同的。因此，导航设计究竟应该如何做的答案只能是：根据APP的情况来定。

不过，虽然我们不能给出一个标准答案说：APP导航这样设计就可以了。但在众多的APP导航设

计中，我们能够找到一些常见的设计模式，以此来作为一个参考，辅助我们的APP导航设计。

下面，我将就APP导航设计的常见模式进行一个总结。

首先，我将定义一个叫做原始导航的导航。原始导航是一个最最粗糙的导航，通过纯文字的链接入

口来导航。如下图：

看到原始导航，是不是觉得弱爆了，怎么可能有这样的导航呢？所以，我把它定义为原始导航，然

后在此基础上通过不断的演变来形成我们常见的导航模式。

一、标签导航（选项卡导航）

有了原始导航，你可能会说，原始导航这种入口的摆放方式太占空间了，就五个入口就占据了整个

界面。有没有一种更加省空间的导航模式呢？当然有。首先，我们将五个入口放到界面的下方，就会形成常见的底部标签导航。

通常，底部标签导航有3～4标签，一般不会超过5个，有更多的选项操作时可将最后一项设置为

更多，将一些次要功能放置在更多里。这是一种非常常见的导航模式。如果你的应用需要用户频繁

的在不同分页切换，可以采用这种导航。虽然它还是会占用一定的界面空间，但比起原始导航来说

好多了。现在很多APP（包括iso和android）都在用这种模式。

当然，如果你在五个标签中，有一个标签是最重要或最频繁使用的，想要重点突出，可以使用下面变形的底部标签导航。

软件应用界面操作指南

一、概述

软件应用界面操作指南旨在为用户提供详细的操作步骤和相关提示，以便用户能够熟练地操作软件应用界面，充分发挥软件的功能和优势。本指南适用于广泛的软件应用界面，旨在提高用户的工作效率和操作便利性。以下将介绍主要的软件应用界面操作指南。

二、界面布局及功能介绍

1. 主界面

软件应用的主界面通常位于软件启动后的第一个界面，它主要用于展示软件的基本信息和功能入口。在主界面上，用户可以接触到软件的核心功能，并且能够通过主界面进一步进入到各个具体的功能模块中。

2. 菜单栏

菜单栏位于顶部或者左侧的位置，它通常包含了软件的各种功能和操作命令。通过点击菜单栏上的不同选项，用户可以访问软件的各项功能，并执行相应的操作。菜单栏的选项通常以一级或者多级的形式组织，用户可以根据自己的需求进行选择和操作。

3. 工具栏

工具栏位于菜单栏之下或者左侧，它包含了一系列常用的工具和操作按钮。用户可以通过工具栏上的按钮来快速访问特定的功能，并且能够执行一些常见的操作，如新建、保存、打印等。工具栏上的按钮样式通常采用图标或者图标加文字的形式，用户可以根据需要进行调整和自定义。

4. 状态栏

状态栏通常位于软件界面的底部，它用于显示当前软件的状态和一些重要的信息。例如，状态栏可以显示当前选中的功能或者操作，当前的日期和时间，或者其他一些与软件使用相关的信息。状态栏的内容和样式可以根据软件的设计和功能进行调整和自定义。

三、常见操作及操作提示

1. 打开和关闭软件

打开软件的方法通常是双击软件图标或者选择软件的快捷方式，并点击打开按钮。关闭软件通常是点击右上角的关闭按钮或者选择退出选项，然后确认关闭操作。

2. 导航和定位

软件界面通常包含多个功能模块和页面，用户可以通过导航和定位功能快速切换到目标功能或者页面。导航功能通常通过菜单栏、工具栏或者侧边栏来实现，用户可以点击相应的选项进行导航。定位功能通常通过搜索框、筛选器或者导航面包屑来实现，用户可以输入关键字或者选择特定的选项来定位目标功能或者页面。