一套高级图表配色方案,让你的可视化报告瞬间提升美感

供稿:hz-xin.com     日期:2025-01-09
在进行图表配色时,许多人都感到无所适从,总觉得自己做的图表配色效果不佳,而看到别人优秀的图表作品则感觉非常高端。

那么,配色有没有技巧呢?当然有!今天,我要向大家分享一套高级的图表配色方案,保证能让你的可视化报告瞬间提升美感!

我们日常使用最频繁的可视化工具是Excel,除此之外,还可以通过R语言、Python结合JS,通过代码的方式来实现。但需要注意的是,这些实现方式的学习与操作成本相对较高。

市面上有许多可选的可视化工具有很多,如Tableau、FineBI等,只需用鼠标拖拽数据表字段,即可完成可视化报表的制作。以下,我将以FineReport报表开发为例,为大家介绍一套色彩搭配教程。

本文的色彩搭配主要从以下几个点出发:

一、传统报表

我们在添加数据集后,如果不进行修改,最原始的数据呈现是非常不美观的。

步骤一:在FineReport报表设计器中添加数据集

步骤二:添加数据

步骤三:预览数据

直接展示出来的效果是非常不美观的。如果我们对数据进行稍作加工,会有多大的改变呢?往下看。

稍加更改,模板图表效果就出来了。

那么问题来了,我们到底做了哪些改动,简单快捷就可以出一张美观的报表?其中很重要的一环就是我们的第二部分。

二、色彩搭配技巧

在制作普通报表时,色彩的作用主要是在边框和标题时使用。除非有特殊显示需求,否则基本上不需要增加多余的色彩。那么,在标题和边框颜色的搭配上,我们应该如何选择呢?

这里可以直接给大家几款可以直接套用的搭配,后面再给大家讲解如何根据自己公司的风格来定义与自己公司风格统一的报表。

以下是10种不同的风格,大家可以根据自己的喜好来选择。

样式一

样式二

样式三

样式四

样式五

样式六

样式七

样式八

样式九

样式十

以上就是给出的10种参考样式。接下来,我们简单地做一个总结,我们在报表中的色彩搭配只需要掌握以下原则,基本上做出来的样式就不会翻车。

按照这两个原则来设计报表的样式,做出来的报表给人的印象就会有统一和别致的感觉,而不是被喷指直男审美,报表做出来只能用不能看啦!

三、如何设计风格化的色彩搭配

我们这里的风格化的色彩搭配指的是报表是否符合你的公司形象。说到这里,大家可能觉得很困惑,但其实这不仅仅是站在报表的角度来说的,而是站在整个报表系统来看这个问题。

如果我们的报表每一个都风格迥异,色彩跳脱,这对于用户来说,会觉得这个报表系统很凌乱。可能拿用户来说,感觉不是很明显,就比如我现在是一名客户来您公司拜访,参观使用贵公司的各种系统,但是当我打开报表系统的时候却给人一种幼儿园的拼色卡一般,而不是一个整体,其实印象是大打折扣的。

另外,其实这种对于报表开发工程师来说,可做可不做的。按道理来说,我们只要把用户的需求得以满足就可以了。但是当我们想往上走,以更高的维度来看我们现在的工作的话,那这一步是有必要的。

好了,我们铺垫了这么多,要如何定制属于自己公司的风格化的系统呢?我们可以从以下角度来确认。

1、公司定位及行业

每一个行业其实都有属于不同行业的色系。就比如制造业,给人印象就是自动化工业的科技感和沉稳扎实的灰色。就比如在百度搜索关键词“制造业”,找到下面这张图片,我们就可以拿取色器根据这种图片来定义我们的系统主题色。这种系统主题色素需要贯穿在我们每一张报表始终的,每一张报表不一定全部都设置这个颜色,但是必须要有使用到这个颜色,定下系统主题色后,不同的报表间才会建立起关联。

2、公司的LOGO

比如百度搜索“地铁”看到上海地铁的LOGO是红色、黑色和白色,那么我们其实就可以把红色和黑色作为我们系统的主题色,并在报表使用的过程中贯穿这种主题色。

3、公司的氛围

从公司的氛围角度出发来定义系统颜色的话,如果公司的氛围偏向于年轻人,那么色彩就可以明亮显得有活力一些;如果公司是比较稳重风的那就可以考虑使用暗度高一点的色彩,给人以成熟稳重的印象。以下是简单给出的几个例子,每个公司的定位不同,大家可以具体情况具体发挥。

最后分享一些相关资源:

跟顶刊学图片配色,1分钟完成一套审稿人最爱的配色方案!
Data Color Picker:自定义配色方案,适合饼图、分组条形图、地图等数据可视化。包括调色板生成器、单色调渐变色配色、发散色阶配色。LOL Colors:提供多种四色配色方案,适合快速完成高级配色。四、配色总结 避免使用荧光色,以免影响审稿编辑。避免选择标准色,以确保独特性。保持系列配色一致,便于文章整体...

数据可视化 如何为数据寻找适合的配色
Palettab——一个Chrome插件,在每个标签页里呈现一套新的配色方案和字体灵感 Swiss Style Color Picker——另一个优秀的配色方案集 希望本文对你有所帮助!你建立配色方案的过程是怎样的?你还用到其他的工具吗?我们想听听你在配色与可视化图表方面的经验。作者简介:Samantha Zhang Senior UI\/UX @...

如何用excel制作漂亮的图表——柱形图篇
如何用Excel绘制惊艳的柱形图:从基础到高级柱形图,作为数据可视化的重要工具,其魅力在于其直观、易于理解。然而,如何让简单的柱形图在各种场景中焕发出专业美感,却是一门需要技巧的艺术。接下来,我们将深入探讨几种常见的柱形图制作与美化方法。1. 美化基础柱状图<\/ 完成图表后,首要任务就是美化。如...

在科研制图过程中,如何选择合适的配色方案?
科研制图是科学研究中不可或缺的一部分,它通过图形和图像的方式将复杂的数据和信息进行可视化展示,使得读者能够更直观、更快速地理解和掌握研究内容。在科研制图中,选择合适的配色方案是非常重要的,因为它直接影响到图表的可读性和美观性。以下是一些选择合适配色方案的建议:1. 避免色彩冲突:在选择配色...

Excel可以制作哪些好看的可视化图表?
色彩搭配对于图表来说同样至关重要。虽然个人的美感可能有所不同,但借鉴优秀图表的配色,可以轻松实现美观的图表设计。通过截图获取色彩代码,并在Excel中自定义主题颜色,用户可以轻松保存喜欢的颜色方案。建立多套配色方案,可以根据不同的主题色系快速切换,为工作汇报增添个性化的亮点。此外,利用公司主题...

R语言配色方案(教程篇)
这些方案有助于增强数据可视化效果,使图表更加专业且易于阅读。RColorBrewer和ggsci包为R语言用户提供了丰富的配色方案,不仅能够提升数据可视化质量,还能适应不同场景和需求,使你的数据呈现更加多样化和专业。掌握这些工具,将有助于你在数据分析和可视化工作中更好地展示数据,做出更有效的决策。

3min掌握SCI配色神技,学会你就是组会汇报上最靓的仔!
其中包括 scale_fill_gradient 和 scale_color_continuous,它们分别适用于填充型和线条型的绘图。有时候,我们还会使用到 scale_color_manual 和 scale_color_brewer 函数。其实,这三大函数组合起来,就能构建出丰富的配色方案。具体来说,它们分为三部分:调节颜色的固定开头、针对不同可视化形式的填充和...

新一代配色R包,还不赶快升级你的配色方案?
但面对众多配色工具和方案,新手用户可能会感到困惑,难以做出合适的决策。在这篇文章中,我们将介绍一款名为cols4all的R包,它旨在简化配色选择过程,帮助用户轻松创建美观且专业的可视化图表。在R语言中,有多种配色方案供用户选择,包括但不限于:paletteer包:内置了超过2000种配色方案,数量庞大,但...

实用网站 | 推荐5款超赞的图表制作神器
易词云是一款在线中文词云生成网站,具有分词功能,提供多种形状模板和配色方案。可以自定义设置单词间隔、文字样式、背景色、高清、旋转概率、旋转模式、字体。也可以导入文本,随机挑选文字进行显示。适用于各种应用场景,如文本分析、关键词可视化等。以上网站能帮助您更高效地完成数据可视化、设计和文本处理...

R语言ggsci包详细介绍!
scale_folor_palname scale_fill_palname 包内包含了丰富的配色选项,让你的图表更具专业感。以下是其配色方案的概述:离散型配色: 通过示例图形展示原始配色方案的运用。连续性颜色配色: 适用于渐变或连续数据的可视化。如果你对ggsci的使用方法或功能感兴趣,可以参考其官方文档:ggsci官方网站。同时,...