如何设计B端表格？这篇近5000字的干货帮你完全掌握！ 收藏

表格浅谈，多多指教

数据查看

让我们先来回顾一下表格的基本构成，最上面的为表头，横为行，纵为列，内容区每一组展示数据区域为单元格。

表格的设计，虽然看似简单，但是作为用户最常用的组件之一，我们需要对视觉和交互的精准把握，才能保证用户在使用表格时更加高效。

这里我推荐表格的”四维自检法“，对我们设计的表格是否合理，做出一个标准的判断。

分别是：信息降噪、呼吸适中、高效易读、详情查看。

• 信息降噪：分别对表格内容和视觉层面进行重要性梳理，剥离不重要的元素，使表格轻量化；
• 呼吸适中：保持内容和元素之间合适的间距，使表格页拥有一个好的呼吸感，将给用户营造一个舒适的操作环境；
• 高效易读：通过对需求内容的解读，对内容形式加以分类辨别，做出可读性最强的样式；
• 详情查看：b端系统往往伴随着表格数据类目庞大的问题，通常会采用另一种形式去展示全部信息。

1. 信息降噪

精简表格内容

当表格的字段非常重要时，一定要将字段全部展示出来让用户更清晰地了解数据。

如果你的用户只需要了解部分字段，那么全部展示是没有必要的，只需展示最重要的字段即可。

自定义字段展示

不同用户想看的的信息侧重不同，有时候我们无法准确判断用户看重哪些字段，还可以让用户自定义展示字段。