迪赛智慧数可视化互动平台

教你三步制作数据可视化大屏

2022-11-18

当看到一个屏幕上一个个炫酷，具有科技感的数据大屏时，很多人可能都会产生好奇这是我们怎么发展做出来的。自己在制作大屏时明明按着需求方面做了，可是做出来后总是他们觉得这个画面不好看，不够炫，感觉很糟糕。

那么如何设计这样的数据可视化屏幕呢？本文介绍制作数据可视化大屏幕的步骤，并以互动平台模板「职场薪酬情况」的大屏幕为例。

假设个人已经了解了大屏幕的业务场景要求，由艺术家提供设计草图或大屏幕整体显示效果图，如下所示。

（职场薪酬情况-电脑端）

那就开始自己动手了，在制作大屏之前要准备进行相关的工作。一般企业来说，需要通过以下几个步骤。

一、准备数据

我们国家需要准备好相关数据，通过进行分析图表可以将其展示出来。这些信息数据主要包括要展示的业务应用场景的数据源及各分析图表所需要的数据集等。准备好之后，在设计一个平台上传或者没有设置路径等，方便制作时调用数据。

【数据】栏里，专业配置模式可支持从各种数据库、表、文件中选择数据使用。

简单配置使用，只需在右边直接输入或修改数据。

二、整理素材

即大屏所需要用到的图片，音频、视频及其它企业类型进行素材。比如研究背景以及图片，组件通过图片，标题装饰图等等。准备好我们这些，可以在平台信息系统安全管理页的素材模块里上传。

在生产中可以直接选用。

三、版式布局和主题风格

根据系统设计图，分配利用好大屏各数据管理模块的布局和位置。

在主题设计风格研究方面，数据大屏平台会内置了丰富的主题样式，用户只需要根据市场需求信息进行分析选用修改。

四、组件美化

将大屏框架和主题设计风格弄好之后，就可以通过细化组件可以进行美化，绑定数据，设置一个组件外观等。这样可以使学生我们需要制作的可视化大屏更加具有美观，更加酷炫。

因为数据屏幕的主题大部分是暗色的，所以应该为组件和文本使用稍微明亮一点的颜色。较浅的颜色会使图表和文字更加明显，可以给观众引人注目的视觉冲击。

每个组件都可以使用调色板在右边的[属性]列中自定义它的颜色。

另外还可以给各个系统组件的小标题，添加时间增加企业多个装饰性素材，合适的背景。这里我们又从事先没有准备好的素材库里挑了个元素分析出来，效果进行如下。

其他部件也使用相关的制造方法。根据设计图纸一路向下，做出完美的酷炫感，用数据屏技术完成数据感，下面显示数据屏移动版。

（职场薪酬情况-移动端）

如果对大屏数据可视化感兴趣，可以登迪赛智慧数可视化互动平台进行体验。