UI导航设计对网络商品设计来讲十分要紧。假如忽略UI导航设计，甚至设计不当的 UI 导航都会对UI设计产生灾难性影响。
可访问的导航将引导用户浏览 UI 中的信息流，并帮助他们完成任务、提升客户体验、 Web/移动实际转化的比例，假如用户没办法在网站或app找到方向，那样该网站/app对他们毫无用处 —— 糟糕的导航设计会用户体验不佳，并致使用户流失。
那些客户体验最佳的UI导航的诀窍始于导航菜单。 为了让用户从网站/app的A点到达B点，用户需要一张图来指导他们，这张图就是——导航菜单。
让大家来看看5种容易见到的 UI 模式。
1、顺畅网站建设的导航菜单——下拉菜单
下拉菜单是一个可扩展的 UI 导航，具备多个值，用户可以选择这类值，并从那里被带到网站的另一个地区。下拉列表是一种网站导航设计，可让用户跳转到网站中的新地方，并依据用户所选的最后一个选项来实行操作的命令菜单。
何时设计下拉菜单？
当你有很多显示选项并期望节省空间时，下拉菜单是一种好的导航方法。
好的下拉菜单对用户来讲很了解，而且便捷浏览，能提升点击率。 不过它有空闲和地区的限制，所以要考虑客户体验模式。 菜单需要包括足够的导航选项，以便用户了解怎么样与其交互；但又不可以太多选项，防止产生不好的阅读体验。 好好借助下拉菜单，它会为你的UX UI设计大大加分。
2、抽屉式汉堡菜单
抽屉式汉堡菜单，是一个容易见到的Android和iOS移动菜单，用于显示多个链接。在"隐身"状况的时候，抽屉式汉堡菜单是隐藏在屏幕上。通过触发汉堡图标，用户可以访问呈现出来的导航链接。
何时用？
抽屉式汉堡菜单适用于 响应式网站制作。比如，Android Gmail邮箱，YouTube和Facebook中的Android抽屉导航。
抽屉式汉堡菜单很合适隐藏导航，在手机端屏幕上整理很大量导航链接。
3、固定地方菜单Web UI模式
固定地方菜单或粘性菜单是一种Web UI模式，当你向下滚动时，标题地区（菜单，网站标题和徽标）仍然可见，页面内容在其下方流动。粘性标题已成为Web UI模式标准 ——谷歌 +和Dropbox都有粘性菜单。
什么时间用它？
固定地方菜单应该用于目的意识明确的网站页面，比如零售，电商网站。用户可以在几秒钟内跳转至导航选项 - 固定菜单在这方面很有用。在浏览网站时，速度对用户来讲是非常重要的。事实上，依据 Akamai 和Gomez.com研究，79% 的在线购物者假如遇见性能问题，就不会返回网站。
4、Web中的大幅网页菜单导航
大幅网页菜单（mega menu）是一个可扩展的多级菜单。它有二维面板，分为多组导航选项（标签），每一个标签下都有各自的跳转链接，因此无需滚动。用户单击或鼠标悬停在选项上可查询其包括的链接。
与下拉列表一样，大幅网页菜单可用图标来呈现结构，与提高子菜单可见性。它们还可以在导航链接旁边添加图像或彩色字体，来吸引用户注意值得注意的内容。
何时用？
大幅网页菜单能非常不错地节省空间，隐藏内容，等到用户将鼠标悬停在菜单栏上时才显示所有导航链接。尼尔森·诺曼集团的一项研究显示，网页上需要显示的链接越多，大幅网页菜单就越受青睐。
此菜单比较适合 Web 设计，适用于有视觉障碍的用户或高龄的 Web 用户。它们同样合适需包括很多不同主题的杂志式博客。
5、用于响应式导航的卡片网格
网格是在Web和手机端导航中用的导航模式。 网格包括一系列可展开可缩短的图像。它是另一种视觉上出彩的结构，叫你可以组合有关元素，把主题和客户体验步骤可视化。
什么时间用它？
网格中的图像提供了大面积的可点击对象，使网格成为移动UI导航的理想形式。 它们还用于很多以展示图片为主的网站，比如图像共享网站Pinterest和音乐流服务Spotify。
因为其逻辑，适应强的布局，卡片网格很合适响应式导航！
在设计过程中应优先考虑导航菜单的设计。开发前对导航菜单进行原型设计，从刚开始就将商品可视化，以便可以实时体验商品的交互方法。
推荐标题知道5种容易见到UI导航设计
