车间数据监控可视化大屏实操来啦
上次写了一篇围绕大屏布局排版、配色、装饰等方面来阐述了灯果可视化制作大屏的一些经验,文中酷炫的大屏效果引起了很大反响,非常多热心的用户留言咨询是怎么做的。今天就以实际案例来教大家按套路做车间数据监控可视化大屏。其他的大屏也是一样的哦!
文章图片
如上图所示是一张可视化大屏效果图,也是今天要教大家实操的内容。我们设计大屏首先要遵循四个基本操作:1)布局排版 2)色彩搭配 3)大屏装饰 4)动画效果
?布局排版
文章图片
根据这个12等分排版改成自己需要的布局排版,如下图所示:
文章图片
确定每个部分的组件:
文章图片
说实话没有经过颜色的改良看着也一般,也觉得很拥挤,所以色彩的搭配也大屏装饰就显得尤为重要了。
?色彩搭配:
文章图片
经过一番色彩搭配是不是要好看多了呢,但还是觉得哪里怪怪的对嘛?没错,少了边框以及背景装饰,让我们加上大屏装饰看看效果吧
?大屏装饰:
背景色也选用了深色系,在之前的文章中也提及到,一般我们常见的报表颜色都以蓝色为主,蓝色不仅具有沉稳的特征,而且在商业中强调科技,用蓝色来制作报表是一款怎么样都不会出错的颜色。
而边框的制作经过多种选择之后,最终决定使用这种边框效果,简单却又不失美感。
文章图片
那就让我们一起来看看整个大屏装饰之后是什么样的吧
文章图片
整体看起来是不是很不错,但是标题是不是有点空空的呢,让我们再装饰一番吧
文章图片
左右线条对称能够提升美感,然后导入到大屏中一起看看整体的效果吧!
文章图片
这样一张大屏能否满足您的需求呢,有人说想要动画效果的大屏,那么我们也可以满足您的需求。
文章图片
文章图片
?动画效果:
灯果可视化可以对各组件开启展示动画效果,也可在属性栏中开启特效。
最终大屏效果图如下:
文章图片
(车间数据监控大屏)
点击图片即可免费浏览
【车间数据监控可视化大屏实操来啦】以上的大屏展示皆由灯果可视化制作
想要了解更多详情请点击下方灯果可视化官方网址吧
www.dengguobi.com
推荐阅读
- Docker应用:容器间通信与Mariadb数据库主从复制
- 使用协程爬取网页,计算网页数据大小
- Java|Java基础——数组
- Python数据分析(一)(Matplotlib使用)
- Jsr303做前端数据校验
- Spark|Spark 数据倾斜及其解决方案
- 数据库设计与优化
- 爬虫数据处理HTML转义字符
- 数据库总结语句
- MySql数据库备份与恢复