【设计思考】多层级tab选项卡展示方式_2层tab如何布局

作者：盐析白兔 | 2024-04-11 11:55:10

踩

2层tab如何布局

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

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

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/404874?site