数据看板通过运用各种图表，将多种指标清晰、透明地呈现出来，以帮助决策者在理性的基础上更加直观、科学地做出决策。数据可视化展示画板颜色多采用深色的科技风，图表的排列则多呈现矩阵型结构，下面是一些示例看板，我们先欣赏一下~
财务分析模型
人力资源数据分析看板
有了优秀的作品作为参考，我们就可以从 配色、排版、字体风格 等方面对作品进行拆解，以设计出自己需要的数据看板啦。比如，通过上述的作品，我们就能总结出如下两个数据看板的特征:
- 颜色多采用深色系风格
- 图表的排列多呈现矩阵型结构
下面，我们就开始实现自己的数据看板布局吧。
背景和标题
在 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+鼠标左键、对齐工具等完成剩余矩形的绘制即可。
在下一篇文章中，小鱼就可与将各式各样的统计图表放到上述矩形中，制作最终的交互式数据看板啦~我们下节见。
网友评论