报表太丑总被吐槽?数据分析报表美化秘籍教你用这6招做出的报表,好看又实用!

文 | 商业智能研究 2022-04-12
阅读次数:1,502

阅读提示:

文章中与FineReport软件使用的相关内容,基于软件的V7.0旧版本编写,不代表软件最新的使用方式。
FineReport最新版免费试用:https://www.finereport.com/product/active
FineReport最新版使用教程:https://help.fanruan.com/finereport/

在无数个默默做报表的夜,是什么让你默默流泪、独自伤悲?

数据分析报表美化秘籍,模块边界,整体调性,图表系列色,分析数据关系

别着急!大师兄这就为你奉上独家「数据分析报表美化秘籍」——6招,带你做出好看的报表!

第一招:展示数据价值

先来看看这样的表述:2017年第三季度,某品牌在江苏地区的三个销售代理商分别完成销售130.4万、210.5万、98.6万,共计439.5万。

这个例子中列举了很多经营数据,但并不能体现“价值”。比如第三季度总销售额439.5万是多还是少?三个代理商的销售额占比是否合理?和竞争对手相比,发展速度如何?这些都没有体现。

我们来调整一下:

2017年第三季度,某品牌在江苏地区的三个销售代理商 A、B、C分别完成销售130.4万、210.5万、98.6万,共计439.5万;

去年同期他们分别完成销售额2万、150.3万、96.3万,共计356.8。总体同比增长了23.2%,有明显增长,但并未达到预期的30%。

根据市场调研数据,竞争对手 XXX今年第三季度实现38%的增长,而其中在 C 代理商所负责的区域,竞争对手达到200%的爆发式增长,销售额达到约320万~350万。

公司需要对 C 代理商进行重点关注,做出适当调整。

第二招:选择合适的图表

选择图表之前要弄清楚三个问题:

明确目标受众,他们对该问题有何了解?

明确要传递的信息,分析数据关系了吗?数据说明了什么?需要传达多个信息吗?

明确信息的特点,是要进行项目比较、显示时间趋势,还是分析数据关系?

根据以上三个问题,明确要表达的具体主题,再根据主题选择合适的图表:

数据分析报表美化秘籍,模块边界,整体调性,图表系列色,分析数据关系

第三招:一套完美的布局

不论页面信息量的多少,卡片式布局都能够展现出良好的设计感。当然前提是要明确好整个页面要展示哪些数据,梳理好信息的层级,分析数据关系,构思好数据的展现形式,然后可以手绘一些草图,修改调整到合适的布局。

数据分析报表美化秘籍,模块边界,整体调性,图表系列色,分析数据关系

第四招:美出天际的配色

图表系列色 :不同展示逻辑的图表可能需要不同的配色,所以一般至少准备两种图表系列色。

对比图表系列色:常用于多系列的柱形图、条形图和饼图等,强调数据系列之间的差异。

数据分析报表美化秘籍,模块边界,整体调性,图表系列色,分析数据关系

连续图表系列色:常用于单系列的柱形图、条形图、面积图等,在大屏整体看来只有“一个颜色”,但渐变的效果不仅表达了数据之间的连续性,还有酷炫的视觉效果。

数据分析报表美化秘籍,模块边界,整体调性,图表系列色,分析数据关系 数据分析报表美化秘籍,模块边界,整体调性,图表系列色,分析数据关系

图表告警色:一些需要特别突出的指标,或指标值达到预警值时的颜色,一般比较明亮,且与主配色有较为显著的对比。如果结合图表闪烁动画、警戒线等共同设置,效果更佳。

数据分析报表美化秘籍,模块边界,整体调性,图表系列色,分析数据关系

第五招:工整合理的文字

不同使用场景的文字通过字体的大小和颜色强调区分,需要根据展示的终端确定一级字号用多大,二级字号用多大等,最大大到标题,最小小到标签图例的字号最好都是统一设计的,不要随心所欲。

推荐示例:

报表美化秘籍,模块边界,整体调性,图表系列色,分析数据关系

第六招:避坑指南

把技能都学会不一定能做好模板,但是避过常见的坑,就成功了一半。

第一坑:内容丰富无重点 有人认为展现的内容越多,报表的价值越高,但是事实并非如此。 一张空白的纸上,添加的每一个元素都会消耗受众的脑力,因此我们需要仔细审视视觉元素,识别出无法增加信息量的元素并将它们删除。为此我们要控制信息密度,使信息展示量恰到好处;区分信息主次,使信息显示主次分明

报表美化秘籍,模块边界,整体调性,图表系列色,分析数据关系

第二坑:间距混乱看不惯

涉及到各模块标题与模块边界的间距(蓝色矩形标记的位置)、模块与模块之间的间距(红色矩形标记的位置)、模块边界与整个大页面额间距(绿色矩形标记的位置),这几个重要地方要做到统一一致,才能使布局看起来更加规整。

数据分析报表美化秘籍,模块边界,整体调性,图表系列色,分析数据关系

一些细节之处也需要做到统一,例如图表坐标轴与模块边界的间距,各个分类之间的间距等需要细化。

第三坑:内容拥挤无留白 在版式设计中空白运用的好坏,直接影响其版面的视觉传达效果。留白的运用是增强视觉传达效果,提高作品的诉求力,赋予作品版面审美价值的一种重要构成技术。

应用在报表中主要体现在模块不要顶边,模块与模块间要有合理间距,在模块中图表的边线不要顶边,如果是分类很多的柱图不要使用宽柱子,注意好距离,留好等于或者大于一个柱子的身位。

报表美化秘籍,模块边界,整体调性,图表系列色,分析数据关系

第四坑:元素多样理不清 边角统一是画面和谐的关键因素,使用圆角还是直角都是看页面效果需要或者个人的倾向,但是要避免同一页面出现两者同时出现的情况。其中包括指标卡的边角,模块背景的边角,柱形图的边角等。

数据分析报表美化秘籍,模块边界,整体调性,图表系列色,分析数据关系

坑点速排一览表:

排版 · body和上下左右得间距是否合适,两两是否相等

· 整体疏密是否有偏颇

· 各种图表、背景图是否有拉伸变形

· 整体调性是否合理

组件 · body和上下左右得间距是否合适,两两是否相等

· 整体疏密是否有偏颇

· 各种图表、背景图是否有拉伸变形

· 整体调性是否合理

颜色 · 整体调性主色调是什么

· 一共用了多少种颜色(小于7)

· 颜色得语义是否一致—(告警得用红色黄色等)

字号字体 · 标题是否足够突出

· 所有得文字是否都用的一种字体

· 全模板以共有几种字体大小(小于4)

· 所有组件标题是否一致

· 所有图表细节字大小,颜色,字号是否一

比如,目前市面上很流行的帆软公司的软件——finereport,功能算是前沿的,可做BI报表和大屏,内置了10+行业解决方案和几十种可视化大屏模板demo,即便没有专业的技术也照样可以完成。功能比较全面,包括数据整合、建模、分析、制作图表。很适合企业使用,难度不算太大,而效果也不错。

数据分析报表美化秘籍,模块边界,整体调性,图表系列色,分析数据关系

报表产品更多介绍:www.finereport.com

免费试用FineReport


本月阅读量最高的10篇文章

售前咨询

服务热线

400-811-8890转1

售后咨询

在线QQ

800049425

服务热线

400-811-8890转2

投诉建议

总裁办24H投诉

173-127-81526