咨询电话:
15628812133
29
2024/07

如何设计B端表格?(一)

发布时间:2024-07-29 22:13:29
发布者:guokai
浏览量:
0

表格的定义

表格是安装行与列进行交叉或者是采用更加负责的结构排列数据构成数据的基本单位。

表格的应用十分广泛,主要应用于通信、研究和数据分析。实际上表格本身并没有一个准确的定义,对于不同的行业和谈论的环境会存在较大的差别。

对于设计师来说,表格其实是最常见的一种组件,尤其是B端设计师,当需要设计产品时,最初的需求往往就是由各式各样的表格来呈现的;B端设计师的主要工作内容,就是将一堆杂乱的、冰冷的表格,转化为更加直观、更高的可读性,以及更加美观的展示方式,

例如图表、图形、指标卡等形式。

如何设计B端表格?(一)

表格页的构成

表格被公认是展现结构化数据最为清晰、高效的形式。通常和按钮、筛选、搜索、分页等其他元素一起协同,构成表格页。通常的表格页都包含三个部分:数据查看、数据过滤、数据操作。

如何设计B端表格?(一)

数据查看

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

如何设计B端表格?(一)

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

这里我推荐表格的"四维自检法“,对我们设计的表格是否合理,做出一个标准的判断。分别是:信息降噪、呼吸适中、高效易读、详情查看。

如何设计B端表格?(一)

信息降噪:分别对表格内容和视觉层面进行重要性梳理,剥离不重要的元素,使表格轻量化;

呼吸适中:保持内容和元素之间合适的间距,使表格页拥有一个好的呼吸感,将给用户营造一个舒适的操作环境;

高效易读:通过对需求内容的解读,对内容形式加以分类辨别,做出可读性最强的样式;

详情查看:b端系统往往伴随着表格数据类目庞大的问题,通常会采用另一种形式去展示全部信息

以上就是《如何设计表格?表格的定义和数据查看的内容欢迎大家一起讨论。

关键词:
返回列表