了解如何在可视化时选择正确的颜色表示 让你的图表更加吸引眼球

在视觉化的过程中,引言部分经常出现的一个话题就是如何有效地运用色彩,保证视觉屏幕大的观众能够聚焦到我们希望他们关注的信息板块上。但这通常会导致一系列相关的问题:

我们如何为正在创建的特定可视化选择“正确”的颜色?对于创造一个视觉上令人愉悦的调色板,你有什么建议吗?如果我需要多种不同的颜色怎么办?怎样才能保证一个人脱颖而出?是否要根据图表中元素之间的关系选择不同的颜色集?当我们需要使用附在公司品牌上的颜色时,如何有效地使用?你是不是充满了问号?10086

目前,大多数人都知道我们应该使用颜色来标记重点或吸引人们的注意力,但有时挑战在于当我们试图传达信息时,如何有效地选择吸引人们注意力的颜色。

事实上,我们可以使用色轮和一些简单的颜色标准来帮助我们制作大型视觉屏幕,并在大型视觉屏幕中创建任何视觉效果的颜色集。在本文中,我将讨论:

你在什么条件下拥有相同的色相、饱和度、亮度和平均温度?色轮是如何工作的(你能在哪里找到它,在你的办公应用中)?调色板中选择关键颜色的技巧?什么是「色彩调和」,比较两个事物、三个事物、四个事物时,哪种颜色效果好?分类数据的调色板和定量数据的调色板有什么不同?有些网上资源可以很容易的创建自己的调色板,简单的讲解颜色的构成和色轮。我们所认为的“颜色”不同的视觉颜色帮助我们在头脑中分离这些成分,并使我们更容易为自己选择有效的调色板。

色相常被认为是“这是什么颜色的彩虹?”在色轮上,我们在色轮的圆周上画出相应的色调。而是颜色有多大胆(很饱和)或者淡一点褪色(很不饱和)。在0-100%饱和度的范围内,0%将是灰色,而100%将是该颜色的纯色。在色轮上,我们在色轮的半径上显示饱和度。中心附近的饱和度低,而边缘附近的饱和度高。亮度有几种不同的定义,但主要的一点是:你在色轮中每种颜色上加的白色越多(也叫“着色”),亮度就越高,最高可达100%(简称白色)。如果改为添加黑色(也叫“阴影”),亮度会向0%方向降低,亮度会全黑。大多数交互式色轮下面都有一个滑块来调整亮度。我们样品色轮的亮度是50%;您可以在下表中看到不同亮度的色轮。

在我的应用程序中,哪里可以找到色轮?不幸的是,当您打开Excel或PowerPoint时,您的颜色选择不会显示在色轮中,而是显示在预先选择的调色板中。顶部的那些色带表示调色板的色调,然后它们下面的相关颜色的列表示颜色的阴影和色度(亮度的修改)。

幸运的是,您可以通过单击弹出桶中的“更多颜色…”按钮来访问色轮。

你会看到一个使用平滑渐变的色轮:当你绕着一个圆旋转时,色调会发生变化;随着你向中心移动,饱和度会降低;色轮下面的滑块会改变亮度。如果你可以直观地看到颜色和和谐,就像它们在钟面上一样,你应该能够使用色轮来选择任何你喜欢的关键颜色。

颜色有温度吗?温度不是颜色的固有属性,而是我们感知颜色的方式的表征。我们把一些颜色看作“暖色”,另一些颜色看作“冷色”。从恋人到冷的人的具体过渡点在恋人眼里,但通常是这样的:红、橙、黄被认为是暖的,绿、蓝、紫被认为是凉的。

记住这一点很重要,原因有二:

暖色倾向于向我们走来,而冷色倾向于消失。如果你使用暖色和冷色,暖色可能会感觉稍微占优势。我们可以用色温来帮助列中的关系和差异。当在色轮中使用彼此接近的颜色时,最好让它们都保持冷色调或暖色调。在使用相距较远的颜色时,保持一个冷色调和一个暖色调的张力,或者以冷色调和几个冷色调的张力为主,是有帮助的。选择关键颜色。然后,建立调色板的第一步是选择一种主色。颜色可以是:

我们的主要品牌颜色:现有幻灯片中突出显示的颜色是图片中的颜色,将显示在我们的图表附近。基于文化相关性唤起数据正确“感觉”的颜色。无论你选择哪种方式,这个关键色都将被用来代表你认为对观众最重要的数据点或数据系列。

我们使用的所有其他颜色将基于它们在色轮上相对于该主色的位置、我们打算使用的几种颜色以及其余数据与该颜色所代表的数据之间的关系。关键颜色。

在下面的例子中,我们的主色是橙色。

在为调色板选择其他颜色时,我们要改变的是:色相;饱和度和/或亮度?

关键色,不管是什么,都会有色相、饱和度、明度。当我们开始为主色调选择和谐的颜色时,我们在使用的每种颜色中都保持了其中一些值不变。这种一致性将调色板结合在一起,使我们的图表在视觉上令人愉悦。理想情况下,我们只改变其中的一个,而不是改变调色板中每种颜色的所有三个品质的值。

我们应该改变什么样的品质?这取决于我们用颜色达到的效果。大多数情况下,对于分类数据,我们应该改变色调;对于连续的数据或数值,我们要改变饱和度或明度。这是因为我们更容易将饱和度或亮度的变化视为具有定量的成分。

用于比较两个事物的调色板如果只需要比较两个事物,并且一个比另一个更重要,可以考虑使用主色作为重要的颜色,灰色作为第二重要的颜色。

但是,如果要从一打事物中突出两个不同的事物,就要在众多事物中突出事物。或者,如果您想要在几十个元素中区分具有特定质量的子组,您需要使用两种不同的焦点颜色。

这里有一些色彩调和要考虑。

用来突出两个没有价值判断的系列:类似的和声很简单。我们从主色开始,然后在它的左边或右边找到一种颜色,在色轮上有相同的饱和度。如果在方向盘上使用相邻的颜色,没有一种会比另一种更突出。如果你的主色调是品牌颜色,内部受众可能会更喜欢,但差别会很小。

为了突出这两个系列的正负意义:相辅相成,20世纪著名艺术家马克夏迦尔说:“颜色是邻居的朋友,但相反的情人。”色轮上靠近它的颜色可以很好的支持关键色,而对面的颜色可以更好的支持关键色。

互补色是相反的,并提供最强的对比。这使得它们有利于显示积极/消极的差异。通过互补和谐,你的主色调(如果是品牌的主色调)可以是正的,而它的补色可以代表负的颜色。

建议不要用品牌的主色调来表达负面色彩,即使是常见的颜色。例如,为了表示盈利和亏损,黑色通常表示盈利(“黑色”),红色通常表示亏损(“红色”)。因此,在这种情况下,我们可以使用:

红色(我们的品牌色)代表收益,蓝色(它的补色)代表损失;要么红色代表盈利,灰色代表亏损(重点关注我们公司的成功);要么灰色代表收益,蓝色代表损失(关注需要改进的地方)。突出两个系列当一个主要关注点:接近互补每当两种颜色来自色轮的相反侧,你将有足够的对比度来区分它们,而不暗示它们是相关的。近乎互补的和谐不是色轮的50%左右,而是33%左右。我们的主色在1点钟方向,而我们的补色在5点或9点钟方向。

记住,暖色比冷色更容易出现。理想情况下,你的主色调应该是暖色,而补色应该是冷色。如果不是这样,可以通过稍微降低辅助色的饱和度或者改变其亮度来降低与背景的对比度(通常是使其更亮)来降低辅助色的影响。

与只选择两种颜色相比,选择三种能很好搭配的颜色是一项更具挑战性的任务。也请考虑我们想要选择视觉上令人愉悦的颜色,但是它也暗示了我们想要我们的观众理解的不同类别或数据点之间的特定关系。

下面是一些可以支持三色可视化的和声。

用来突出没有价值判断的三个系列:类比或三重。对于三个不同的系列(就像只有两个系列一样),如果你只是在类别上做区分,那么类似的和声也可以。不必同时选择两种相邻的颜色作为主色调。在这种情况下,主色会比它的模拟色有更强的视觉强调,但只是一点点。

也可以使用三种调和色,包括均匀分布在色轮周围的三种颜色。三重奏和声比类似的和声有更多的对比,因此它可能是在大屏幕上向一大群人展示的更好的选择。不好的一面是看起来不会特别优雅,会失去色彩是主色调的感觉。

用于相对于其他两个相关系列或主系列的两个子组件突出显示一个系列:分割互补在这种和谐中,你的主色单独位于色轮的一侧,而你的其他两种颜色位于相反的一侧,与主色的精确互补仅一步之遥。这种三色调色板强调两个次级系列相互关联,但不同于主色所代表的系列。此调色板的一个示例用例是显示关键颜色的累积系列(例如“总销售额”),然后将该系列的每个组成部分(“国内销售额”和“国际销售额”)显示为两种互补色中的一种。

在上图中,如果我们从不同的关键颜色和不同的饱和度开始,你也可以看到分裂互补和谐仍然是如何工作的。本文讨论的所有色彩和谐都是色调的和谐。

一旦为用例选择了合适的和谐,就可以尝试调整辅助色的饱和度或亮度。

调色板用于比较四种事物很少希望在一个可视化中真正需要四种不同的颜色。如上所述,最好用颜色来吸引注意力。如果视觉中有四种独特的颜色,就很难分辨出人们的注意力集中在哪里。但是,这些情况会时有发生,这些色彩和调和可以帮助你在听众的头脑中巧妙地形成关于数据序列之间关系的联想。

对于一个大系列及其三个组成部分:类比互补相似互补和谐包括四种颜色:主要颜色的分裂补色和直接补色。注意对比是如何让主色和补色凸显出来的。这有助于确保您认为重要的或代表趋势或平均值的序列最有可能脱颖而出。

对于相关数列的两个优势对中的一个:双互补如果你有四个不同的数据数列,并且可以把它们当作两组两个数列,那么你可能要用双互补调和。对于这个调色板,从主色开始,从它的两种相似色中选择一种,然后使用这两种颜色的互补色。在这种和谐中,如果你的主色调和它相近的颜色是暖色或冷色,互补色是相反的色温,会很有帮助。

为了清楚地区分四个重点相同的系列:长方形或正方形,如果只用颜色来分类区分四个系列,并且没有一个比其他任何系列更重要,那么正方形或长方形的调和可能就是正确答案。

在矩形和声中,你使用关键色,在时钟上相隔两步,“近似模拟”,以及这两种颜色的补色。方(或四部)和声,你从关键色开始,然后利用一切。第三步,你去周围的时钟。矩形和谐仍然保留了一个微妙的暗示,即四个系列实际上可能是两个成对的系列,但方形和谐将所有四个系列置于完全相等的位置。

用于显示定量值的调色板(颜色梯度)如上所述,当使用颜色显示数量时(如可能在突出显示的表格或填充的地图中显示的),值的差异通常由饱和度和/或亮度的变化来表示。

用于显示从零到最大值的值变化:顺序颜色功能区在这种情况下,您将使用单色调色板,其中最低值由与图表背景色匹配(或几乎匹配)的颜色表示,最高值与100%饱和度和50%亮度的关键色匹配。您可以使用平滑的颜色渐变来获得更高的准确性;或者离散色阶,让你的受众更容易区分。

为了显示在有意义的中点范围内的值变化:从头发颜色渐变中分叉出来的颜色渐变,在数据的自然中点处首尾相连地缝合在一起,就像两个方向相反的连续渐变。例如,如果您的数据包含负数和正数,那么您将选择双色(双色)调色板。理想情况下,你应该使用主色(正数)和它的补色(负数),使用中性灰色中点(把尾巴缝在一起)。

需要注意的是,发色渐变的中点不是数据范围的中点,而是有意义的中点,即正负之间的阈值。(数据范围从-10到90。不应该有以40为中点的色带。实际上,色带应该从-90到90,中点为0。)

一些最后的想法和一些资源如果你发现自己想要在和谐中增加颜色之间的对比度,你可以调低辅助色的饱和度(让它们更亮),只要你把所有辅助色的饱和度调整到相同的量。如果你的品牌主色调是冷色,暖色的互补色似乎会淹没它们,那么降低这些互补色的饱和度有助于进一步淡化它们。有许多带有集成工具的绘图和绘画应用程序。在我们的EasyV数据可视化大屏设计工具中,你还可以根据关键颜色和你选择的调和色生成调色板:你可以完成和Office、ps ai一样的任务,让你以不同的形式数字化输出选择的调色板。确保选择的调色板是色盲和安全的。约9%的男性有红绿色盲,其他很多男女都有视觉缺陷。使用在线颜色检查器,如科布利斯,以确保您的观众可以访问您的调色板。如果你刚好在做可视化大屏贴图,想选择用于贴图的调色板,EasyV是个不错的选择。目前,您也正在接受免费试用的申请:https://easyv.dtstack.com/jiuqi也可以点击文章底部的“了解更多”快速跳转。

其他教程

python print占位符(python占位符有哪些)

2023-1-8 19:58:21

其他教程

2021年美版丰田亚洲龙Avalon:加入四驱系统提升竞争力

2023-1-8 20:00:23

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索