车间数据监控可视化大屏实操来啦

上次写了一篇围绕大屏布局排版、配色、装饰等方面来阐述了灯果可视化制作大屏的一些经验,文中酷炫的大屏效果引起了很大反响,非常多热心的用户留言咨询是怎么做的。今天就以实际案例来教大家按套路做车间数据监控可视化大屏。其他的大屏也是一样的哦!



如上图所示是一张可视化大屏效果图,也是今天要教大家实操的内容。我们设计大屏首先要遵循四个基本操作:1)布局排版  2)色彩搭配   3)大屏装饰   4)动画效果








[if !supportLists]l [endif]布局排版



根据这个12等分排版改成自己需要的布局排版,如下图所示:












确定每个部分的组件:




说实话没有经过颜色的改良看着也一般,也觉得很拥挤,所以色彩的搭配也大屏装饰就显得尤为重要了。



[if !supportLists]l [endif]色彩搭配:


经过一番色彩搭配是不是要好看多了呢,但还是觉得哪里怪怪的对嘛?没错,少了边框以及背景装饰,让我们加上大屏装饰看看效果吧



[if !supportLists]l [endif]大屏装饰:

背景色也选用了深色系,在之前的文章中也提及到,一般我们常见的报表颜色都以蓝色为主,蓝色不仅具有沉稳的特征,而且在商业中强调科技,用蓝色来制作报表是一款怎么样都不会出错的颜色。

而边框的制作经过多种选择之后,最终决定使用这种边框效果,简单却又不失美感。


那就让我们一起来看看整个大屏装饰之后是什么样的吧



整体看起来是不是很不错,但是标题是不是有点空空的呢,让我们再装饰一番吧


左右线条对称能够提升美感,然后导入到大屏中一起看看整体的效果吧!



这样一张大屏能否满足您的需求呢,有人说想要动画效果的大屏,那么我们也可以满足您的需求。


[if !supportLists]l [endif]动画效果:

灯果可视化可以对各组件开启展示动画效果,也可在属性栏中开启特效。










最终大屏效果图如下:



  (车间数据监控大屏)

点击图片即可免费浏览




以上的大屏展示皆由灯果可视化制作

想要了解更多详情请点击下方灯果可视化官方网址吧

                                              www.dengguobi.com

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。