Excel配色:继承与抛弃习惯

有时我们必须要直面习惯的力量:比如股价图,涨跌的颜色已经约定俗成是红色和绿色(中国的习惯和国际惯例相反),另外对于目标与实绩类的警戒线一般使用红色,我们就必须要使用这样的颜色。

图表色彩的把握,光靠看看色轮、色谱,抄袭一些他人的配色方案没有用,色彩有规则性,而人的色彩感知却没有规则性可言。图表色彩的搭配,需要大量练习与观察,更重要的是要相信自己对色彩的直觉。如果对色彩缺乏认知,我们先从“黑白灰+主色”(一种主色,通过黑白灰这些中性色来协调辅助色)的方式开始。图表色彩统一的难点在于色彩对比的区分,包括亮度和饱和度的控制,无论我们想怎么统一色彩,关键的诉求信息一定不能被色彩本身淹没。

对于图表,不要认为“图表色彩搭配应该符合人的视觉感受,首先产生和谐美的感觉,然后才有可能去记忆图表诉求,否则会被人本能地排斥”。图表不是美术作品,过于统一的色彩其实造成的困扰更大。

Excel更加快捷的配色方法

抛开Excel本身的色彩操作外,其实我们还可以通过其他方法来获取配色方案,然后将这些配色方案保存到Excel调色板或主题中。

抛开Excel来取色

A.配色书籍

书店有大量的配色书籍可供我们参考,我们需要做的仅仅是将这些书籍中配色方案的色彩R、G、B数值通过Excel颜色面板,一个个手工加载到调色板或主题中。

B.专业配色网站

在互联网上存在着大量配色相关的网站,其中Adobe公司的kuler网站,有着海量配色方案可供我们自由选择,且主要以5色配色方案居多,这是获取配色方案的最佳去处。同时该网站还有一个非常好用的配色色环供使用。Adobe公司提供了kuler软件来读取kuler网站的配色方案数据,不过限于国内的网速,不建议使用kuler软件,更好的建议是:通过ColorPix(该软件请在互连网搜索,属免费软件)类的屏幕取色工具来取得这些配色方案色彩的R、G、B数值。

知识扩展


具体网址见:http://kuler.adobe.com/#themes/newest?time=0


C.从公司标志获取配色

当代公司标志设计遵循VI设计原则(图4.4-5是一个公司标志集合和色环的对照),取色明快,层次突出,一般与公司的企业文化和使命诉求切合,非常适合将其配色用于图表。

荷兰GraphicHug全球各大品牌标志色彩系统

图4.4-5 荷兰GraphicHug全球各大品牌标志色彩系统

学习思考


特别说明:

互联网上有推荐Excel图表配色时使用图片来获取色彩,本书却不推荐这样获取配色方案。这主要是基于以下考虑,这类图片:

1)过分强调美,图表强调的却不是美学;

2)色彩表达面积不规则,和图表的有序的色彩刺激有较大出入;

3)色彩层次较为丰富,应用在图表时把握难度较大。


D.使用专业配色软件

1)GenoPal Pro

一个小巧的付费配色软件,可以屏幕取色,也可对图片取色和选定基色,自动配色,软件界面如图4.4-6所示。其保存的配色方案基于XML,可以非常容易地将R、G、B数值导入Excel单元格中,非常适合用来辅助设置Excel 2003的56色索引调色板。

GenoPal Pro软件界面

图4.4-6 GenoPal Pro软件界面

知识扩展


具体网址见:http://www.genopal.com/pcmac/demo


2)ColorImpact

一个获得多项大奖的专业配色软件,功能强大,可以连续对屏幕取色,配色方式齐全,配色方案输出格式多样,是不错的Excel图表辅助配色工具。其软件界面如图4.4-7所示。

ColorImpact软件界面

图4.4-7 ColorImpact软件界面

知识扩展


具体网址见:http://www.tigercolor.com/ColorImpact.asp


快捷设置调色板或主题色彩

A.Excel 2003及以往版本

使用一个个颜色去设置56个索引调色板是非常痛苦的一件事,通过下述VBA代码可以快速设置一个调色板,且不易出错。


程序代码:4.4-1 快速设置Excel 2003的56索引色调色板

快速设置Excel 2003的56索引色调色板


B.Excel 2007和2010

1)自定义主题以xml文件存储,存储位置在:

?:\Documents and Settings\###\Application Data\Microsoft\Templates\Document Themes\Theme Colors\*.xml

=系统盘符;###=系统用户名;*=存储的自定义主题名称

2)快捷创建一个新的自定义主题:

a)先开启:页面布局>颜色>[新建主题颜色],在[新建主题颜色]>“名称”中设置一个主题名称,并保存。

b)在Excel中打开1)中的目录,双击打开先前设置的主题名称的xml文档。

c)修改H1~M1六个单元格十六进制的网页颜色代码为自己需要的颜色代码,保存并关闭即可。

C.Excel的内部颜色设置说明

1)Excel的命名颜色

Excel内部有8个名称定义的颜色,分别是黑色(Black)、白色(White)、红色(Red)、蓝绿色(Cyan)、蓝色(Blue)、黄色(Yellow)、洋红色(Magenta)、绿色(Green),这些颜色直接可以使用颜色名称来设置。

a.在数字的特殊格式设定中可以直接使用。

中文Excel:#,##0;[红色]-#,##0

英文Excel:#,##0;[red]-#,##0

b.在VBA中直接指定对象的颜色,格式为“vb+英文颜色名称”,如对图表“Chart1”中数值坐标轴的刻度线标志颜色进行设置,如下所示:

Charts(“Chart1”).Axes(xlValue).TickLabels.Font.Color=vbblack

2)通过网页获取的色彩有时基于十六进制表示,通过和下述函数类似的公式可转换为Excel使用的RGB格式。


R通道=HEX2DEC(MID(C4,2,2))

G通道=HEX2DEC(MID(C4,4,2))

B通道=HEX2DEC(MID(C4,6,2))


3)Excel的颜色序号

在VBA中可以使用代表每一个颜色的唯一识别序号,例如在Excel 2010中将单元格A1的内部设置为黄色:

Worksheets(“Sheet1”).Range(“A1”).Interior.Color=65535

:由于Excel 2003及其过往版本基于56索引色,仅可直接适用在自选图形。

a.颜色序号的函数计算方法如下:

=(R*1)+(G*256)+(B*65536)

b.将颜色序号转换为RGB格式。

b1)函数转换方法如下:


R通道=MOD(颜色序号,256)

G通道=MOD(INT(颜色序号/256),256)

B通道=MOD(INT(颜色序号/256^2),256)


b2)VBA转换方法如下:


程序代码:4.4-2 颜色序号转RGB(采用文本空格连接形式)

颜色序号转RGB(采用文本空格连接形式)



程序代码:4.4-3 颜色序号转RGB(采用数组形式)

颜色序号转RGB(采用数组形式)



程序代码:4.4-4 RGB转颜色序号(RGB分量形式转换)

RGB转颜色序号(RGB分量形式转换)



程序代码:4.4-5 RGB转颜色序号(文本空格连接形式转换)

RGB转颜色序号(文本空格连接形式转换)


4)Excel的VBA颜色代码

在VBA中可以使用一种基于十六进制的VBA颜色代码,该颜色代码和十六进制的网页颜色代码表示方法不同,VBA中使用的次序为BGR方式。比如:橙色十六进制的VBA颜色代码为&H00A5FF;十六进制的网页颜色代码为#FFA500。


程序代码:4.4-6 十六进制网页颜色代码转换十六进制VBA颜色自定义函数

十六进制网页颜色代码转换十六进制VBA颜色自定义函数


5)Excel中RGB和HSL数值的互换(由于小数精度问题,转换数值会有少许误差)


程序代码:4.4-7 Excel中RGB和HSL数值的互换API函数声明

Excel中RGB和HSL数值的互换API函数声明



程序代码:4.4-8 RGB转HSL(文本空格连接形式转换)

RGB转HSL(文本空格连接形式转换)



程序代码:4.4-9 RGB转HSL(HSL分量形式转换)

RGB转HSL(HSL分量形式转换)



程序代码:4.4-10 HSL转RGB(文本空格连接形式转换)

HSL转RGB(文本空格连接形式转换)



程序代码:4.4-11 HSL转RGB(RGB分量形式转换)

HSL转RGB(RGB分量形式转换)


6)Excel 2007和2010的色深百分比。

Excel 2007和2010的调色面板中包含了主题定义的10个基色,每个主题基色有5个自动从浅至深的过渡色,合计共50个过渡色(如图4.4-8所示),这些过渡色均是通过色深百分比进行标注的。

Excel 2007和2010调色面板的50个过渡色

图4.4-8 Excel 2007和2010调色面板的50个过渡色

Excel VBA中提供了TintAndShade属性,该属性的值为从-1(最深:黑色)到1(最浅:白色)的数,0表示中间色。Excel 2003的自选图形可以直接使用该属性,Excel 2007和2010在使用上则无限制。


程序代码:4.4-12 Excel 2003矢量自选图形填色渐变减淡

Excel 2003矢量自选图形填色渐变减淡



程序代码:4.4-13 Excel 2007和2010单元格填色渐变减淡

Excel 2007和2010单元格填色渐变减淡

配色平衡:不要迷失在色彩里

图表需要美,但图表追求素静之美,而非炫丽。炫丽之美的图表阐释的数据多了浮华,少了平实,其所演绎的数据可靠性将被大打折扣。相同的数据,不同的人使用Excel来作图表,作出的图表会不尽相同,一个图表可以体现一个人对事的态度,炫丽的图表反映出作图者喜好追求华而不实,图表阐释的数据自然使人缺乏信服。

Excel除提供纯色填充外,也提供了基于色彩渐变、纹理、图案、图片、阴影等的特效及渲染(如图4.4-2和图4.4-3所示)。自Excel 2007以来,更是包括三维效果、发光、倒影、光圈等更加炫酷的特效及渲染效果(如图4.4-4所示)。热衷在图表上使用这些效果,大多数情况下的效果会是“画虎不成反类犬”。对于大多数Excel图表,其目的仅仅是工作报告的一部分,在花费大量的时间和精力来使图表显得很炫的同时,我们是否问过自己:“这样的操作有没有价值,且有没有必要?”

Excel 2003填充渐变

图4.4-2 Excel 2003填充渐变

图4.4-3 Excel 2003填充纹理

Excel 2007和2010图形对象的特效和渲染

图4.4-4 Excel 2007和2010图形对象的特效和渲染

特效及渲染对用于网页,或具有广告性质印刷品的图表很有好处,因为这类东西首先需要吸引眼球,其次才强调图表诉求,但这需要非常好的美术平面设计功底,这对于我们而言绝非简单的挑战。

此外,Excel提供了101个梯度变化(0~100%)的透明度效果,透明效果在色彩整体饱和度较高时可适当采用,它可以在视觉中有效降低饱和度,并具一定的空灵效果。透明度的设置一般建议使用10%~30%间的数值会比较好,如果太高出现玻璃质感就有过分强调美学之嫌了。Excel 2007和2010的面积类图表系列均直接支持设定透明度,Excel 2003不直接支持,但可通过复制粘贴矢量自选图形到图表系列中来实现。

切记:

  1. 不要试图将所有色调都用到,尽量控制在3种彩色以内,最多不要超过5个;
  2. 图表背景和系列的对比差异要大,绝对不要刻意使用花纹繁复的图片作背景和填充。

配色平衡:色彩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个。

配色平衡:不要迷恋美术配色

虽然图表是一种特殊的图形表现形式,但图表不同于图形图像,图表的色彩搭配不可以完全采用图形图像作品的配色方法,如果我们使用图形图像的美学考虑来设计图表,即便从表现形式上看它具有图表的基础特征,但这样的图表只能是美术作品。图表的色彩冷暖对比协调,秩序把握得当,空间、面积大小形象准确,就会使人阅读起来饶有兴趣,图表传达信息自然更加流畅和自然。

不要迷恋美术配色:对于美的东西,视觉会停留在美的表象之上,大脑对于其他信息会自动采用过滤机制。这对于图表而言非常糟糕,不要让我们的图表在展示之后,留给大家的印象是“太美了,这是艺术的享受”!记住图表应该最后传递給大家诸如:“原来数据是这样,看来我们应该要这样行动”这样的信息。

图表使用色彩的目的:

  1. 保持视觉对图表的兴趣;
  2. 使用色彩对比突出显示某一特定诉求;
  3. 减少非诉求信息的视觉干扰。

美术配色方案基于图形图像作品,对于图表这种规则化的图形图像,有时美术配色方案并不会给我们的图表带来预期效果,我们必须要考虑以下几点。

1.表达面积

色彩表达面积的不同会让色彩的对比变得生动。“万绿丛中一点红”,红色在绿色的衬托下就会非常显眼。两个条/柱形系列的图表,两个系列的色彩表达面积大小:

  1. 差异不大时,这两种色彩间就会产生对比;
  2. 差异较大时,小面积表达的色彩就会成为大面积表达色彩的补充。

折线类的图表,由于不同系列的数据点可能一样多,此时设置的色彩在表达面积上就完全一样,如果是使用单色或类比的配色方案就无法突出表现某个系列的数据趋势。

面积类的图表,较淡的色彩会让我们感觉不到这种色彩的存在,譬如:在浅黄色中加入象牙色,象牙色在视觉上基本就会被忽略。

2.图表类型

不同的图表类型会使同一种色彩产生不同的效果。在一个条/柱形系列和一个折线系列的图表上使用红色,条/柱列表现的红色相对稳定,折线系列则非常抢眼。

3.位置层次

色彩所处的位置层次不同也会造成色彩对比的不同。把两个色彩表达面积差异不大的条/柱形系列,通过设置重叠度放在一前一后,我们会觉得后面的颜色要比前面的颜色暗些,这是视觉优先造成的不同。

配色协调:保存Excel配色方案

自定义设置Excel的调色板其实就是配色方案的保存。合理将配色方案布局到Excel调色板,方便图表色彩的管理就显得非常重要。


Excel 2003及其以往版本

Excel 2003及其以往版本在色彩管理上延续了早期显示及打印设备色彩位数偏低的色彩设置。当前的显示及打印设备已经完全没有了这些限制,这样的设置非常不利于生成理想的图表。根据图4.3-18分析所示:Excel默认56色调色板的颜色每5个为一组,依次按照红、橙、黄、绿、青、蓝、紫、灰的顺序排列,共计8组。

Excel 2003标准调色板分析(色块上的数字为色彩索引序号)

图4.3-18 Excel 2003标准调色板分析(色块上的数字为色彩索引序号)

A.40个标准色

为了在视觉上有效区分图表填色,索引号在40个标准色的排布完全随机,其中有三个索引色是Excel的默认设置色,分别为:

1)索引号为1的黑色用于字体;

2)索引号为2的白色默认用于图表区(:图表区并未使用索引方式,而是直接指定为白色);

3)索引号为15的灰色(25%灰度)用于图表绘图区(这就是Excel 2003做出的图表整体灰蒙蒙的原因)。

B.16个图表用色

1)索引号17至24为面积类图表的填充用色,如果我们的图表有超过56个面积类图表系列,图表默认颜色排列为:索引号17→56,1→16,从第57个系列开始使用“前景色”与“背景色”组合的图案填充形式。

2)索引号25至32为点线类图表的线条用色,如果我们的图表有超过56个点线类图表系列,图表默认颜色排列为:索引号25→56,1→24,从第57个系列开始循环使用索引号25→56,1→24的颜色。

根据上述分析,自定义设置基于个人喜好的配色方案时有以下建议:

A.40个标准色

1)调色板按照图4.3-18 红、橙、黄、绿、青、蓝、紫、灰分为8个配色方案;

2)每个配色方案5个颜色;

3)索引号1的颜色设置为黑色,索引号15的颜色设置为白色。

B.16个图表用色

1)每个颜色的设置采用在视觉上和其他15个颜色有明显差别的色彩。

2)按索引号17→20、21→24、25→28、29→32分4个配色方案,每个方案4个颜色。

3)索引号25→32的颜色选择使用高饱和且亮度适当偏低的颜色。

图4.3-19提供了一个基于上述考虑的Excel 2003自定义调色板范例,该范例的色彩基调整体上有些黯淡,主要考虑是减少色彩对眼睛的刺激。当然这只是一个范例,我们可以根据自己的需要来设计调色板。

Excel 2003标准调色板分析(色块上的数字为RGB数值)

图4.3-19 Excel 2003标准调色板分析(色块上的数字为RGB数值)


Excel 2007和2010

Excel 2007和2010使用了基于主题的配色方案管理模式,新模式在颜色管理上更加灵活和方便。根据图4.3-20分析所示,新调色板的颜色共有70个。

 Excel2007和2010基于主题的调色板分析

图4.3-20 Excel2007和2010基于主题的调色板分析

1)第一行10个颜色是12个主题定义颜色中不包含两个超链接的颜色(见❶)。

2)50个颜色是Excel根据10个主题定义基色自动从浅至深而来的过渡色,每个主题基色对应5个过渡色(见❷,过渡原则基本是:色调和饱和度不变,亮度变化得来)。

3)由1)和2)共同组成的60个主题色。

a)前4列24个颜色默认用于文字(见❸);

b)后6列36个颜色默认用于强调,与图表关联(见❹)。

4)最下方的是10个和主题无关的Excel定义的标准色,分别是:深红、红色、橙色、黄色、浅绿、绿色、浅蓝、蓝色、深蓝、紫色(见❺)。

Excel 2007和2010图表默认颜色基于当前主题的颜色色调,系列填充颜色的设置遵从以下规则:

1)小于等于6个图表系列,依次使用主题强调色,和2003不同的是填充和线条颜色并未单独区分;

2)超过6个图表系列,依次循环使用主题强调色,色调、饱和度和亮度均会被重新指定,整体原则是每次的循环色由深到浅变化。

Excel 2007和2010自带的主题有45组颜色主题(如图4.3-21所示),默认为Office。以Office主题图示为例,自第3个起为强调色,我们在选取色彩时即可直观按照自己的喜好来选取主题,并且当我们鼠标指向某一主题时,图表的色彩会动态变化,方便观看效果。

Excel 2007和2010自带颜色主题

图4.3-21 Excel 2007和2010自带颜色主题

其实这些主题真正可以被用于图表的并不多,这主要是因为6个强调色:

1)在色调上有明显区别,在视觉上差异明显的并不多;

2)大部分的色彩亮度和饱和度偏低;

3)这些配色方案大部分基于美术作品设定。

使用Excel 2007和2010图表时,色彩的使用建议说明如下:

1)不要使用默认的主题设置,请动动手指头选择一下其他的自带主题。推荐使用以下主题(如图4.3-22所示):

推荐颜色主题

图4.3-22 推荐颜色主题

2)自定义设置基于个人喜好的配色方案时,我们需要修改的色彩仅仅是6个强调色。切记不要修改超链接的颜色设置,这将和常识习惯背道而驰。

配色协调:Excel的“前景色”和“背景色”

在Excel图表中,面积类系列的“数据系列格式>填充效果\填充>图案\图案填充”中,包含两个基于调色板的“前景色”和“背景色”(如图4.3-14和图4.3-15箭头所示)。

Excel 2003的“前景色”和“背景色”

图4.3-14 Excel 2003的“前景色”和“背景色”

Excel 2010的“前景色”和“背景色”

图4.3-15 Excel 2010的“前景色”和“背景色”

从该选项面板我们可以清楚地看出:Excel的“前景色”和“背景色”其实是填充在不同层上的颜色。“背景色”位于色彩工作区的底层,在背景色上一层的所有以各种方式表达的颜色为“前景色”。

Excel图表的柱形、条形系列的数据系列格式中有个选项为“以互补色代替负值”(如图4.3-16和图4.3-17所示),这个“互补色”并不是色彩管理中色环上的互补色概念,更好的理解其实是Excel中的“背景色”。这里使用“互补”这个概念其实是Excel的“前景色”和“背景色”呈现方式存在互逆性,和色环的互补色属性相同,即当“以互补色代替负值”被选中时,则位于分类坐标轴下方的面积类系列填色使用“背景色”来填充。

Excel 2003的“互补色”

图4.3-16 Excel 2003的“互补色”

Excel 2007和2010的“互补色”

图4.3-17 Excel 2007和2010的“互补色”

提示


1)整体系列或每个系列点我们均可通过一个个设置的方式来设定不同的“背景色”。

2)Excel默认的“背景色”为白色。

3)Excel 2007并未提供设置面板,但该选项依然可用,需通过VBA来实现,或借助Andy pope的这个工具:http://www.andypope.info/charts/patternfills.htm

配色协调:Excel图表配色技巧

配色首要是根据图表使用的环境和目的来决定一个基调,这个基调要和图表诉求及相关内容切合。比如:商业活动一般蓝色使用得较多;应用于工程技术的图表则以非彩色居多;日常生活则以红、橙、黄居多,其次要考虑图表的诉求表达方式、数据系列的多少等因素。除此以外要注意约定俗成,比如股票K线图中涨跌柱线的颜色是红色和绿色。以下列举了一些非常基础的配色技巧:

非彩色配色

在图表中不使用彩色,只使用黑、白、灰这些非彩色。这种简约的配色方案显得正式而严谨,在单色打印时可采用该方法(如图4.3-4所示)。

图表非彩色配色

图4.3-4 图表非彩色配色

单色配色

基于Excel“蜂巢”中,某一同类色(即相同色调)不同饱和度和亮度的配色方案(如图4.3-5所示)。这种配色内敛平和,操作起来简单快捷,不过颜色搭配较为保守,并不适合图表包含多个同类系列的垂直比较。

图表单色配色

图4.3-5 图表单色配色

类比配色

在Excel“蜂巢”中,某一邻近色集合上任选三个连续色调,取其亮度和/或饱和度的搭配方案。这样搭配的色彩,图表整体基调冷暖适宜,和谐统一,视觉感舒适,构图简洁(如图4.3-6所示)。

图表类比配色

图4.3-6 图表类比配色

冲突配色

在Excel“蜂巢”中,任意颜色和它相对应的互补色左侧或右侧的色彩,取适宜亮度和/或饱和度的搭配方案。这样的图表着色稍带夸张,适宜着重强调某一数据点(如图4.3-7所示)。

图表冲突配色

图4.3-7 图表冲突配色

互补配色

使用Excel“蜂巢”中,选任意两组全然相反的色彩,取适宜亮度和/或饱和度的搭配方案。这样搭配的图表具有一定动感,适宜表达差异诉求,如:达标与未达标,完成与为完成,盈利与亏损等(如图4.3-8所示)。

图表互补配色

图4.3-8 图表互补配色

中性配色

使用Excel “蜂巢”中,色相模糊且不鲜艳的色彩(外侧的两圈),取数值相对较低的亮度和/或饱和度搭配方案。根据需要可和非彩色(黑、白、灰)一起使用,尤其是搭配了灰色,效果比较特别。这种图表配色相对中庸,不抢眼(如图4.3-9所示)。

图表中性配色

图4.3-9 图表中性配色

分裂补色配色

在Excel“蜂巢”中,取任意颜色和它相对应的互补色左右两侧的色彩,取其亮度和/或饱和度的搭配方案。这样的图表着色赏心悦目,适宜着重强调某一数据点的趋势与不同(如图4.3-10所示)。

图表中性配色

图4.3-10 图表中性配色

等距三角配色

在Excel“蜂巢”中,色相分布等角度,即色调数值间隔85的颜色,取其亮度和/或饱和度的搭配方案。

原色配色

使用色光三原色红、绿、蓝搭配来配色(如图4.3-11所示)。

图表原色等距三角配色

图4.3-11 图表原色等距三角配色

间色配色

使用色光三间色青、黄、洋红搭配来配色(如图4.3-12所示)。

图表间色等距三角配色

图4.3-12 图表间色等距三角配色

复色配色

可选择下面两个组合中的一个:红橙、青绿、蓝紫或是青蓝、黄绿、嫣红搭配来配色(如图4.3-13所示)。

图表复色等距三角配色

图4.3-13 图表复色等距三角配色

除以上列举的配色技巧外,还有矩形配色,总体来讲就是两组互补配色的结合。

配色协调:色环

Excel取色面板并未提供类似标准色环的界面,在4.2.4节中推荐了以标准取色板的“蜂巢”替代色环来使用。图4.3-2和图4.3-3是针对“蜂巢”取色板的色彩基调分析,对立的两个三角是对比色,相邻的两个三角是邻近色。Excel图表在基于HSL配色时,这两类颜色的使用需注意:对比色仅可使用在图表的强调色中,如果主基色个数大于1时,应该使用邻近色,但切勿使用相近色。

“蜂巢”色环中的对比色

图4.3-2 “蜂巢”色环中的对比色

“蜂巢”色环中的邻近色

图4.3-3 “蜂巢”色环中的邻近色

名词解释


■ 对比色\互补色:某一间色与另一原色之间互相补足三原色成分。在色光中,若两种颜色等量混合时能产生白色,则这两种颜色互为补色,如:红色的补色为青色;蓝色的补色为黄色;绿色的补色为洋红色;白色的补色为黑色。此处由于Excel在“蜂巢”上色彩对应有些偏差,故使用对比色的概念。

■ 邻近色:在色环中,凡展开夹角在60度范围之内的色彩属邻近色的范围。邻近色之间往往是你中有我,我中有你,如青与蓝、黄与橙。

■ 同类色:在同一色相中不同的颜色变化。在Excel的HSL颜色模式中,即是色调相同,而饱和度和亮度不同的色彩集合。

配色协调:色彩基调

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

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

色彩基调的用色逻辑

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

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

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

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

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

提示


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


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