可视化看板背景素材-【WPS】交互数据看板（一）

数据是企业的上帝之眼,数据可视化就发挥了很大的作用。很多从事B端产品设计的小伙伴在日常工作中遇到数据可视化的场景比较多,所以我们整理了一些数据可视化图表资源,帮助你们更快更高效的完成设计。

数据可视化设计素材范例,为UI设计师提供设计思路,增加设计灵感,创作更多大气炫酷的设计方案。

数据看板通过运用各种图表,将多种指标清晰、透明地呈现出来,以帮助决策者在理性的基础上更加直观、科学地做出决策。数据可视化展示画板颜色多采用深色的科技风,图表的排列则多呈现矩阵型结构,下面是一些示例看板,我们先欣赏一下~

有了优秀的作品作为参考,我们就可以从

配色、排版、字体风格

等方面对作品进行拆解,以设计出自己需要的数据看板啦。比如,通过上述的作品,我们就能总结出如下两个数据看板的特征:

下面,我们就开始实现自己的数据看板布局吧。

在

WPS 表格操作技巧

连载文章中,通过人事信息表、员工编制表以及工资表,小鱼已经完成了数据总表的设计:

接下来,小鱼将完成最后一部分

HR 可视化数据看板

的制作,点击上方目录中的最后一项,将工作表跳转到 HR 可视化数据看板。

去掉视图中的勾选项,点击任一单元格,按 Ctl+A 选中全部单元格,再按 Ctrl+1 调出单元格格式设置窗口。

将单元格底纹颜色设置为 RGB 0,49,95。接下来,将如下的标题栏素材拷贝到工作表上方,按住 Shift+ 鼠标左键调整图形大小。

录入数据看板标题:

下面是标题栏的最后一项工作:在标题栏的两侧加入导航菜单,起到美化作用的同时,还可以实现不同工作表的跳转。

回到我们之前制作完成的超链接目录,按 Ctrl 键依次点选前 4 个项目,复制黏贴到看板页。并将颜色填充设置为无填充,字体颜色为白色。

接下来将复制过来的超链接形状移动到标题栏的两侧:

最后,再次选中所有超链接菜单,利用顶端对齐,使它们位于同一水平线上。

至此,标题栏的部分就完成了。点击标题栏中的文字,即可实现跳转。

完成标题栏的设计,就可以开始我们的矩阵布局了。点击菜单栏上的插入形状,选择剪去单角的矩形:

拖拉鼠标左键,在左上方区域绘制一个缺少一角的矩形。右键形状,选择设置对象格式,将填充设置为渐变填充。

将渐变光圈中间的两个光圈按 Delete 键删除:

选中最右侧光圈,将光圈 2 的色标颜色设置为

道奇蓝,着色1

:

继续设置光圈 2 的透明度为

86%

:

选择左侧光圈,渐变样式选择

路径渐变

,颜色选择

道奇蓝,着色1

,和右侧光圈颜色一致。位置设置到

85%

,透明度为100%。

完成填充的设置之后,我们将

填充

部分折叠起来,可以看到下方紧接着有一个

线条

,将其展开。同样,我们将线条角度中间的两个光圈删除掉。

将左右两侧的光圈色标颜色均设置为

道奇蓝,着色1

:

右侧光圈的透明度设置为

100%

:

接下来,点击

效果

,设置

发光

。

发光

选项中的颜色设置为

道奇蓝,着色1

,大小设置为

111磅

,透明度为

96%

。

下面就是我们最终的形状效果啦,渐变颜色填充,边缘微微发光,是不是很有科技感?

接下来,就是重复生成的过程了。选中形状, Ctrl+Shift+ 鼠标左键向右拖动,即可复制出一个一模一样的形状。

点击绘图工具下的旋转菜单,点击

水平翻转

:

水平翻转

之后则可得到两个纵向对称的形状。

接下来,在中间再绘制一个矩形:

这个时候,

注意我们不需要重复设置一遍渐变填充和线条。

选中左侧科技感的形状,点击开始菜单栏下的格式刷:

然后紧接着点击一下我们刚刚绘制的矩形,就可以将科技感的风格应用到当前形状中:

最后,通过 Ctrl+Shift+ 鼠标左键、对齐工具等完成剩余矩形的绘制即可。

在下一篇文章中,小鱼就可与将各式各样的统计图表放到上述矩形中,制作最终的交互式数据看板啦~我们下节见。

1

内容总概

不管是数据分析还是数据运营,少不了做分析报告,通常一份简洁的分析报告总是令人眼前一亮,但是,大部分同学拿到一组数据时,不能很好的应用,没有思路、想法和头绪,这里作者结合自身在做数据运营时的一些方法,提出一些通用的数据分析方法,以电商销售数据为例,做一个完整的案例分析,简述交叉分析、占比分析 、趋势分析、对比分析,最终呈现的结果如下所示。

2

销售额总概

拿到一组数据后,首先对整体数据情况做一个概览,选择数据,插入数据透视表,将销售额拖入值区域两次,右键销售额,在值显示方式中选择差异百分比,用于显示与上一年销售额的同比值。

3

交叉分析

要分析各年度以及各平台的销售额情况,可以使用交叉分析,选择数据,插入数据透视表,将销售平台拖入到行,年拖入到列,销售额拖入到值。

选择数据,插入一个簇状柱形图,就可以得到不同的电商平台在不同的年份的销售额情况。

4

占比分析

要分析不同省份的销售额占比情况,这里使用占比分析,使用图表展示销售额在区域上的分布,选取数据,插入数据透视表,将客户地址-省拖入到行,销售额拖入到值。

然后先选择X和Y的数据,按住Ctrl键再选择销售额数据,插入一个气泡图。

单击垂直坐标轴,将最小值设置为0,最大值设置为701,同时,在单位里面,设置大为100,小为20。

同理设置水平坐标轴,最小值设置为0,最大值设置为848,在单位里面,设置大为200,小为40。

单击空白区域,设置图表样式,选择图片或纹理填充,填充事先准备好的地图层。

设置气泡的大小,选择图像中的圆点,大小表示为气泡宽度,缩放气泡大小为40。

设置数据标签,在设置数据标签格式里勾选单元格中的值,选择数据标签区域,勾选气泡大小,标签位置选择居中。

5

趋势分析

要分析每月销售额的变化情况使用趋势分析,选择数据,插入数据透视表,将月拖入到行,销售额拖入到值。

选取数据,插入一个折线图,设置数据系列格式,勾选平滑线,将线条做平滑处理。

6

对比分析

要分析各个产品在不同客户类别的销售额情况使用对比分析,选择数据,插入数据透视表,将子类别拖入到行,客户类别拖入到列,销售额拖入到列。

将数据按照总计降序排列,选取数据,插入一个堆积条形图,点击垂直坐标轴,勾选逆序类别,让数据按照降序排列。

同时,设置间隙宽度,让柱形更宽。

7

图表美化

图表完成后,需要对整个图表做美化,消除多余的图表元素,包括去除网格线、隐藏字段按钮等,单击字段按钮,在数据透视图分析中,设置字段按钮为全部隐藏,可以消除数据透视图表的字段按钮。

统一数据单位,将数据单位格式统一设置为万,选择数据,右键单元格,设置单元格格式,在自定义里输入

0!.0,"万"

,可以将数值统一设置为万的单位。

设置一个靛蓝的图层(#242541),设置图表区格式填充为无填充,边框为无线条,同时为了显示字体,可以将字体的颜色设置为白色,同理,设置其余的图表样式。

将线条设置为发光的线条,可以在设置数据系列格式中将颜色设置为(#1464F4),大小设置为5磅,透明度设置为60%。

最后添加图表标题,设计一个富有 科技 感的图表边框,数据文件里包含该图表边框,设置图表位置和图像大小,必要做一些文字描述,即可得到结果。