【设计思考】多层级tab选项卡展示方式

在后台管理系统的设计中,往往会遇到多层级的查询与展示。如何能更直观地展示数据,并且让用户体验更佳,是在设计过程中需要仔细考虑的问题。

举个例子

现有一个管理系统的原型图如下,共有5个层级,选择数据时,需要一层一层选择。可以看出,原型图中的tab层级虽然清晰,但视觉效果欠佳,尤其是前三层,由于都是横向选择标签,没有辨识度。
原型图

解决方法

经过一番思考和对比,确定了一个比较好的展示方式——横纵交错。如第一、三、五层为横向tab,第二、四层为侧边栏显示。效果图如下:
在这里插入图片描述
这样,采取层级间的横纵向嵌套显示,既美观又明了。

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值