个人免费使用

图表美化基本思路大全

2021-07-12 09:40 灰度

一.表格的美化

在美化表格的时候，我通常会进行三个步骤:

1.把表格里面的所有文字都垂直居中，并且把表格中的标题字体加粗

2.删去多余的边框线或者弱化内部的边框线（通常做法是:边框的线调细一些，通常为0.25～0.75磅，颜色用浅一点的），或者把表格的上下边框线加粗

3.根据页面的配色，用色块突出标题或者重点的信息

来看这一页的修改步骤：

QQ截图20210712095508.png

第一步，先把表格里的所有文字垂直居中，并且把表格中的标题字体加粗；

QQ截图20210712095514.png

第二步，弱化内部边框线，且把表格的上下边框线加粗；

QQ截图20210712095520.png

第三步，根据确定好的主色，给标题加一个色块，使得表格信息更有层次感。

QQ截图20210712095627.png

再比如，下面这个案例:

QQ截图20210712095651.png

根据三步法美化表格，就可以做出这样的效果:

QQ截图20210712095658.png

QQ截图20210712095705.png

QQ截图20210712095711.png

二.柱状图的美化

美化柱状图常用的套路有

1.运用“进度条”的形式呈现数据（常用于美化有固定目标值的柱状图）

比如，下面这个案例:

QQ截图20210712095830.png

细看这张柱状图，我们可以发现每个月份都有一个相同的目标销售量（800万只龙虾），而原稿的呈现方式略显累赘，数据表达得不够清晰明了。针对有相同固定值的情况，我们可以用“进度条”的方式去呈现数据，这样可以让数据更加清晰明了，简单易懂。如下图:

QQ截图20210712095905.png

2.运用对比色呈现数据（常用于多组数据的对比）

QQ截图20210712095914.png

QQ截图20210712095924.png

QQ截图20210712095937.png

QQ截图20210712095931.png

3.数据图像化，用一些具体的图像呈现数据，增加数据的趣味性，能让数据更直观明了。

比如下面这两个案例:

QQ截图20210712100107.png

这张案例里面的数据是有关于“人数”的，所以，我们可以用“人”这个图像代替矩形:

QQ截图20210712100113.png

用“人”代替矩形后，使得数据更可视化了

再比如，下面这个案例:

QQ截图20210712100227.png

这里面的数据是有关于“小龙虾”的调查，同理，我们可以用“小龙虾”的图像代替矩形:

QQ截图20210712100234.png

4.柱形图折线化（目的是为了使数据更清晰明了）

比如，下面这个案例:

QQ截图20210712100346.png

我们先忽略这张图表的美观度，从理解的逻辑上看，这张图表的呈现方式是没问题的，但为了让它更加清晰明了，我们可以把部分柱状图转换成折线:

QQ截图20210712100353.png

这样一来，不仅可以让数据更直观，而且让数据的递增趋势更清晰明了。

那么，折线图常用的美化思路有哪些呢?我常用的思路有两种:

1.折线调整为“平滑曲线”

QQ截图20210712100446.png

2.“面积图”辅助折线表达

QQ截图20210712100453.png

三.饼图的美化

1.饼图转换为圆环

通常情况下，饼图和圆环相比较，圆环的实用性和美观度都稍微好一些。比如下面这两个案例:

QQ截图20210712100459.png

对于这种情况，我们可以把饼图转为成圆环:

QQ截图20210712100605.png

原稿

QQ截图20210712100613.png

修改后

QQ截图20210712100618.png

2.饼图拆解

QQ截图20210712110425.png

3..饼图转换为“南格尔玫瑰图”

QQ截图20210712110432.png

QQ截图20210712110516.png

4.圆环的其他状态

QQ截图20210712110555.png

四.学习数据可视化的网站

1.Banber数据可视化云平台

2.网易数读

3.澎湃美数课

4.新浪图解天下

5.财新数字说

以上文章来源于1248Design ，作者灰度

分享

关注我们

联系方式

电话：0755-23605507

邮箱：info@nashdt.com

地址：深圳市南山区深南大道9998号万利达科技大厦18楼

产品中心

RayData Report

WeForm微表单

HowData数据连接引擎

DataBay数据门户

成功案例

数字化企业

解决方案

资讯中心

友情链接：WeForm微表格、RayData Report

©2021 - 深圳纳实大数据技术有限公司 | 粤ICP备16090117号