B端设计：导航菜单的设计5步法

三、菜单层级有区分

我将常见的导航区分进行总结，分为以下三种形式：

3.1 颜色区分

颜色区分作为最直接最有效的一种形式，这种形式也是后台页面最初的状态，我通常会用颜色区分和移动端顶部状态栏的演变史做对比，就其功能而言他们都有很多相似的点：

微信在2018年12月份时，发布微信7.0，将顶部导航由黑色转变为白色，引得大家争论不休，而经过时间不断洗礼，大家也逐渐接受这个了事情，渐渐忘去。

2019年也有类似的事情发生，有几个产品的WEB端进行了一系列的大改，YouTube、Twitch、Twitter都进行了重新设计，他们也不约而同的将块面去除，去掉多余的的灰色，通过留白和空间将页面拉开。

‍

这否是是下一个WEB端所要追寻的趋势，我还不得而知～

‍如果WEB端都有此改变，那么B端产品还会远吗？

说回B端设计，颜色上的区分和移动端类似，更多体现在导航层和内容层之间的区别，因为从本质上讲，这两个本身就属于不同的业务模块，通过颜色的区分，是最为直接，最简单的一种方式。

这种形式常见于很多复杂系统，例如：飞书。

小唠一句：飞书的文档功能以及协同工作比钉钉好用太多，如果大家现在还在寻找协同软件，可以试试飞书～

左侧导航为深，能够让用户更沉浸的体验，因为屏幕边缘都为深色，用户在使用时能够真正做到有区分。

3.2 投影区分

在现如今的移动端产品，投影大行其道，弥散投影，高级投影随处可见，也逐渐影响更多WEB端的产品使用投影。增加自身产品Z轴空间。

Z轴空间给导航带来了的纵深感，同时能够在功能层级上，通过分层设计，使页面层级关系十分明确，引导用户使用导航。

（编辑：源码网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!