不同的设计需求和业务目标决定了导航的设计因品而异#xff0c;移动设备的尺寸远小于计算机。

因此#xff0c;在设计移动终端导航时#xff0c;应考虑更全面#xff0c;以确保简单…导航是应用程序界面中最常见的模块之一在链接应用程序中起着每个页面的作用。

不同的设计需求和业务目标决定了导航的设计因品而异移动设备的尺寸远小于计算机。

因此在设计移动终端导航时应考虑更全面以确保简单易用。

在本文中我们整理了来自即时设计资源社区的7个实用导航菜单设计供您参考当然您也可以直接一键复制

1.舵式导航

舵导航菜单以它看起来像船的方向舵而命名。

舵导航将核心功能如发布、上传等放置在导航的中心并通常使用强烈的颜色来区分其他标签导航。

同时主功能标签的功能扩展点击后可以看到更多的界面入口。

由于舵导航入口直接清晰操作路径短常用于共享和社交应用程序。

例如这10个底部导航UI案例可以参考下。

2.汉堡菜单导航

就像舵导航一样汉堡导航也因其形象而得名普通的汉堡导航头由三条水平线组成就像两层面包和一层肉汉堡一样。

汉堡导航的优点是占用了更少的界面空间使页面更加简洁和清新并将用户的注意力集中在更重要的信息上。

用户非常熟悉这种导航模式不会增加额外的学习和适应成本。

3.顶部Tab导航

顶部Tab导航一般有2~5个选项选择与未选择的风格略有不同。

常见的有底部加短线、字体颜色变化、字体大小放大等。

点击不同的选项后您可以切换到另一个页面。

在设计移动导航菜单时可以实现页面跳转使用鼠标交互、手势交互、键盘、延迟等路径动画来制作迷人的产品演示。

4.抽屉式导航

抽屉导航菜单也被称为侧滑导航或扩展菜单。

这种导航方法将菜单“隐藏”在当前页面上为主要内容腾出空间。

抽屉导航通常用于放置用户不常用的功能或者对产品不太核心如设置、个人信息等。

5.列表导航

列表式导航菜单也是最常见的导航方式之一常用于个人中心、设置、内容/信息列表。

表中的每个项都链接到另一个子功能。

列表项可以填充文本、图片或按钮。

这样做的好处是可以在有限的移动屏幕空间内容中包含大量的入口。

例如后台侧边导航设计这个案例可以参考一下。

​6.卡片导航

卡片网格导航菜单可以是多种形状也可以由一组图片组成。

这些卡片分为可折叠和可扩展块具有高度的可视性使您可以轻松集成相关元素和可视化主题。

这种设计在许多流行的应用程序和网页设计中非常流行。

7.下拉式导航

当手指移动到菜单标签时下拉导航菜单可以达到下拉框的效果通常用于筛选同一信息模块下的不同类别的信息或快速启动一些常用的功能模块而不需要频繁的页面跳转。

这种操作更复杂现在很少使用但有时与其他导航结合使用。