.hd-box .hd-fr

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

2022-11-06 13:59自律的音律(君梦)18评

什么是数据大屏?

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

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

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

图源网络

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

01. 风格探索

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

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

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

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

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

02. 样式组件

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

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

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

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

除了图表,还有标题栏样式:

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

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

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

03. 实战改造

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

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

首先,先确定下配色:

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

接着确定样式组件。

① 边框样式:

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

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

② 圆形样式:

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

可以着手修改了。

先处理好背景部分,共有两层,图表层和背景层:

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

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

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

将菜单栏中的图标,填入圆形样式中:

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

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

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

到这里,修改就全部完成了:

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

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

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

04. 文末小结

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

风格探索:

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

样式组件:

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

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

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

本文来自微信公众号:自律的音律 (ID:yinlvPPT),作者:君梦

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

下载IT之家APP,分享赚金币换豪礼
相关文章
大家都在买广告
热门评论
查看更多评论