表格设计基础

1      表格需求

讨论一个事物的优劣，是一个很容易变得情绪化的事情。因为很多时候，不同观点是建立在不同的标准上的。比如我们比较不同的跑车：

对决

对于日常的使用，上班购物旅游等，我想大部分人会选择宝马。而如果你是要上阵比赛，那右边的赛车就肯定胜出了。判断表格设计的选择也是同样的道理。我们首先必须明确表格需要满足的需求，在此基础上，进一步找出最好满足这些需求的方法。

我们在此定义表格需要满足的需求为：

表格是一种显示数据的工具。表格的设计应该让读者最快地，最准确地完成对数据的理解和比较。

在此文里，我们通过对一个典型中国式报表的分析，指出一些可供改进之处，同时引进一些表格设计的基本概念。

2      表格剖析

下图是一个较典型的中国式表格。

2.1       线条及颜色

这个表格有显注的中国式报表的特点：

1.       表格通过格子线条来分割数据及区域。

2.       因为有不同的区域同时画在一个表格内，报表设计者使用了不同的背景色来帮助区域的区分。

第一印象是这个表格的颜色很重。一个读者的注意力第一会被吸引到不同的背景色上。因为它的面积和比重远远超过其它的像素。

接下来，读者注意力会在一定程度地陷入在线条和数字之间的竞争里。最少数字没有占有一个最显眼的位置。

我们可以很快易地对这个表格作一些调整，进而减少不必要的干扰：

1.       尽量降低线条的深度。让它既可以起到划分数据的效果，又不吸引读者的注意力。

2.       取消背景色。通过对线条的颜色变化来起到分片的效果。

2.2       数字显示

表格最重要的功能是对数据的显示。数据之外的标题，背景等等都是相对次要的。以此条件来分析，我们看到这个表格还存在以下问题：

1.       所以数据都显示了小数点两位，虽然所有的小数点后都是零。

2.       各种标题占用了很多像素。数字本身有点被喧宾夺主的感觉。

3.       金额和数量交叉显示。如果你想只关注金额或数量，需要做一些努力。

基于这些观察，我们作出以下调整：

1.       去掉小数点之后的显示。加上千的分隔点，以易于快速判断。

2.       降低标题的颜色深度，以达到突出数字的目的。

3.       对数量的行加上一个很浅的背景色，以助于金额和数量的分别。

和原始表格相比，新的版本在易读性上有了明显的改进。

3      数据墨水

业界专家Edward Tufte提出了一个数据墨水(Data Ink)的概念，作为指到数据显示设计的指导思想。

数据墨水的目标，用Tufte的原话：

Above all elseshow the data

而数据墨水定义为：

A largeshare of ink on a graphic should present data-information, the ink changing asthe data change. Data-ink is the non-erasable core of a graphic, thenon-redundant ink arranged in response to variation in the numbers represented.

也就是说，数据墨水是那些用来表达数据的像素。如果把它抹掉，显示的信息就会改变。比如一个表格里，把线条擦掉，不会对显示的信息作出改变。而把数字擦掉，显示的信息就不同了。

数据墨水的想法是尽量增加数据墨水对非数据墨水的比例。在合乎情理的前提下，减掉所有不需要的非数据显示。我们以上的对表格的改进，也是在这个指导思想下作出的。

 

原文出处来自：http://www.inetsoft.com.cn/customer/KnowledgeBase/chart_design_base.jsp