导航菜单设计B端设计指南导航菜单设计方法( 三 ) _经验知识

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

文章插图
Material Design设计的出现。正是Z轴空间的鼻祖。在人类的屏幕中开辟了第三个设计纬度。在Z轴上展示增加了再多的交互形式。在几何体系中。Z 轴是 X 轴和 Y 轴之外垂直于屏幕的轴。人类通过引入 Z 轴在交互设计中呈现三维的物理空间感。使页面内容能够获得有效区分
比如Teambiton在页面中使用投影。强化了页面层级的关系

文章插图
3.3 分割线区分
分割线针对导航功能性不高。同一时间要满足较高设计感的业务
分割线太深。页面十分割裂。分割线太浅。页面划分又不明确。因此需要设计师对分割线的把控十分合适
分割线在Dribbble上见到过很多。通过简单的线条加上空间的分割。将导航区与内容区分开。形成很好的视觉感受。如果你是刚开始尝试做导航。不太反馈尝试这个形式。因为对于页面空间的把控要十分苛刻
四导航可配置
B端业务易操作性中。导航可配置操作算得上是一个严重的点。其中最一般是通过配置操作实现导航易用性的提升而怎么样让菜单可配置。一般的做法有两种。
4.1 我的菜单
如果你的业务是针对多数角色不一样的玩家进行设计。那么在导航设计时。可以思考增加一个菜单选项：我的菜单。对于菜单进行标签处理
设置一个我的菜单。将玩家常用的菜单进行添加。能够满足每一位玩家的菜单迅速选择的要求。通过这样的自己定义设置。玩家在常用的菜单下。能够通过我的菜单进行迅速跳转
举个栗子：
在印象笔记当中。其方便方法就是可以将玩家想要的模块放置在此。可以迅速跳转

文章插图
4.2 角色配置
如果你的业务是为固定几类角色进行服务。那么在导航设计时。可以思考根据玩家角色的不一样。给玩家不一样的导航展示
通过角色的筛选。使用对于杂乱导航进行简化。同一时间管理员可以根据本身公司的业务不一样。给玩家配置出不一样的角色权限予以满足玩家的导航要求。这样在设计层面上能够减少很多不一定的麻烦～
五四种常见导航菜单
5.1 侧边导航
侧边导航在中国的 B 端业务当中最为常见的
将菜单栏放置在左侧。页面布局上基本为差不多结构。将导航菜单放置左侧固定
因为侧边导航在中国业务中最为常见。因此把他是第一时间提出去讲。中国厂商对于侧边栏导航的尤为偏爱。在无数人心目中。感觉就只有侧边导航和很多导航两种导航形式。也就造成了在 B 端业务的提升也逐渐趋同。不过现阶段各位对于 B 端业务的重视。在设计上也开始多元化。话不多说。人类先来就这样看就这样看侧边导航的优点有哪些~
优点：

文章插图
扩展性较强：多级导航可以流畅展示。可以涵盖很多大而全的业务
展示灵巧：侧边导航可收折。收折过后玩家的横向核心空间将会增大大。页面展示效率也会大大提升
迅速定位：视觉启始线统一。玩家可以根据首字进行查找。方便查找
缺点：

文章插图
不易浏览：侧边导航文字垂直排列。有悖于眼动的正常视觉方向
浏览沉浸感低：侧边导航容易打断玩家的正常浏览顺序。使浏览感跌破
线上业务：
人类拿有赞零售进行举例。他就是一个典型举例。

文章插图
菜单栏+功能菜单共有 15 个。之后跟着通过导航的间隔将菜单进行分组。最多一个导航菜单共 9 个。满足7+-2原则
同一时间可以就这样看到。有赞在使用三级导航时。通过右边面积统一展示二、三级导航。方便了玩家导航展示的同一时间优化了玩家的使用体验
为什么中国B端业务一般情况是侧边导航？
我在我的设计剪贴板中有回应过这一个问题。就直接共享给各位～