1.字体大小
字体字号大小调整要考虑功能和协调。Excel的字体大小采用1~409磅之间的数值,在图表上可以使用的最小字号为8磅,如果小于这个字号字体就会成团状,不易辨识。字体大小差异为2磅时,人的视觉才会明显感知到这种差异。图表的诉求必须使用较大的字体来强调它的重要性。
2.字体颜色
图表中的文字均属于辅助表达元素,请勿过多考虑色彩问题,最佳的选择是使用非彩色的70%~90%灰度来表现文字,这样的文字不会太过抢眼,也不会使人感到模糊。
1.字体大小
字体字号大小调整要考虑功能和协调。Excel的字体大小采用1~409磅之间的数值,在图表上可以使用的最小字号为8磅,如果小于这个字号字体就会成团状,不易辨识。字体大小差异为2磅时,人的视觉才会明显感知到这种差异。图表的诉求必须使用较大的字体来强调它的重要性。
2.字体颜色
图表中的文字均属于辅助表达元素,请勿过多考虑色彩问题,最佳的选择是使用非彩色的70%~90%灰度来表现文字,这样的文字不会太过抢眼,也不会使人感到模糊。
文字作为标签类元素的主要内容,在图表中非常有限,所以很少有人关注到这些文字应该使用何种方式表达。但是使图表变得真实可靠的关键却恰恰是文字,其辅助图形来呈现数据。日常图表中我们使用的文字往往没有考虑该使用何种字体,以及这些字体的大小、颜色等属性。

字体根据使用场合大致可分为:正式文本字体和非正式文本字体。正式文本字体最大的特点是笔画横平竖直,主要应用于正式场合的说明性文本,比如报刊、杂志、演示中的文本内容,根据笔画起始和结束处是否有衬线,又可分为衬线体和非衬线体;非正式文本字体最大的特点是笔画中含有大量的曲线或夸张变形,主要应用于修饰美术,比如广告、漫画的艺术效果,根据结构夸张变形与否又可分为手写体和艺术体,详见表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 图表元素示意及分类
处理好不同分类的元素层次关系,可以更好地实现图表功能,减少不必要的视觉干扰。比如在图表中属于视觉参考元素的网格线,设置太过醒目就会喧宾夺主;图表中设置满篇的数据标签也是弊大于利。有时高低点连线、垂直线、涨跌柱线等会取代主图表系列,变为视觉表达元素,这时其粗细、颜色设置就必须保证醒目和直观。
在Excel图表中,由一组相同或相似形态组成的集合为基本图表元素,单个组成单元也是基本图表元素。它是Excel图表构成的最小单位,例如:数据系列、数据标签、数值和分类坐标轴、网格线、图例、误差线、趋势线等。
Excel中设置图表元素时遵循一定的逻辑关系,理解元素的逻辑关系有助于快速制作图表。图3.1-5列出了Excel图表元素的逻辑关系,其中:
黄色的为宿主元素,
浅绿色的为寄生元素,
白色的为图表标签类元素。

图3.1-5 Excel图表元素从属与逻辑层次
了解和熟悉这种关系有利于我们快速制作图表,因为要使寄生元素显示,就必须先选中宿主元素,这些关系在Excel 2003制作图表时表现得较为明显,Excel 2007和2010的Ribbon新菜单弱化了这种逻辑关系(如图3.1-6所示),变得更加快捷和直观。

图3.1-6 Excel2007和2010的Ribbon图表布局菜单
视觉中看到的各式各样的形态,不管是自然形态还是几何形态,无论是抽象造型还是具象造型,都由点、线、面构成。了解和认识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 各种以面为基础的图表
点和面之间没有绝对的区分,强调位置关系时为点,强调形状和不同色彩间的比例关系时为面,比如气泡图。多个相同属性的面会产生群组,比如相同颜色的柱状系列。群组化的面有较强的视觉层次感。最安祥平和的面是圆形,如饼图。
在日常工作和学习中,总是可以看到很多并未认真设计过的表格和图表,不管我们是否意识到,图表创建的过程都是一种设计过程。说到设计,大家可能会感觉很高深,因此有意回避,其实设计并不高深。设计是指有目标和计划的创作行为、大部分为商业性质、小部分为艺术性质,基于图表设计来讲就是:一种有目的的图表创作行为。
不管多么简单或复杂的图表,内在的基础构图要素都是点、线、面。图表上的点线面不仅具有方位、距离和范围等几何特性,同时又都不可或缺。点线面的层次组合形成图表空间位置结构,以此来帮助大脑形成对数据的立体认知。
文字在图表中是不可或缺的特殊元素,是辅助图形类元素的主要手段,没有丝毫文字辅助的图表只是概念类的图示。忽视文字在图表整体中的角色以及平衡关系,将不利于图表诉求的表达,因此合理选择和使用文字对图表设计显得非常重要。
图表是多种图表元素构成的有机整体,这个整体根据使用目的的不同应该具有不同的表现形式,从而清晰生动地勾勒出图表讲述的故事。将图表元素简单地按照Excel的默认方式或随意堆砌的方式,无法完成一个有吸引力的设计,它们的布局应该符合最基本的设计原则:和谐。

或许我们会认为:一个好图表的制作有太多条条框框束缚着我们,罗宾·威廉斯(Robin Williams)在《写给大家看的设计书》中写道:“在打破规则之前必须清楚规则是什么。”不要将创新挂在嘴上,没有参照物,何来创新。当我们“指出问题,就能找出解决方案”,所以“只要有意为之,有时完全可以任意地打破常规”。
Excel图表作为一种图示化工具,是画家手中的画笔,不同的画家会画出不同的作品,作为有想象力的创作过程,不应该限制和束缚这种想象力,要做到“手中无剑,心中有剑”。每种规则都有它的局限性,在不同时间、空间、场合应随需而适。我们需要做的是:
1.己所不欲,勿施于人
当完成图表后,有没有想过这个图表是否可以说服自己。一个连自己都无法说服的图表,不要期望可以去说服更多的人。把图表搞得高深莫测或是标新立异,都是在挑战读者的智慧,不要期望大家都有时间和精力来研究这些智力题。
2.N个简单>1个复杂
每个人都希望自己的图表很强大,同时又希望它简单易读,鱼和熊掌何以兼得?一个塞满各类特性数据、多个诉求和试图解决所有问题的图表,也许可以算得上强大。但这种图表不会成功,因为没有重点的图形很难说服任何人,衡量强大的根本标准是说服力,而不是堆积能力。图2.2-5戴维·弗莱舍(Dave Fleischer)关于动画影片的“故事模式图”,图形和表格有机融合在一起,图形清晰表达了影片的节奏,复杂而简单。

图2.2-5 Dave Fleischer的动画故事模式图
不要认为简单的图表没有张力,会显得贫乏和苍白。与此恰恰相反,当将多个简单放到一起来比较时,我们会发现多个简单的图表叠加所讲述的故事远比一个复杂的图表要精彩。图表故事应该清晰而且生动,将复杂的问题分散开,化整为零(如图2.2-6所示)是比较好的解决方法。Excel 2007/2010加强的条件格式、Excel 2010新增的迷你图皆是将问题化繁为简的工具,当将多个单元格的条件格式\迷你图放在一起时,这样的效果没有任何一个单一图表可以与之比拟(如图2.2-7所示)。

图2.2-6 美国三大银行2008年股价趋势(图片来源:华尔街日报)

图2.2-7 自Excel 2007加强的条件格式和Excel 2010新增的迷你图
对图表而言,仅仅将故事讲述清晰完整显然不够,作为沟通媒介,图表必须使读者对数据的认识和图表诉求达成共识。只有那些鲜活跃然于纸上,使人乐于花时间去听的故事,才会被深刻映入脑海,并对读者产生影响。
图表应该具有真实性、功能、趣味性、表现形式这四个维度。设计师大卫·麦克坎德雷斯(David McCandless)非常形象地将四个维度放在了一起,并给出了它们间的相互关系(如图2.2-1所示)。

图2.2-1 设计师David McCandless提出的图表设计四个维度
若将这4个维度分别定义为100%的数值指标,这4个指标均为100%显然不切实际,我们必须要考虑每个维度应该达到多少才合理,记住所有这些均是为图表诉求服务。
1.真实性
这个指标不言而喻是图表的基础,是容不得半点打折和马虎的指标。这个指标必须达到100%,尤其是和诉求相关的表达。
2.功能
这个指标和图表诉求紧密相关,至少需达到85%以上,我们的诉求才可被清晰地表达出来。它和图表的表现形式以及图表在视觉中的复杂程度紧密相关,图表简单直接更容易获得较高的指标得分。
3.表现形式
该指标衡量的是图表势能表达的状况,至少应该在75%以上,才会使人的注意力聚焦在这个势能上。虽然图2.2-2的图表有些问题,但借用人物图形强烈表达了数据趋势势能。除图表的类型外,图表元素的色彩及其他格式设置也是表现图表势能的重要内容,充分利用这些设置可使图表的势能表现得鲜活饱满。

图2.2-2 贝县行动累计帮助1600名学生重返校园
4.趣味性
该指标建议在5%~15%,如果图表的趣味性太强烈,将视觉焦点聚焦在此,就会顾此失彼。切记不要直接在图表上添加额外的图形元素或改变图表表达形式来增加趣味性,图2.2-2和图2.2-3都过量地表现了趣味性,看上去更像是漫画,而非图表。

图2.2-3 仇恨动机的暴力行为
对于趣味性的理解,很多人可能认为使用漫画以及夸张的手法是最佳手段,其实不然,在图表中使用一些具有象征意义的图标,便可起到画龙点睛的效果(如图2.2-4所示)。在非正式场合中,可以在与图表诉求区无关的上下文中,加入和图表诉求意境一致的图形元素,这会使图表看起来趣味十足。

图2.2-4的局部美化