标签：图表

当我们通过幻灯演示、打印及各类文档共享形式来展示辛苦制作的图表时，我们期许得到认同和赞许。可往往事与愿违，我们常常有意或无意在图表制作中犯下错误，给人草图、涂鸦、美术作品的视觉印象，由于先入为主的主观印象，读者已经失去了关注图表所表达诉求的意愿。

制作图表的首要考量是：如何把握视觉刺激。请务必记住：图表读者所感知的视觉刺激，会决定图表所含信息的有效传递。这和鲜活的食物会诱惑味蕾，增进食欲一个道理，所以完全没有必要在这个看似很小的问题上给自己减分机会。

管理并使用Excel的图表色彩，就和玩打乱色彩的魔方一样，高手需要在1000个数学公式和娴熟指法帮助下才可完成。虽然Excel提供的色彩管理界面相当简单，但有效地使用Excel色彩管理界面却并非易事。

不论是Excel或是其他的软件，色彩均是底层重要的应用组成部分，当我们通过［取色面板］试图对软件输出结果进行色彩格式化时，我们就打开了一个全是色彩的潘朵拉魔盒，我们是要放出“失望”还是放出“希望”，完全取决于我们对这个魔盒的认知和掌控。多个色彩的协调一致有助于我们设计出诉求突出的图表作品，但色彩的协调不一定会是“希望”，通过平衡色彩来打破必要的色彩规则就显得尤为重要，这样最终才能获得“希望”。

视觉魔方：如何直观呈现数据及其规律是图表的根本所在。人类所看到的是一个多彩世界，大自然赋予了人类通过眼睛感知色彩，从而获取信息的能力。当我们要将数据及其规律呈现出来时，必须使用色彩来建构我们的故事。

色彩及混色

对于色彩，最直观的就是雨后由红、橙、黄、绿、青、蓝、紫七色光组成的彩虹。无法用其他色彩混合得到的基本色彩称为原色，彩虹中的红、绿、蓝即为三原色光，这就是我们常提到的RGB；彩色喷墨打印机的墨盒现在通常使用：青色、洋红色、黄色和黑色四种墨色，其中青色、洋红色、黄色是俗称的颜料三原色，额外加入黑色是为了弥补用颜料三原色无法混合出黑色及诸多暗色系颜色的这个缺点。电脑显示器是自发光器件，使用的是正色，即“色光”；颜料则使用的是负色，即“反射光”。

色光三原色（红、绿、蓝，即RGB）按照一定的比例混合可以得到各种色光。三原色光等量混合可以得到白色。色光混色和颜料混色刚好相反，色光混色是越混合越明亮，所以称为加法混色。我们熟悉的电视\电脑显示器产生的色彩方式都属于加法混色，如图4.1-1所示。

图4.1-1　加法混色示意

青色、洋红、黄色油墨三原色按照一定的比例混合可以得到各种色彩。理论上三原色等量混合可以得到黑色，因为颜料越混合越灰暗，所以称为减法混色。水彩、油画、印刷产生各种颜色的方法都是减法混色，如图4.1-2所示。

图4.1-2　减法混色示意

这两种混色方法，通过对相对应的色彩取反操作，可以相互转换。

色彩空间

RGB色彩空间

由RGB，即红（Red）、绿（Green）、蓝（Blue）三种色光原色构成的精确颜色空间坐标描述，我们称之为“RGB色彩空间”（如图4.1-3所示），该颜色空间描述的所有颜色集合体称为色立体（Color Solid）。

图4.1-3　RGB色彩空间示意

图4.1-4描述了一个色彩在RGB色彩空间的坐标，这个坐标即是该色彩的R、G、B三个通道的数值，使用过Photoshop图像编辑软件的读者对这个概念应该不陌生。

图4.1-4　RGB色彩空间取色示意

HSL色彩空间

RGB是显示设备内部的色彩表达方式，描述的色彩较为抽象。于是就有了由RGB空间通过简单线性转换的HSL色彩空间，该色彩空间基于人对色彩的视觉感知。

HSL由色调（Hue）、饱和度（Saturation）、亮度（Lightness）三个参数构成。HSL色彩空间可以理解为一个双六棱锥体（如图4.1-5所示），该双六棱锥体的中心轴为自底部的黑色到顶部的白色，在中心轴黑色和白色之间的是灰色；绕这个轴的角度对应于色调；到这个轴的距离对应于饱和度；沿着这个轴的距离对应于亮度。图4.1-6表述了一个色彩在HSL色彩空间中的表示方法。

图4.1-5　HSL色彩空间

图4.1-6　HSL色彩空间取色示意

名词解释

■　色调\色相［Hue］

即色彩的相貌和特征，代表色彩的总体倾向，主要由红色、黄色、绿色、青色、蓝色、洋红等原色和间色构成，色调\色相的调整意味着改变对象的颜色。在Excel中定义为0～255共256个色调。

注：中文Excel将Hue翻译为色调，其实在颜色中色调和色相是完全不同的概念，在色彩理论中色调是整体图形色彩的主旋律或主基调，指画面色彩的总体感官倾向，如冷暖、明暗、深浅等色彩感觉。在表述上本书将和Excel同步。

■　饱和度［Saturation］

颜色的强度或纯度\彩度，表示色调中灰色分量所占的比例，在Excel中定义为0～255共256个梯度变化。在标准色轮上，饱和度从中心到边缘递增。对于每一种颜色都有一种人为规定的标准颜色，饱和度便是描述颜色与标准颜色之间相近程度的物理量。一个图形对象的饱和度为0时，其呈现的就是一个完全的灰度效果。

■　亮度［Lightness］

颜色的相对明暗程度，在Excel中定义为从黑色到白色，0～255共256个梯度变化。

为色彩做好准备

无论是LCD类型的显示器还是CRT类型的显示器，也不论性能如何优越，我们透过显示屏幕看到的色彩，均不是图像真实的色彩，色彩的还原都存在偏差。同样打印机也存在这个问题，要使我们显示器上显示的和打印出的图像看上去一致，就必须校正显示器和打印机的色彩，有关该部分内容请参阅互联网和相关书籍。

图表应该使人阅读起来赏心悦目，所以图表的各个元素应该和谐共生。如果图表仅仅是色彩、形状的随意混搭，那么将不具“生命感”，而且也根本无法实现视觉沟通功能。和谐不仅要看结构形式，也要看图表所形成的视觉效果能否与人产生共识。在充分考虑图表功能和表现形式的前提下最大化呈现“美”感，显得尤为重要，其次必要的图表修饰也是表现形式的补充。

通用修饰

亲密性

摆正图表的元素关系，将相关项组织在一起。因为在一个图表上，物理上的接近就意味着它们之前存在意义上的关联，这有助于创造团结。图3.3-12❶的图表标题和图例看起来有并列关系，但实际上，并不存在并列关系。读者不会刻意去关注图表标题，这样的图表让人看起来会觉得没有重点，读者会很茫然，不知道这是什么图。❷把标题和图例通过空间和大小分成两组，读者看到字体较大的图表标题后，马上就明白通过图表要表达什么了。

图3.3-12　亲密性布局的图表修饰

对齐

任何图表元素都不应该在图表上随意安放，每一项都应该与图表上某个内容存在某种视觉联系，这是作图者专业精神的体现。

其实我们在不知不觉中已经使用了这一原则，在大多数情况下，用到的都可能是居中对齐，因为Excel图表的标题默认是这样。但我们需要清楚：如果不是政府公文，文字边缘偏离图表核心，左右对齐给人的视觉效果更为强烈。在图3.3-13中，❸明显好过其他，❶则最为糟糕。

图3.3-13　对齐布局的图表修饰

提示

两个概念

软：居中对齐的边界是中心线，而这个中心线在人的视觉中是模糊概念，其两侧大量的留空会使人感到安全，但反映了我们的怯懦。

硬：无论我们愿意或不愿意，图表的坐标和边框总给人生硬的感觉。与这些对齐，就会使画面显示出硬朗的感觉，让人信服。

重复

元素的局部属性要在整个图表中被重复使用，不要让我们的图表失去统一性。重复原则可以让我们的图表看起来简洁，而且更具可读性，我们甚至可以在自己的多个图表中都沿用某一种重复。在图表设计中，重复性原则有两种应用。第一种是颜色，使用颜色之前我们必须清楚，颜色的大面积使用会减少图表核心诉求的表达面积，降低图表的表现力，尤其是图表区背景；第二种是元素使用相同的格式，这会让读者很清楚各元素间的层次关系，比如文字的字体、大小。在图3.3-14中，❶是Excel图表颜色的统一，❷是图表中多字体的统一。

图3.3-14a　重复布局的图表修饰

图3.3-14b　重复布局的图表修饰

对比

强烈地去表达我们的诉求，如果两项不完全相同，那么就应当使之不同，而且应当是截然不同。图表功能的实现必须借助大胆对比，这将有力地帮助我们完成故事诉求的表达。对比一定要强烈，千万不要畏缩和偷懒。不管是有意无意，一般人很少用到对比原则，反而常常在这个问题上犯错误。在图3.3-15中，❷通过互补色和表达形式的改变来突出完成进度状况。

图3.3-15　对比布局的图表修饰

在图表设计中，对比可以通过很多方法实现：如字号、颜色、形状（点、线、面）等，通常我们可能需要使用以上多种方式来实现对比。如果对比不强烈（比如三号字和四号字），就不能算是对比，而会成为冲突，在读者看来，这种图表设计是严重的失误。最好的对比切入点是：颜色、大小或面积。如果图表上的颜色不多，比如只有白色和黑色，我们只要将其中一个元素改为彩色，这个对比效果将完全不同。永远记住：请保持整个图表的布局有焦点，且焦点唯一。

交叉引用

有关颜色的部分请参阅：

本书“第4章秀色可餐”的内容。

针对具体表达形式的修饰

交替

主要针对面积类视觉参考元素，使用不同颜色有规律的交替出现来减少单调，并帮助视觉阅读图表，也可看作是重复的一种特例。最典型的应用是使用类似斑马条的色彩来进行分组或强化网格线（如图3.3-16所示）。

图3.3-16　图表网格的背景交替填色

渐变

主要针对面积类视觉表达元素的色彩渐变，可以看作是有关色彩对比的使用特例。条、柱形图表系列的色彩填充，使用由浅至深的渐变效果，会使读者更快地聚焦在色彩较深的位置（如图3.3-17所示）。千万不要在图表中使用多种色彩的渐变，尤其是Excel 2007及其以后版本的多色彩多光圈效果，结果往往是画虎不成反类犬。

图3.3-17　图表面积类视觉表达元素的渐变填色

比例

主要针对元素之间相比较的大小及或位置关系，柱形图、条形图、面积图、气泡图、饼图、环形图、雷达图表现最为突出。对于表达点线的折线图表系列，数据点标记的大小应该保持一致，如果大到有了面积的视觉观感也不合适，除非数据是3个维度，面积的大小是其中的一个维度，比如气泡图（如图3.3-8所示）。

图3.3-8　不同面积大小的气泡图

注：整体而言，图表本身的长宽是1∶0.618或1.618∶1的黄金比例时，会使视觉舒适。同理，条、柱形图表系列的宽度和间距比例符合这一比例，也会有好的视觉观感，故将柱形或条形间距设为40％～60％是一个很好的选择。

发射

具有方向的规律性，发射中心为最重要的视觉焦点，所有的元素呈中心集中，或由中心散开状态（如图3.3-9所示），比如雷达图、饼图。该中心可以是一个点，也可以是一条轴线。

图3.3-9　具有中心特征的图表

密集

在整个图表中视觉表达元素有疏有密，在视觉上有张力，具有节奏感，最疏或最密的区域是视觉焦点（如图3.3-10所示）。密集也是一种对比，它会产生疏密、虚实、松紧的对比效果。密集需要视觉表达元素面积较小，且数据点个数众多。一般使用在散点类型的图表，或对数等科学坐标系的图表中。

图3.3-10　具有疏密特征的图表

分割

在图表中，把绘图区整体分成若干部分的方式（如图3.3-11所示）就是分割。最典型的应用是波士顿矩阵图和红绿灯图。这个原则也可将一个图表变为若干小图表的集合体，避免图表表达系列过多，影响图表的可读性。

图3.3-11　被裂区分割的图表

图表根据诉求的不同，其表现形式多样。选择适合图表表达的形式有利于勾勒清晰的故事结构；良好的图表布局则有利于突出重点，切合图表诉求；合理编排元素有助于展现故事情节，并使人过目难忘，记忆犹新。

列表

通过数字、文本、甚至是图标和迷你图将数据分门别类的归纳排列，以此来表达诉求，Excel图表的数据表也是列表（如图3.3-1所示）。列表关注的是罗列与检索的方便，强调的是数据本身，对比和趋势不是列表的重点。列表有助于读者保持较长的注意力，因为它包含的信息多样。

图3.3-1　不同列表表现形式

对照

通过两个或多个不同含义、位置的图形进行相互对应比照，帮助读者认识数据（如图3.3-2所示）。按照对照数据的属性不同又分为水平和垂直比较，比如以时间为刻度的数据是水平比较，在同一时间段同类数据的比较则为垂直比较。该形式多使用柱、条类的视觉表达元素来完成诉求表达。

图3.3-2　不同对照表现形式

图解

通过示意、图标方式表达数据状态，是消除令人费解的文字或数据的有效形式（如图3.3-3所示）。更多地被用于将数据简单化和直观化，非过分强调数据本身数值的场合，比如仪表盘、箭头等概念类的诉求表达中。

图3.3-3　不同图解表现形式

标注

进一步说明数据的方式（如图3.3-4所示），按照使用的不同，又分为以下几类：

❶列示　对于视觉表达元素的局部进行详细文字说明，或额外进行突出放大的方式，如单元格批注、子母饼图的子饼图。

❷注明　使用标签来说明图形信息，最典型的应用是，数据标签、图例、坐标轴标题。

❸颜色　对于视觉表达元素的局部进行颜色区分强调，促使视觉进行聚焦。

图3.3-4　三类图表标注的表现形式

连接

通过线和面等形式来连接具有特定组织关系和相互关系的方式，可以帮助引导读者，使视觉有方向性和起止顺序，从而更好地认识数据间关系（如图3.3-5所示）。最典型的应用是视觉表达元素的数据趋势表达。

图3.3-5　不同连接表现形式

秩序

视觉表达元素符合一定的规则来表达数据，适合垂直对照的数据一般使用从大到小的排布，适合水平对照的一般由远至近来排布，比如按时间线索（如图3.3-6所示）。该方式符合人的逻辑习惯，可以帮助读者更快阅读图表。

图3.3-6　不同秩序表现形式

编组

视觉表达元素通过颜色和形状等进行区分，表达了数据间的亲密性。有利于读者厘清阅读图表的逻辑，理解谁与谁比照，以及区分不同的数据形态（如图3.3-7所示）。

图3.3-7　不同编组表现形式