课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
表格功能在许多网页设计中都是ui设计师经常用到的一个设计元素,下面我们就通过案例分析来了解一下,表格设计都有哪些设计技巧。
1.固定表头
当用户滚动表格时,固定表头可以方便用户快速获取当前数据信息。
2.水平滚动
对于一些比较大的表格来说,提供水平滚动非常有意义。在列放置一些标识数据,并锁定列可以方便用户去比较数据。
3.可调整列宽度
用户可以通过拖拽调整列宽,方便其看到格子内的完整数据。
4.行样式
可以通过加入斑马线、分割线来提高数据的易读性。用户在面对大量数据的时候,可能会出现视觉丢失。而分割线可以方便用户定位信息。在阅读长的横条数据表时,斑马线样式可以帮助用户更好地集中注意力。但是在只有少量数据的报表上采取斑马线设计,会出现可用性问题,因为用户可能会想为啥有些行是高亮显示的。
5.可调整数据密度
行距更低的表格可以帮助用户无需滚动即可查看更多数据。但是这可能会导致用户在扫描数据的时候,看错一些数据。这就是为何很多好的表格采用了类似的选项按钮设计,可以让用户自己去选择数据的密度。
6.提供可视化的图表
可视化的图表可以让用户对下方的数据报表有一个初步的印象。同时,用户在看数据报表前,就能从图表那发现数据的问题和得出一些初步的结论。
7.分页
通过分页功能,用户可以调整单页显示的数据量。
8.鼠标悬停操作
如果需要加入更多操作,可以采用悬停操作设计。但是,这会导致可见性问题,因为用户需要将鼠标移动到对应的位置,才知道有更多功能。
9.行内编辑
用户可以很方便地通过行内编辑功能编辑数据,而不需要跳转到单独的详情页面中进行编辑。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。