Excel的HSL颜色模式

HSL颜色模式的取色分析

考虑到人的视觉对红、黄、绿、青、蓝、紫六个色光标准色的直观感受,以下的分析采用六棱双锥型HSL色立体来分析(如图4.2-18所示)。该色立体最大横截面积处于亮度中心(Excel中亮度数值为128),此时红、黄、绿、青、蓝、洋红六个标准色光处于六棱型6个棱角(Excel中饱和度数值为255)。在Excel中,不论色调和饱和度数值等于多少,当亮度为0时为黑色;当亮度为255时为白色。

六棱双锥型HSL色立体结构

图4.2-18 六棱双锥型HSL色立体结构

将六棱双锥型HSL色立体以色调数值0和42(红色和黄色)夹角沿亮度轴剖开,可见红色色调的不同亮度及饱和度的色彩集合(见图4.2-19和图4.2-20所示)。

HSL色立体以红色和黄色为夹角沿亮度轴剖开示意

图4.2-19 HSL色立体以红色和黄色为夹角沿亮度轴剖开示意

HSL红色色调的不同亮度和饱和度的色彩集合

图4.2-20 HSL红色色调的不同亮度和饱和度的色彩集合

图4.2-21给出了HSL红色色调在不同亮度和饱和度时的色彩集合分析示意。

HSL红色色调的不同亮度和饱和度的色彩集合分析示意

图4.2-21 HSL红色色调的不同亮度和饱和度的色彩集合分析示意

HSL颜色模式的参数选择

HSL颜色模式的色调设置可采用标准取色板六棱型的“蜂巢”来设定。图4.2-22“蜂巢”中所示六棱边框所在的色彩,由于色调分布均匀且基本无重复,推荐以此来做色调的基调设定。

标准取色板“蜂巢”六棱边框所在的色彩

图4.2-22 标准取色板“蜂巢”六棱边框所在的色彩

亮度的选择推荐使用在85~170之间的数值,亮度过高则色彩刺眼,亮度太低则图表显得昏暗不够醒目;饱和度的选择推荐使用在85~204之间的数值,饱和度过高则色彩太过艳丽抢眼,饱和度太低会显得图表不纯净。这两个参数的使用存在相互关系,当亮度过低或过高时可适当加大饱和度;当亮度低于51或高于200时饱和度的调整意义不大,人眼无法有效分辨这些色彩的细微差异。

Excel取色板

Excel所有版本均采用统一的取色面板,该取色面板由两部分组成:标准和自定义(如图4.2-10和图4.2-11所示)。标准取色板由一个六棱型“蜂巢”组成,仅包含了126个彩色和17个非彩色(即白色、黑色和15个梯度灰色),共计143个颜色;自定义取色板由一个展开的色谱和可以设定颜色模式及其参数的数值选框组成,该面板可以最多设置16777216种颜色(即我们通常所说的:24位色),如果被设置图形对象支持透明,则可设置0%~100%的101个梯度透明度。

标准取色板

图4.2-10 标准取色板

自定义取色板

图4.2-11 自定义取色板

提示


1)尽管Excel 2003及以往版本使用基于56索引色机制调色板,但并不是一个单一的工作簿仅可以使用56种颜色,Excel的自选矢量图形可以使用到32位色。

2)Excel 2007和2010版本的颜色管理机制完全不同于Excel 2003,矢量图形对象支持32位色,文字和单元格使用24位色,因为这些对象并不支持透明。

3)24位色已是人眼可分辨颜色的极限,32位色是在24位色基础上增加了8位(28=256级,Excel实际只具有0~100个整数级别)的透明Alpha通道,从这个意义上来讲,Excel 2007和2010版本并非可以使用到43亿种颜色,即便如此,目前也无任何显示器可以完全显示这些颜色。


标准取色板的取色机制

标准取色板六棱型的“蜂巢”从12点方向顺时针来看:依次排列着从青蓝到青色的多种颜色(如图4.2-12所示),这个“蜂巢”实际就是一个非标准的变形色环(图4.2-13提供了一个以青蓝为基色的24段标准调色环)。

标准取色板六棱型的“蜂巢”

图4.2-12 标准取色板六棱型的“蜂巢”

以青蓝为基色的标准24段色环

图4.2-13 以青蓝为基色的标准24段色环

在这个漂亮的“蜂巢”色环中,绝大多数的颜色为Web网络安全色,且含有大量R、G、B色彩通道包含255数值的高亮度通道,及HSL数值包含255数值的高饱和度色彩。这些强烈艳丽的色彩给人的视觉产生强烈刺激,这种刺激的迅速、警戒、醒目效果极易产生视觉疲劳,因此并不适合在图表中大面积进行色彩表达,可以将单一色彩作为图表的小面积强调。

交叉引用


有关Excel标准取色板六棱型“蜂巢”的RGB和HSL数值,请参阅:

本书“附录B Excel‘蜂巢’色彩分析”的内容。


名词解释


■ 网络安全色

RGB数值由0、51、102、153、204、255构成的颜色,共有6×6×6=216种颜色(其中彩色为210种,非彩色为6种)。

■ 间色

即“二次色”,由色环上相邻的两个原色混合出来的颜色。原色不同份量的混色,可以产生丰富的间色变化。在Excel中为:R、G、B三个色彩通道中仅有一个通道包含0数值的彩色。

:色光中青色、品红、黄色三种颜色又叫“三间色”。

■ 复色

即“复合色”、“次色”或“三次色”,它是由原色与间色或是间色与间色混合出的颜色。在Excel中为:R、G、B三个色彩通道均不包含0数值的彩色。复色是最丰富的色彩家族,复色包括了除原色和间色以外的所有颜色。


从图4.2-14和图4.2-15可以更好地理解标准取色板的“蜂巢”色环,该色环其实是来自RGB空间色立体的投影。

RGB空间色立体的投影模型

图4.2-14 RGB空间色立体的投影模型

RGB空间色立体的投影颜色集合

图4.2-15 RGB空间色立体的投影颜色集合

自定义取色板机制

这个面板的颜色模式由两个部分构成:RGB和HSL色彩空间取色(如图4.2-16所示),由于HSL色彩空间基于RGB色彩空间,HSL只是RGB的数值转换,所以两者并不矛盾。基于视觉感知来讲:HSL模式取色更加人性化,Excel提供的可视化鼠标色彩选取界面实际就基于HSL色彩空间。

两种颜色模式下的自定义取色板

图4.2-16 两种颜色模式下的自定义取色板

学习思考


1)Excel提供的可视化鼠标色彩选取界面其实只提供了HSL亮度数值为128时的色环展开,通过调整右侧亮度指示并不能改变鼠标色彩选取界面的亮度,只可以通过“新增和当前”看到最终选取色彩的亮度变化。

2)Excel给出的颜色模式选择默认是RGB,并非HSL,操作时不方便。

3)使用VBA设定图形对象色彩时无法通过HSL数值来赋值。

4)HSL的色相、饱和度、亮度在不同的软件中数值定义方式完全不同,如下表所示:


RGB的R、G、B通道数值调整选取不以人的视觉感知为基础,且R、G、B通道的数值调整极易改变色调,不能有效地配合配色,故建议通常取色时使用HSL模式,摒弃RGB模式。

将鼠标色彩选取界面放置到直角坐标系上,我们可直观了解这个基于HSL颜色模式的鼠标取色界面工作原理(如图4.2-17所示)。在Excel中当将饱和度设为255,亮度设为128,色调为0、42、85、127、170、213时可依次得到红、黄、绿、青、蓝、洋红六个标准色光,即色光三原色和色光三间色。

直角坐标系中的鼠标选取界面

图4.2-17 直角坐标系中的鼠标选取界面

Excel调色板设置

Excel 2003及以往版本

Excel 2003及以往版本通过“工具>选项>颜色”即可进入Excel调色板设置面板,如图4.2-8所示。选中某一颜色,然后通过[修改]按钮激活Excel的取色面板变更该颜色,调色板上56个颜色均可被一个个设置。通过[重新设置]按钮可以一键恢复到Excel的默认设置。通过“复制颜色来自”下拉框可以复制已经打开的Excel工作簿调色板,以此来重复使用我们设置的某一工作簿调色板。

Excel 2003调色板设置

图4.2-8 Excel 2003调色板设置

Excel 2007和2010

Excel 2007和2010通过“页面布局>主题>颜色>[新建主题颜色]”进入自定义主题颜色设置面板。如图4.2-9所示,选中某一颜色,然后通过该颜色右侧下拉箭头激活调色板来变更颜色,若对调色板色彩不满意,可通过[其他颜色]按钮激活Excel的取色面板来变更。需要说明的是Excel 2007和2010在选项的保存中依然支持Excel 2003的56色调色板,但却无法直接调用。

Excel 2007和2010自定义主题设置面板

图4.2-9 Excel 2007和2010自定义主题设置面板

认识Excel调色板

在Excel中设置色彩,我们必须要使用到颜色管理面板,不论是Excel 2003还是2007和2010,不同元素对象颜色设置均通过调用统一的调色板来完成。如何设置满意的颜色,对于不少使用者来讲很纠结,设置Excel的颜色如同开启了“潘朵拉魔盒”一样,经常放出的是“失望”。无论Excel的版本如何,一个令人满意的调色板都是管理好Excel图表色彩的关键,这不但可以帮助我们重复使用颜色,也可为我们节省颜色设置时间。设置一个令人满意的调色板,重点则在掌握合理快捷的Excel取色方法。

Excel 2003及以往版本调色板是Excel色彩管理的基础(如图4.2-1至图4.2-3所示),这些版本依赖基于56色调色板的色彩索引机制,默认设置为:其中40个颜色为标准色,16个为矢量图形对象颜色。除矢量自选图形以外的元素,即便我们通过其他方式设置了调色板没有包含的色彩,Excel也将自动通过索引方式更改为最接近的调色板颜色。同时这种调色板机制是基于工作簿的色彩管理,不同工作簿可以设置不同的调色板,但此方式并不利于在不同工作簿间重复调用调色板。

Excel 2003默认调色板

图4.2-1 Excel 2003默认调色板

图4.2-2 Excel 2003字体颜色

Excel 2003填充颜色

图4.2-3 Excel 2003填充颜色

自Excel 2007开始微软将Excel色彩设置变得更为人性化,通过其他方式设置的元素色彩即便是调色板没有该色彩,也可以被很好地保留。并且微软推出了新的调色板管理方式:“主题”(如图4.2-4至图4.2-6所示),可以自定义设置由任意12个基础色构成的多个“主题”来管理不同的调色板,同时Excel本身自带了多达45个“主题”的调色板,这些“主题”被所有Excel工作簿支持。除此之外还使用了一种图表格式化工具:图表样式(如图4.2-7图片所示),内置多达48个样式,这些样式包括了色彩及外观渲染。

图4.2-4 Excel 2007颜色主题

Excel 2007字体颜色

图4.2-5 Excel 2007字体颜色

Excel 2007填充颜色

图4.2-6 Excel 2007填充颜色

Excel 2007图表外观样式

图4.2-7 Excel 2007图表外观样式

不论是Excel 2010还是之前版本,在调色板管理上往往显得不是那么完美。尤其Excel 2003的调色板相当糟糕,默认调色板完成的图表基本就是一个草图,如果我们使用这样的图表,图表诉求将大打折扣。虽然Excel 2007和2010版本在调色板设置上,有了非常大的变革,且符合配色方案管理的需求,但就图表表情达意的根本来讲尚有不足:由于使用色彩过多,使人更加不知所措;且在某些场合色彩的过渡变化,由于感觉上的近似,会适得其反成为干扰;除此之外复杂和多变的颜色管理使得设置出来的Excel图表太过艳丽夺目,会使看到图表的读者忽略图表诉求。

图表中的视觉魔方

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

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

管理并使用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)。

RGB色彩空间示意

图4.1-3 RGB色彩空间示意

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

RGB色彩空间取色示意

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

HSL色彩空间

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

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

HSL色彩空间

图4.1-5 HSL色彩空间

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 不同编组表现形式

图表中的文字:大小与颜色

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)单个字成点,一行字成线,一段字成面,所以请精简文字到合适的长度,不要使图表中的文字变成了面。