【经验】B端后台产品UI设计——导航
北京/设计爱好者/4年前/441浏览
版权
【经验】B端后台产品UI设计——导航
希望在日后的工作和学习中,通过实践来不断完善自己对B端后台产品的理解。
Navigation(导航):
1、 导航的类型有很多种,常用的比如顶栏菜单、侧栏菜单、折叠菜单、下拉菜单、面包屑、分页、步骤条、时间轴、tab标签页、胶囊菜单、徽标数等。
2、 各类导航中的字体大小可进行统一设定。
3、 顶栏菜单多为一级菜单,点击切换,或作为下拉菜单的父级,将子级菜单合理分类。
4、侧栏菜单为垂直导航菜单,可以内嵌子菜单。
5、 下拉菜单的触发方式一般有鼠标悬停和鼠标点击两种。
6、 步骤条引导用户按照流程来完成任务,一般步骤不得少于两步。
7、 分页的高度设定为24px、30px、32px,根据应用场景适当增减内容,比如设定每页展示数据的条数、跳转至指定页等。
8、 面包屑用于说明层级结构,使用户明确当前所在位置,并且可以回到任一上级页面。
9、徽标数用来通知用户当前有未读消息,一般出现在图标的右上角或者跟在文字后面。

总结
每一个设计规范都是有灵魂的,规范是为了更好的做设计,而不是限制设计师双手的枷锁。
设计规范也不是一成不变的,他在落地使用的时候多少都会有问题,需要慢慢的去反复检验规范的合理性,发现不合理的及时更正。
5
举报
声明
3
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
登录注册
5登录即可同步推荐记录哦
3登录即可加入我的收藏
评论登录即可评论想法
分享分享














































































