JavaShuo
栏目
标签
【设计思考】多层级tab选项卡展示方式
时间 2020-12-21
标签
设计
# 设计思考
栏目
快乐工作
繁體版
原文
原文链接
在后台管理系统的设计中,往往会遇到多层级的查询与展示。如何能更直观地展示数据,并且让用户体验更佳,是在设计过程中需要仔细考虑的问题。 举个例子 现有一个管理系统的原型图如下,共有5个层级,选择数据时,需要一层一层选择。可以看出,原型图中的tab层级虽然清晰,但视觉效果欠佳,尤其是前三层,由于都是横向选择标签,没有辨识度。 解决方法 经过一番思考和对比,确定了一个比较好的展示方式——横纵交错。如第一
>>阅读原文<<
相关文章
1.
js tab选项卡 mootools tab选项卡
2.
IDEA设置Tab选项卡
3.
选项卡展示
4.
TAB选项卡
5.
选项卡TAB
6.
Tab选项卡
7.
tab选项卡
8.
JQuery-Tab选项卡
9.
Vue tab选项卡
10.
bootstrap tab选项卡
更多相关文章...
•
ionic tab(选项卡)
-
ionic 教程
•
ionic 选项卡栏操作
-
ionic 教程
•
IntelliJ IDEA代码格式化设置
•
SpringBoot中properties文件不能自动提示解决方法
相关标签/搜索
展示
思惟方式
多项式
设计思想
tab+tab
tab
层级
思考
设计方案
选项
快乐工作
兴趣爱好
PHP参考手册
红包项目实战
网站建设指南
设计模式
计算
委托模式
0
分享到微博
分享到微信
分享到QQ
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新文章
1.
Appium入门
2.
Spring WebFlux 源码分析(2)-Netty 服务器启动服务流程 --TBD
3.
wxpython入门第六步(高级组件)
4.
CentOS7.5安装SVN和可视化管理工具iF.SVNAdmin
5.
jedis 3.0.1中JedisPoolConfig对象缺少setMaxIdle、setMaxWaitMillis等方法,问题记录
6.
一步一图一代码,一定要让你真正彻底明白红黑树
7.
2018-04-12—(重点)源码角度分析Handler运行原理
8.
Spring AOP源码详细解析
9.
Spring Cloud(1)
10.
python简单爬去油价信息发送到公众号
本站公众号
欢迎关注本站公众号,获取更多信息
相关文章
1.
js tab选项卡 mootools tab选项卡
2.
IDEA设置Tab选项卡
3.
选项卡展示
4.
TAB选项卡
5.
选项卡TAB
6.
Tab选项卡
7.
tab选项卡
8.
JQuery-Tab选项卡
9.
Vue tab选项卡
10.
bootstrap tab选项卡
>>更多相关文章<<