历史版本3 :颜色搭配一致性原则 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1、颜色的重要性编辑

颜色非常重要。它无需使用文字即可传达大量信息。然而,使用颜色有着微妙的平衡:应保持简洁。使用颜色突出显示和强调信息。颜色过多会造成不和谐,但使用单一颜色或同一种颜色的不同色调可能导致数据杂糅。

2、颜色搭配一致性原则编辑

颜色是最有效的美学特征之一,因为它可以吸引注意力。我们最先注意到的特征就是颜色, 它能够以直接的方式突出显示特定见解、标识异常值。在论证观点时,颜色的使用应该以数据为基础,而不是个人的喜好或品牌的颜色。

一般来说,我们在使用颜色的时候可以遵循以下的配色一致性原则:

2.1 数值指标一致性

当根据某一个指标的数值大小进行颜色映射时,建议使用生长色系的渐变颜色。

例如上图所示,统计的是不同年份的一个地区销售额情况,左边的图颜色并没有色系和生长规律,用户难以理解具体指标数值的映含义,而此时如果使用右边的生长色系的表达方式,它会传达给用户一种颜色可测量感。那么用户根据这样的渐变生长色系,就可以很轻松地理解当年每个地区的一个销售额分布情况。

2.2 语义颜色一致性

色彩联想也很重要。使用对查看者有意义的直观的颜色,以便他们可以更快速地处理信息。

  • 如果您正在处理温度数据,请使用红色表示高温,并使用蓝色表示低温。

  • 比如在分析股市时,我们可以使用统一的红绿配色,分别代表了股票的上涨和下跌。

  • 比如通过不同颜色表示系统的稳定状况

    • 绿色表明当前云平台整体正常,没有大的问题;

    • 橙色表明需要注意某个或者某些资源水位达到预警,准备扩容,某个或某些服务可用性下降,需要关注,有DDoS攻击正在封堵;

    • 红色表明某个或者某些服务已经异常,影响线上业务,需要研发运维,处理故障。

并且您使用颜色的方式也会产生较大影响。在显示值的一致性或突出显示数据中的对比效果时,这一点非常有用。

符合语义的颜色可以帮助人们更快地处理信息,尽量根据指标含义选择符合人类最直观感受的颜色。

2.3 指标颜色一致性

在同一仪表板中,对于相同的度量尽量使用同一色系的颜色方案,避免使用过多的颜色对用户造成干扰。

例如我们在做销售看板分析时,通常分析指标会有销售额和回款额,那么即使我们在对同一个指标做不同维度的数据可视化分析时,对于销售额和回款额建议分别使用相同的色系进行配色,比如销售金额尽量用黄绿色系,回款金额尽量用蓝色系。我们在遵循这样的指标颜色一致性配色原则之后,用户就能够快速地根据颜色区分来理解当前的数据可视化图表所要表达的指标含义。

2.4 色系颜色一致性

在同一仪表板中,尽量选择相同色系的颜色方案,避免撞色。

如果我们是自定义配色,需要避免一些撞色。例如你把黄+白、蓝+黑、红+蓝、黄+紫等等色系进行搭配,这样不但从感官上不美观,而且还容易对用户的眼睛造成刺激。