【经验】B端后台产品UI设计——导航

 Navigation（导航）：

1、 导航的类型有很多种，常用的比如顶栏菜单、侧栏菜单、折叠菜单、下拉菜单、面包屑、分页、步骤条、时间轴、tab标签页、胶囊菜单、徽标数等。 

2、 各类导航中的字体大小可进行统一设定。 

3、 顶栏菜单多为一级菜单，点击切换，或作为下拉菜单的父级，将子级菜单合理分类。

4、侧栏菜单为垂直导航菜单，可以内嵌子菜单。 

5、 下拉菜单的触发方式一般有鼠标悬停和鼠标点击两种。 

6、 步骤条引导用户按照流程来完成任务，一般步骤不得少于两步。 

7、 分页的高度设定为24px、30px、32px，根据应用场景适当增减内容，比如设定每页展示数据的条数、跳转至指定页等。 

8、 面包屑用于说明层级结构，使用户明确当前所在位置，并且可以回到任一上级页面。 

9、徽标数用来通知用户当前有未读消息，一般出现在图标的右上角或者跟在文字后面。

总结

每一个设计规范都是有灵魂的，规范是为了更好的做设计，而不是限制设计师双手的枷锁。

设计规范也不是一成不变的，他在落地使用的时候多少都会有问题，需要慢慢的去反复检验规范的合理性，发现不合理的及时更正。