的九种导航 当我们设计一个应用程序时，我们关注的最重要的事情是页面的布局结构，以及元素细节的优化。相比之下，导航处理在我们设计时最容易被忽视。应用程序的核心体验主要取决于导航，例如告诉用户如何查找他们想要的信息以及完成他们想要的任务。所以今天我要与大家分享的是导航设计的常见风格，以及它们的优点和缺点。

NO. 1

底部标签式导航

底部选项卡式导航位于页面底部，用于第一级界面。这是最常见的导航模式。如果我们开发需要用户频繁在不同接口之间切换的应用程序，最好使用这种导航。最好不要超过5个选项卡式导航。当有超过5个时，我们可以将剩余的低优先级函数聚合到一个函数门户中，例如:“More，People Center，My等”。

优点:可以看到当前的入口位置，便于在各个入口之间切换，不会丢失;也可以直接显示当前选择的界面内容;同时底部标签也是拇指的热区，操作简便。

缺点:导航选项的数量有限。您无法显示太多条目（最多5个，考虑到手指的理想触摸大小）。它也占用了界面的一定高度。如果是小屏幕手机，则会影响内容的显示区域。

NO. 2

顶部标签式导航

顾名思义，顶部选项卡导航位于界面的顶部，通常在导航栏或状态栏下使用。通常用于二次导航，因此顶部标签的样式通常直接显示在文本中，避免过多的视觉设计，导致界面中的导航级别不清晰。如果细分，顶部导航也可以分为两种类型: 1.固定标签顶部导航（一些应用程序用于在应用程序中进行主导航，如: QQ音乐）2。滑动的顶部导航选项卡（导航入口）不少于5）。

优点:的数量没有限制。它可以修复或不修复。通过左右滑动可以直接切换界面。浏览实时更新的内容很方便。

缺点:容易形成过多的界面内容，占用一定高度的界面。

NO. 3

分段式导航

分段导航是iOS系统附带的标准控件。适用于接口分类的切换频率。导航次数通常在2-4之间。

优点:可以看到当前的入口位置，便于在各个入口之间切换，不会丢失;也可以直接显示当前选择的界面内容;适用于高频开关接口，操作简便。

缺点:风格过时，灵活，不能通过左右滑动手势切换。由于田地的长度，数量将受到限制。

NO 4

抽屉式导航

从导航名称来看，抽屉通常用于收起精加工的意思，即除了核心功能之外的低频操作放在这个抽屉里。可以看出，抽屉导航的核心是[隐藏]，因此如果您需要让用户获得身临其境的体验并且其他模块的切换频率较低，我们的抽屉导航是一个不错的选择。抽屉控件通常有一个显示在应用程序左上角的手柄，并显示为按钮。单击后，抽屉被拉开，左侧区域显示导航的内容。

优点:隐藏非主要功能，可以专注于核心功能，减少来自其他非核心功能的干扰，并节省使用接口空间沈阳微信小程序

缺点:由于可发现性，一目了然，其他模块的流量将被抑制，这不利于最大化整体产品流。不适当的切换和使用会增加用户的学习成本。

NO 5

下拉式导航

下拉导航通常用于过滤统一模块下的不同类别的信息。其目的与抽屉导航的目的相同，以隐藏非核心操作和功能。这种导航主要用于浏览班级的二级导航;通过点击，我们可以召唤下拉菜单。下拉菜单通常以界面上层的浮动窗口的形式显示。当我们点击菜单以外的区域时，它将被收起。下拉导航允许用户感知与抽屉导航相比的当前位置。

优点:与界面更加一致，用户可以感知当前位置，还可以节省界面空间。

缺点:不适合频繁切换;不能结合左右滑动操作，比较隐蔽。

NO6

舵式导航

方向舵导航属于底部标签导航的变形。按钮的中间标有+号，看起来像是用来指挥船的方向舵。当标签导航不能满足需求时，我们可以选择方向舵导航，将导航的核心功能放在方向舵的中心，并使用突出的颜色吸引用户频繁点击。方向舵导航主要将生产内容的主要功能按钮放在中间，这在用户生成∪GC（用户上传的内容）的基于社区的App中很常见。

优点:突出了重要和频繁的操作门户，同时也弥补了底部选项卡缺乏导航，以及灵活和有趣的设计。

缺点:要求用户单击两次以到达目标，这会增加用户的操作流程。同时，隐藏功能不能过多，点击后会引起用户厌恶，增加用户的思维选择压力，不经常切换。

NO.7

点聚式导航

当分层信息更复杂时，每个模块都具有用户经常使用的核心功能。在这些条件下，我们最好的选择是点击式导航。点击导航的功能是无论您到达应用程序的哪个位置。一个接口，浮动CON将始终位于接口的顶部，以便不同的用户可以随时选择他们需要的功能条目。

优点:占用空间小，方便不同用户进入不同的模块。通常，他的外观伴随着交互式效果，因此它对用户的点击欲望更具吸引力，并提高了产品核心功能的点击率。

缺点:界面上的浮动导航将阻止文本或操作的听写。用户需要将其滑动才能运行。它无形地增加了用户的使用步骤。通常，集中导航方法是一种。 CON，没有书面说明，因此在理解用户方面存在一定的障碍。

NO 8

列表式导航

列表导航是App中不可或缺的信息承载模式。它通常在界面中通过图标+文本左对齐。如果函数之间存在不同类型的函数，则通常通过白色分区的方法来处理。 （如下所示）列表导航中的每个列表都是子功能的条目，每个条目之间的切换必须返回到列表主页。

优点:表格结构具有高度可塑性，可以不断增加信息，并且可以很容易地分组。简单，清晰，易于理解，用户可以快速找到他们想要的信息。

缺点:只能通过排序来区分条目的重要性;太多列表会导致用户向下滑动甚至增加搜索功能。切换每个条目时，只能通过返回列表页面返回。

NO 9

宫格式导航

Gongge Navigation将主要门户聚合到界面中，允许用户整体了解App的服务并选择他们需要的服务。每个条目彼此独立，没有太多的交集，并且不可能相互跳跃。宫廷式导航有很多变化，如美图秀秀，支付宝等。

优点: Palace格式结构可作为信息或平台的入口点，允许用户了解应用程序中的所有服务并快速选择所需的服务。它还具有很强的延展性。

缺点:用户无法直接查看要选择的服务的内容部分。您需要单击以查看特定的界面内容，这将增加用户的选择压力。

汇海 Technology是领先的综合性软件和信息服务公司，为客户提供从软件开发到营销和推广的互联网解决方案，旨在成为业界领先的全链信息技术服务提供商。公司与中国移动，平安银行，南方数字，北大青鸟，西门子等行业巨头进行了全面深入的战略合作。深入涉足汽车，金融，电子商务，农业，教育等重点行业，不断开拓全国市场，为客户提供全方位的连锁服务。优质，高效，技术服务，综合优势和行业特色。武汉哪家公司做网站？武汉哪家公司做网站？哪家公司是网站？武汉着名的网站建设公司？武汉的武汉网站生产企业有哪些？武汉网站外包？武汉有哪些可靠的软件开发公司？武汉有哪些更好的app开发，微信开发和系统开发公司？如果您有这样的需求，请联系汇海技术，财富热线：027-86633307，我们将以专业的服务态度做到每一个需要，这是我们的目标，使每一个需要到极致！