看着复杂的科技风数据大屏，用 PPT 做起来难么？

什么是数据大屏？

简单来说，是基于数据生成的数据看板，也可以称为可视化项目、可视化应用。

将数据由单一的数字转化为各种动态的可视化图表，从而将数据实时更新并展示给用户。

其应用的场景种类很多，比如：交通指挥中心、数据监控中心、双十一的交易大屏等等

通过搜集与观察、整理，我总结出了一些特点：

• 交互式

• 科技感

• 可视化

• 实时更新

• 样式组件繁多

01. 风格探索

前面提到数据大屏有个特点是科技感，我从网上找了一些灵感图，一起来看看：

从配色来分析，都是深色的背景搭配高饱和度的颜色：

从元素来分析，标题栏和承载内容的容器，都是由线框组成的样式。

从版式来分析，都是模块化，虽然内容很多，但一一划分了开来：

每一块内容该放什么信息，主次分明易于区分。

02. 样式组件

样式组件，翻译成 PPT 话语就是：PPT 页面中的文本框、色块组合等。

数据大屏中的组件样式会更为丰富且统一，比如图表样式：

网上有很多类似的图表组件，条形图、柱状图、雷达图、折线图以及饼图。

单一的图表视觉效果并不明显，组合起来放在一个页面中同时使用，就给人很强的视觉冲击。

除了图表，还有标题栏样式：

为了不让标题文字光秃秃地放在那里，通常会加上一些装饰元素，文字与元素组合起来就叫做标题栏。

以上这些组件素材想用的话，是需要自己用 PPT 重新绘制的。

想省事的同学，也可以去觅元素下载 PNG 格式的，不过修改起来会麻烦了些。

03. 实战改造

接下来，我们把上周的“PPT 数据表盘”修改成科技风。

原有的版式布局就不再变动了，保留即可。

首先，先确定下配色：

深色底，搭配高饱和度的颜色，同时在背景上做渐变的处理。

接着确定样式组件。

① 边框样式：

绘制矩形，调整透明度，在矩形顶部和底部加上实线线条和渐变线条。

这样一个边框样式的组件就完成了，方便后面随时调用。

② 圆形样式：

绘制正圆，调整渐变填充，以及边框的渐变效果。

可以着手修改了。

先处理好背景部分，共有两层，图表层和背景层：

图表层，分为菜单栏部分和数据展示部分，数据展示部分背景设置成线性渐变。

在底部叠一个数据波浪的图片：

调整下图片渐变，同时在整体页面上再叠一层渐变蒙版。

将菜单栏中的图标，填入圆形样式中：

考虑到交互的效果，设置了第一个圆形样式填充为纯色，其他的为渐变圆形。

数据部分给文字设置了渐变，同时在后面加个简单的标题栏装饰元素：

需要注意的是，由于这里面的数据是通过 Excel 来联动更新，所以里面的图表和数据形状格式，都需要在 Excel 中修改好。

到这里，修改就全部完成了：

当然，我做的这个版本也是可以实现交互的：

发现了没，只要先将样式组件做好，在不考虑交互的情况下，整个页面做起来还是很简单的。

我还顺手改了另一个版本，大家可以参考一下：

04. 文末小结

今天分享了用 PPT 制作数据大屏的两个知识点，分别是风格探索以及样式组件。

风格探索：

数据大屏偏向于科技感，颜色偏饱和度较高的，标题栏和容器都是由线框组合而成。

样式组件：

页面中的样式、种类虽多，但同层级内容的样式组件都是一样的。

在做好样式组件后，将内容放置到容器中，组装出数据大屏并不是很难。

以上，就是今天分享的全部内容，希望大家喜欢~

本文来自微信公众号：自律的音律 （ID：yinlvPPT），作者：君梦

广告声明：文内含有的对外跳转链接（包括不限于超链接、二维码、口令等形式），用于传递更多信息，节省甄选时间，结果仅供参考，IT之家所有文章均包含本声明。