如何为数据图表挑选更加悦目的颜色 [译]

如何为数据图表挑选更加悦目的颜色 [译]

💡 原文中文,约6900字,阅读约需17分钟。
📝

内容提要

本文介绍为数据图表挑选悦目颜色的方法:避免在色轮上随意跳跃,优先使用互补色及相近色调;通过调整饱和度和亮度使配色更和谐;常用橙红配蓝色,绿色宜偏黄或偏蓝;避开纯色及过亮过饱和色;确保各颜色亮度不同,可用白色边框分隔;让多数颜色鲜艳度相当;避免与背景对比过弱或过强,背景色宜低饱和;也可从优秀作品和自然中取色。

🔎

延伸解读

从色轮到HSB:理解颜色的三个维度

文章强调,挑选图表颜色前需理解色相、饱和度、亮度三个属性。色相是色轮上的角度,饱和度从灰到艳,亮度从黑到亮。许多配色问题源于只关注色相而忽略后两者。例如,调整饱和度和亮度就能让相同色相产生截然不同的效果。因此,当配色不理想时,优先微调饱和度和亮度,而非急于增加新色相。

互补色与暖冷搭配的实用逻辑

文章建议优先使用互补色及其相近色调,避免在色轮上随意跳跃。暖色(黄、橙、红)与蓝色的组合尤其有效,因为暖色之间差异明显,蓝色多样性高且给人平静专业感,同时色盲人士也易于区分蓝与橙红。若犹豫不决,橙红配蓝是稳妥选择。使用绿色时,应选偏黄或偏蓝的绿色,避免纯绿,因其与红橙棕搭配时色盲者难区分。

避开纯色与霓虹色,确保亮度差异

纯色指色相位于60°、120°等整数值的颜色,看起来不自然。文章建议降低饱和度或使颜色更暗,或选择偏离纯色5-10°的混合色调。同时避免同时使用100%饱和度和亮度,以免给读者压力。此外,相邻颜色应有不同亮度,可通过转黑白检查;若全为同一种灰,则亮度相同。调整深浅或使用白色边框分隔,能让图表更生动且对色盲友好。

背景对比与取色方法

颜色与背景的对比需适度:太浅太淡会难以辨认,太深太饱和则显得沉重。文章建议根据背景调整,浅色背景可提高饱和度或加深颜色,深色背景则相反。彩色背景应选低饱和度,浅色背景亮度不低于95%、饱和度不高于7%,深色背景饱和度低于20%且避免纯黑。若不知如何选色,可从优秀作品或自然照片中吸取颜色,并用HSB分析其饱和度、亮度和色相,逐步理解配色原理。

❓

Q&A

为数据图表选颜色时,为什么应该避免在色轮上随意跳跃?

随意在色轮上跳跃会使用过多色调,使配色显得不专业。使用少量色调及其相近色调,效果会更加专业,因此也更可信。

如何调整颜色的饱和度和亮度来让图表配色更和谐?

饱和度和亮度的调整对颜色效果至关重要。如果颜色组合不理想,先尝试调整饱和度和亮度,而不是增加新色调。例如降低某些颜色的饱和度、让颜色变暗或变亮,可以使配色更和谐。

数据可视化中,橙色/红色与蓝色搭配为什么受欢迎?

橙色/红色与蓝色搭配在分类展示中非常有效:视觉效果好,差异性明显,蓝色多样性丰富且给人愉悦平静的感觉,显得专业;同时色盲人士也能轻松区分蓝色和橙色/红色。

使用绿色时,为什么建议选择偏黄或偏蓝的绿色?

纯绿色(森林绿)深沉,变亮会变成不协调的荧光绿,需要大幅度调浅和褪色;且纯绿色与红色、橙色或棕色搭配时色盲人士难以区分。因此最好让绿色偏黄或偏蓝。

如何确保图表中不同颜色的亮度有差异?

可以将颜色转换成黑白色检查:如果所有颜色转换后都是同一种灰色,则亮度相同。解决方法有两种:调整每个区域的深浅度使亮度不同,或使用白色边框分隔区域。推荐第一种方法。

选择图表背景色时,应该注意哪些原则?

背景色宜低饱和。浅色背景避免亮度低于95%和饱和度高于7%;深色背景饱和度保持在20%以下,避免纯黑色,亮度保持在10%至25%之间。

🏷️

标签

➡️

继续阅读