分类：构图基础

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

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

管理并使用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　不同编组表现形式

文字作为标签类元素的主要内容，在图表中非常有限，所以很少有人关注到这些文字应该使用何种方式表达。但是使图表变得真实可靠的关键却恰恰是文字，其辅助图形来呈现数据。日常图表中我们使用的文字往往没有考虑该使用何种字体，以及这些字体的大小、颜色等属性。

字体根据使用场合大致可分为：正式文本字体和非正式文本字体。正式文本字体最大的特点是笔画横平竖直，主要应用于正式场合的说明性文本，比如报刊、杂志、演示中的文本内容，根据笔画起始和结束处是否有衬线，又可分为衬线体和非衬线体；非正式文本字体最大的特点是笔画中含有大量的曲线或夸张变形，主要应用于修饰美术，比如广告、漫画的艺术效果，根据结构夸张变形与否又可分为手写体和艺术体，详见表3.2-1。

表3.2-1　字体四种主要类型一览表

在图表中可以使用的字体是正式文本字体，切记不可使用非正式文本字体，因为这样的字体不具可读性，而且与图表中的图形也很难协调。尤其是太富于个性的艺术字很吸引眼球，会分散阅读者对图形的注意力，当字体变为阅读噪音时，就会对文本内容的理解和思考产生不利影响。中文字体的幼圆、综艺体，字形结构和手写、艺术体迥异，加上没有衬线的辅助，圆滑笔画很不利于视线暂留，也不适宜使用在图表中。

衬线体笔划粗细对比明显，阅读时较省目力，但容易使人产生视觉疲劳。中文字体的宋体衬线体特征非常明显，是最标准的衬线字体，今天我们所见的报刊、杂志，甚至Excel的默认字体均以宋体为主。不过由于强调横竖笔画的对比，在远处观看的时候横线会被弱化，导致识别性下降，所以宋体非常不适合在PPT的演示中使用。

非衬线体阅读起来费目力，但不易使人产生视觉疲劳。Windows中文字体黑体笔画横竖基本一致，能够达到最大的识别性，虽然没有衬线，但它的笔画不是均匀的粗细，在笔画起始和结束处均有意识进行了放大处理，是一种小衬线体。虽然只是不很明显的细微修饰，却成功增加了可阅读性。微软公司于Office 2007同时发布的微软雅黑是真正的非衬线体，笔画不含任何衬线修饰，横竖撇捺粗细一致，无论从图表审美角度还是从视觉疲劳状况而言，推荐使用非衬线体的微软雅黑。就目前的使用状况而言，由于Office 2007及后续版本尚未完全普及，使用微软雅黑尚存在兼容性的问题。四种常见中文字体比较如表3.2-2所示。

表3.2-2　四种常见中文字体比较

英文字体Times New Roma是典型的衬线体，Arial字体则是Windows上最常用的非衬线字体，图表中的数字和字母标注使用Arial字体是最佳选择，因为我们基本无须考虑兼容性的问题，几乎所有的电脑都有这个字体。

提示

---

文字很重要但不应该将读者的眼球锁定在文字上。

1）中文和字体在数字和字母表现上几乎相同，所以在图表中，请尽可能使用相同字体。

2）单个字成点，一行字成线，一段字成面，所以请精简文字到合适的长度，不要使图表中的文字变成了面。

图表视觉表达元素间有各种不同的关系（如图3.1-8所示），相同的数据，不同元素间的关系，会给人不同的感知效果，通过排列和组合这些元素关系，从而构成图表表达故事的结构。

图3.1-8　图表元素相互关系示意

❶ 分离　不接触，有一定距离，主要体现分组效果，弱化两两对比。

❷ 接触　边缘正好相切，主要用来强化分组的两两对比。

❸ 结合　相互之间结合成为较大的新形状，主要用来强化趋势效果。

❹ 交叠　相互间交叠产生上下前后左右的空间层次关系，主要体现分组效果及其两两对比。

❺ 重合　元素间相互重合，变为一体，主要强调强弱关系及其具体差异。

❻ 透叠　不强调上下前后空间关系的透明性相互交叠，主要体现进度和目标达成。

这些关系促使视觉思维能快速理清元素间的逻辑联系，有效帮助读者迅速理解图表所反映的数据状态。

根据Excel图表元素和图表功能的关联程度，图3.1-7给出了元素分类的划分示意。

图3.1-7　图表元素示意及分类

1. 视觉表达元素：是表达和图表诉求相一致的数据形态核心元素，一般情况下指主图表系列。
2. 视觉参照元素：是视觉表达元素的参考基准，主要指坐标轴、网格线和作为辅助图表系列的目标线、控制线等。
3. 辅助表达元素：辅助说明视觉表达元素的图形元素，主要指数据标签、图例。
4. 作图概念元素：与诉求无关，只和作图相关，主要指作图过程被无线或无数据点标识处理的元素，不在图表上直接显示，却实际存在。

处理好不同分类的元素层次关系，可以更好地实现图表功能，减少不必要的视觉干扰。比如在图表中属于视觉参考元素的网格线，设置太过醒目就会喧宾夺主；图表中设置满篇的数据标签也是弊大于利。有时高低点连线、垂直线、涨跌柱线等会取代主图表系列，变为视觉表达元素，这时其粗细、颜色设置就必须保证醒目和直观。

视觉中看到的各式各样的形态，不管是自然形态还是几何形态，无论是抽象造型还是具象造型，都由点、线、面构成。了解和认识Excel图表处理点、线、面的机制，以及如何有效安排这些点、线、面是图表设计的基础。

我们看到的图表是点的放大和线的扫描，当有多个面叠加时，就会有立体感，这一切都是点、线、面的魅力。在Excel图表中，线中有点，面中有线（如图3.1-1所示）；线可转换为点，在特定条件下，面积图可转换为线。

图3.1-1　Excel 2003中柱形和折线系列点线面的设置界面

点

点是图表最基本的组成，是图表中最细小的成分，在视觉中是最简洁的形态（如图3.1-2所示）。点与面的概念由相互比较而形成，通过它在面积和方向上的改变，可以形成图表上的线及面。同样是一个圆，如果布满整个图表画面，就是面；如果在图表中多处出现，则可以理解为点。

图3.1-2　各种以点为基础的图表

在图表中，点有提示及引导视线的作用。点最重要的功能就是表明位置和进行视觉聚集，在图表上的单个点，与其他元素相比，最容易吸引人视线。小面积单个元素或者两个以上的非线类元素如果同时出现在一个图表中，我们都可以将其视为点。

点可以有各式形状、不同的面积；但在图表中，点的位置关系重于面积关系，视觉不会去关注单个点的面积大小；两个以上的点，不同的对应关系，如并列、上下重叠、大小不同对比等，会形成不同的视觉感受；更多的点可以形成点线，三个以上不在同一条线上的点可以形成面，由点构成的面在视觉中更多呈现的是面特征属性；当单个点在视觉中面积的关系大于位置关系时，点则被视为面，最典型的是气泡图。

线

图表中的线由很多沿着相同方向的点紧密排列在一起形成，或者可看作是点移动时所经过的轨迹（如图3.1-3所示）。线有很明显的长度，但只有很细小的宽度，占有一定面积。线可以指示方向及位置，并形成面的边缘，比如柱形系列的柱形边框。

图3.1-3　各种以线为基础的图表

借助线的属性状态，有助于调节图表的视觉观感。贯穿图表的直线会分割图表画面；图表中的线条有时具有时间性，当线条从一头传递到另一头，时间就在这条线上流动；线的外型有长短、粗细、深浅、强弱、直接、转折、顿挫等变化，会给读者以力量、速度、连续、流畅、移动、纤巧、厚重、弹力等心理感受。制作图表时，线条的走向及形态，会影响视觉思维的判断，因此线条的宽度，以及两端的形态设置需留意。

面

在图表中当线的起点与终点碰撞汇合时，线就会消失，成为有面积的面（如图3.1-4所示）。与点相比，它是图表中相对较大的元素。面是体的基本单元，面的组合及连接会形成体，或组成形状。

图3.1-4　各种以面为基础的图表

点和面之间没有绝对的区分，强调位置关系时为点，强调形状和不同色彩间的比例关系时为面，比如气泡图。多个相同属性的面会产生群组，比如相同颜色的柱状系列。群组化的面有较强的视觉层次感。最安祥平和的面是圆形，如饼图。