随着互联网的发展，移动端已越来越体现出重要性，而移动端网页的设计就显得更为重要了。在移动端网页，人们第一眼看到的就是导航，所以导航的设计就像高楼大厦的地基，非常重要。那么，移动端网页有哪些常用导航模式呢？本文就由小编带大家了解一下,一起来看看吧~工具/原料more手机：华为荣耀10方法/步骤

1.标签式导航

也就是我们平时说的tab式导航，是移动应用中最普遍、最常用的导航模式。标签式导航还可细分为底部tab式导航、顶部tab式导航、底部tab的扩展导航这三种。

2.抽屉式导航

抽屉式导航将部分信息内容进行隐藏，突出了应用的核心功能。当产品信息层级有非常多的页面和内容，难以在一屏内显示全部内容，抽屉式导航就是个不错的选择。

3.列表式导航

列表式导航结构简单清晰、易于理解、冷静高效，能够帮助用户快速定位到对应内容，在APP中的应用也分为两种：作为主导航使用、作为辅助导航来展示二级甚至更深层级的内容。

4.平铺式导航

平铺式导航方式很容易带来高大上的视觉体验，最大程度的保证了页面的简洁性和内容的完整性，且一般都会结合滑动切换的手势，操作起来也非常方便。当信息足够扁平，可以尝试平铺式导航。

5.宫格式导航

宫格式导航模式非常常见，但是却不常用于移动端网页设计。每天一打开手机，看到的就是宫格式导航。宫格式导航适合入口相互独立互斥，且不需要交叉使用的信息归类。

6.悬浮icon导航

悬浮icon导航，就是将导航页面分层，无论你到达APP的哪个页面，悬浮icon永远悬浮在上面。悬浮式icon是一个非常便捷的操作入口，非常适合大屏幕时代。

总结：

1.标签式导航

2.抽屉式导航

3.列表式导航

4.平铺式导航

5.宫格式导航

6.悬浮icon导航

注意事项

Tips:导航模式的选择在确定业务商业模式时，就需要确定下来。

移动端常用导航模式