编辑导读:表格通常是指按照行和列或者采用更复杂的结构排列的数据,在数据分析等领域被广泛应用。对于B端设计师来说,将冰冷的表格转化成更直观、更具有可读性的展现形式是其非常重要的技能之一。本文作者将围绕表格的设计展开三方面的分析,希望对你有帮助。

表格是按照行和列或者采用更复杂的结构排列的数据,表格广泛应用于通信、研究和数据分析。其实表格并没有一个确定的定义,它会因为不同的行业和谈论环境而存在差异。
对于设计师而言,表格是一个最不陌生的组件,尤其是B端的设计师。当我们设计产品的时候,最初的需求往往就是由一堆各式各样表格构成。设计师的非常重要的一项技能就是将冰冷的表格,转化为更直观、更高可读性、更美观的展示形式,如图表、图形、指标卡等形式。

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

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

表格的设计,虽然看似简单,但是作为用户最常用的组件之一,我们需要对视觉和交互的精准把握,才能保证用户在使用表格时更加高效。这里我推荐表格的”四维自检法“,对我们设计的表格是否合理,做出一个标准的判断。分别是:信息降噪、呼吸适中、高效易读、详情查看。

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