编辑导语:在我们的日常工作中经常会用到表格,表格的功能可以让我们很清晰快捷的了
解当前情况,设计一个好的表格也能大大的提升我们的工作效率;本文作者分享了关于 B
端交互界面基础组件表格的设计,我们一起来看一下。
我们常说一个表格基本的功能是包含增删改查的,为了完整的表达这一功能,常见的就是
用表格组件,表格被公认为是展现结构化数据最为清晰、高效的形式;常和按钮、搜索、
筛选、分页等其他界面元素一起协同,构成表格页。
它具备结构简单、分隔和归纳明确等特点,帮助对比分析,大大提升了用户对信息的接收
效率和理解程度;回归到线下场景更像家里的柜子,我们使用抽屉可以用来收纳整理,极
大提升用户信息收纳的效率、空间利用率,查找规律,打造了一个信息密度极高的归纳页
。
下面我将表格拆分成多个细节,并详细讲解各部分如何来设计,并结合业务场景深挖如何
正确的使用表格:
一、数据查看
1. 表格构成与布局
内部:由表头、行、列、单元格共 4 部分组成; 外部:由筛选区域、操作按钮区、分页
区共 3 大类组成。
2. 检验表格设计好坏
在我们对表格的设计思考过程中,需要注意两项原则:可读(可视化 ...


雷达卡




京公网安备 11010802022788号







