Excel“蜂巢”色彩分析

如图B.1所示是Excel标准取色板六棱型的“蜂巢”,按红、绿、蓝色光三原色[RGB]将六棱型的“蜂巢”3等分,然后再两等分可得到如图B.2所示的图形:

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

图B.1 标准取色板六棱型的“蜂巢”

标准取色板六棱型的“蜂巢”均分示意图

图B.2 标准取色板六棱型的“蜂巢”均分示意图

将图B.2所示的六棱型“蜂巢”最后均分得到的6个小三角依“蜂巢”外侧至“蜂巢”中心,从左至右的原则,取得每个颜色的RGB数值[见表B.1所示,表B.2是与之对应的HSL对照表]。从RGB数值分析中可以看出,绝大多数颜色的R、G、B色彩通道由包含0、51、102、153、204、255的数值共同构成,由此可以得出该“蜂巢”颜色取值主要来自Web网络安全色。Web网络安全色的高饱和度使颜色色彩很艳丽,给人视觉产生强烈刺激,这种刺激的迅速、警戒、醒目效果极易产生视觉疲劳,因此并不适合在图表中大面积进行色彩表达,可以将单一色彩作为面积类图表的小面积进行强调。

标准取色板六棱型的“蜂巢”各颜色RGB数值

表B.1 标准取色板六棱型的“蜂巢”各颜色RGB数值

标准取色板六棱型的“蜂巢”各颜色HSL数值

表B.2 标准取色板六棱型的“蜂巢”各颜色HSL数值

假借色彩和标签[指桑骂槐]

正常状态下,图表表达的诉求内容需要控制在两个以内,但有时则需要将诉求内容扩充至3个。如何合理规划这些诉求的表达层次就变得至关重要,图10.2-1即是一个这样的案例。

图10.2-1 假借色彩和标签

案例介绍

图10.2-1的案例是某公司速食食品4种不同配方方案成本、核心配料占比、脂肪含量比较图。该类图一般被称为“滑珠图”,这个名称形象地说明了这种图表的表达方式。

案例图表中的“滑珠”使用了三种不同的颜色,分别代表三种不同成份:A、B、C,用来表达百分比占比和方案成本间的关系,“滑竿”则通过将不同的成分进行归类,来表达不同方案;每种方案对应一个相应的成本。

提示


关于滑珠图:

1)该图表的使用场合具有较大限制,既不适合用来表达大信息量数据,也不适合套用到所有表达3个诉求信息的图表中。

2)该类图表现形式具有编组特征,在视觉上呈现密集布局。


案例分析

如果没有图10.2-1案例的图表,仅使用表10.2-2的数据表来制作图表,将数据表内容全部反映到图表,这将是一个很纠结的问题。

表10.2-2 图10.2-1案例原始数据

要表达3种成分(A、B、C)的百分比占比和方案成本关系,使用XY散点是一个不错的选择;如何表达不同方案的成分构成?好在同一方案的成本相同,这样就可以使用直线将同一方案成分连接;脂肪含量作为第3个诉求表达信息,如果直接使用额外的图形对象来表达,则会使图表变得复杂。直接借用同一方案成分连接线的不同色彩设置进行表达就成了一个不错的选择。而这些所有的构思都可使用XY散点图来实现,这也为图表实现过程减少了不必要的麻烦。

案例实现

根据10.2.2节的分析,图10.2-1案例实现过程完全使用XY散点图来实现,“滑竿”部分则主要借助XY散点的误差线来实现,诉求信息表达过程则主要借用数据标签和不同色彩设置来进行不同信息的编组区隔。以下是案例实现的具体步骤:

1.选中“成本”、“A”、“B”、“C”所在数据列,以数据产生在列,制作XY散点图;然后依次交换SERIES公式中X值和Y值的数据区域。生成效果如图10.2-3所示。

图10.2-3 图10.2-1案例实现第1步

2.增加“辅助列”,数值均为0.6;然后选中数值纵轴,勾选数值(X)轴交叉与数值最大值;最后依次以“脂肪含量”来分组,向图表添加两个图表系列,注意这两个图表系列的数据引用,如图10.2-4所示。

图10.2-4 图10.2-1案例实现第2步

3.修改数值横轴最大值为0.6;然后依次选中图表“40%”和“50%”这两个系列,设置误差线X为负偏差,数值为0.6,如图10.2-5所示。

图10.2-5 图10.2-1案例实现第3步

4.依次选中图表“40%”和“50%”这两个系列的误差线,分别设置宽度和不同色彩;然后使用圆形自选图形。设置不同渲染效果,并依次粘贴到图表的“A”、“B”、“C”3个系列中;最后设置“40%”和“50%”两个系列的数据标志,并使用“=”一个个将其和数据区“序列”所在数据列单元格建立关联,如图10.2-6所示。

图10.2-6 图10.2-1案例实现第4步

5.最终整理修饰润色后的效果如图10.2-7所示。

图10.2-7 图10.2-1案例最终实现

其他

图10.2-8是图10.2-1案例图表的视觉简化版本,“滑竿”部分利用条形图来实现,但相较图10.2-1案例实现而言,制作过程并不简单。该图的好处是可以使用在多个数据比较,但表达信息并不直观。

图10.2-8 简化滑珠图

配色平衡:色彩123

1.视觉感知

视觉对黄色和绿色色调最灵敏,对紫色和红色色调不灵敏,其他色调敏感度一般。视觉神经对蓝色色调的饱和度兴奋临界点较低,高饱和度的蓝色使用时需慎重。同等饱和度的颜色,红色和紫色色调最易产生视觉神经兴奋,其次是黄色和蓝色,再次是绿色和青色。

2.联想

受年龄、性别、性格、文化、素养、职业、民族、宗教、生活环境、时代背景、生活经历等各方面因素的影响,人在看到色彩时会产生联想。色彩的联想有具象和抽象两类,如表4.4-1所示。

表4.4-1 色彩的联想

3.心理感觉

配色不但要考虑色彩间的协调关系,也要考虑我们的使用目的和图表读者的色彩偏好,以及色彩给人感觉上的冷暖、进退、轻重、厚薄、动静等心理活动。

A.进退和胀缩

  1. 红、橙、黄给人前进膨胀的感觉,蓝、蓝绿、蓝紫有后退收缩的感觉;
  2. 饱和度:高(鲜艳)的色彩有前进与膨胀的感觉,低(灰浊)的色彩有后退收缩的感觉;
  3. 亮度:高(亮)的色彩有前进或膨胀的感觉,低(暗)的色彩有后退收缩的感觉。

B.色彩的冷暖感觉

色环上黄、橙、红色调为暖色;蓝、蓝绿、蓝紫色调为冷色。

C.色彩的轻重和软硬感觉

  1. 明度高的色彩感觉轻,明度低的色彩感觉重;
  2. 在同明度、同色相条件下,纯度高的感觉轻,纯度低的感觉重;
  3. 暖色黄、橙、红给人的感觉轻,冷色蓝、蓝绿、蓝紫给人的感觉重;
  4. 感觉轻的色彩给人的感觉软,感觉重的色彩给人的感觉硬。

D.华丽和朴素

  1. 色调:暖色华丽,冷色朴素;
  2. 亮度:高亮度华丽,低亮度朴素;
  3. 饱和度:高饱和度华丽,低饱和度朴素。

E.积极和消极

  1. 色调:暖色积极,冷色消极;
  2. 亮度:高亮度积极,低亮度消极;
  3. 饱和度:高饱和度积极,低饱和度消极。

提示


图表配色建议:

  1. 黄/绿色调的颜色不建议使用高饱和度和亮度趋于中心128,尤其是黄色;
  2. 勿大量使用趋于高饱和度的黄色和蓝色色调的色彩;
  3. 紫/红色调的颜色建议使用亮度趋于中心128,禁用近于255的高饱和度;
  4. 面积类图表系列使用冷色调,点线类图表系列使用暖色色调;
  5. 点线类图表系列使用饱和度150~200,亮度85~128为宜;
  6. 色彩层次(即不同色彩表达面积的视觉层次)不宜超过3个。

配色协调:色彩基调

颜色无优劣区分,但搭配使用的方案却有优劣之分。区分图表中多个系列及融合图表在上下文关系时,配色就是协调不同色彩的搭配。图表色彩搭配得当,会使人赏心悦目,可以帮助我们充分有效地来完成图表诉求的表达;不过往往我们会迷失在对色彩的刻意追求中,导致图表过于美术化,而忘记了图表的真正目的。

图表是由具有某种内在联系的各种色彩,协调统一组成的一个整体。一般而言女生的色彩感强过男生,女生每天开门三件事:梳妆、穿戴、饰品,培养了女生较强的色彩感。色彩感其实就是色彩布局的整体基调,这个基调给人的感觉与氛围,会先入为主影响人接收信息的多少。为了使图表呈现稳定协调的感觉,将人视觉中图表色彩按主次位置及角色分为以下几个概念(图4.3-1对这几个概念进行了图示化说明):

色彩基调的用色逻辑

图4.3-1 色彩基调的用色逻辑

■ 主基色:图表色彩的总趋势,一般为在图表上占主要视觉表达面积的图表系列。

■ 辅助色:烘托、支持、融合图表主基色,用来辅助说明图表诉求。

■ 强调色:在图表上强烈突出某个局部,以加强图表诉求的表达。

■ 背景色:衬托环抱图表整体的色调,起协调、支配图表整体的作用。

提示


一般状况下,白色用作背景色来使用,黑色用作文字标注来使用,人眼不会在第一时间关注白色、灰色、黑色这类中性色。


图表中其他色均是主基色冷暖、明暗、清浊等心理感觉的陪衬,切勿成为整体基调的色彩干扰源。同时也要考虑应用中图表与上下文的融合,比如在PPT中,模板是暖色基调,所用到的图表整体基调就不能过冷。

图表中的视觉魔方

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

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

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