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


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

布局排版


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

确定每个部分的组件:

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

色彩搭配:

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

大屏装饰:
背景色也选用了深色系,在之前的文章中也提及到,一般我们常见的报表颜色都以蓝色为主,蓝色不仅具有沉稳的特征,而且在商业中强调科技,用蓝色来制作报表是一款怎么样都不会出错的颜色。
而边框的制作经过多种选择之后,最终决定使用这种边框效果,简单却又不失美感。

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

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

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


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


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

最终大屏效果图如下:


(车间数据监控大屏)
点击图片即可免费浏览

以上的大屏展示皆由灯果可视化制作
想要了解更多详情请点击下方灯果可视化官方网址吧
www.dengguobi.com

车间数据监控可视化大屏实操来啦相关推荐

  1. 大数据毕业设计可视化大屏前后端项目分享

    1.前言 很久没有分享过可视化大屏的项目了,距离上次分享基于Echarts的数据可视化大屏系统设计分享这篇可视化系统已经过去了整整一年有余.当时分享这篇博客没想到会收获这么多的阅读量,并且在刚发布的时 ...

  2. 用户数据销售额分析动态大屏看板+大屏数据可视化图表组件(折线图+圆柱图+散点图+饼图+漏斗图+雷达图+水位图)+智能web端高保真大数据动态可视化大屏看板+中国动态地图+智慧电商实时动态数据大屏看板

    作品内容:用户数据销售额分析动态大屏看板+大屏数据可视化图表组件(折线图+圆柱图+散点图+饼图+漏斗图+雷达图+水位图)+web端高保真大数据动态可视化大屏看板+中国动态地图+电商实时动态数据大屏看板 ...

  3. 利用Python搭建一个实时监控可视化大屏

    本文分享使用python搭建服务器应用的监控系统面板,主要流程如下: 1.数据库中创建数据表 2.建立数据库连接 实时数据插入数据表,实时查询更新面板数据准备 3.监控中心大屏制作 具体步骤: 1.创 ...

  4. Axure RP大数据BI可视化大屏原型模板及通用组件库

    对于做大数据交互原型设计时,需要做到很多背景很科技背景,数据统计汇总组件.Axure RP大数据可视化大屏原型模板及通用组件库主要结构由大屏模板.登录界面.入口界面.初始框架.图表组件.设计组件等六大 ...

  5. 大数据前端可视化大屏--前端开发之路

    从2016年开始接触可视化方向,一直想写一篇文章回顾一下这几年踩过的坑,接下来的这段时间里我会不定时的给大家分享一些可视化方面的经验和感悟,发出来跟大家一块分享一下.一起讨论讨论.共同学习进步. 前言 ...

  6. 永洪Desktop实例分享|星巴克数据指标体系建设及炫酷可视化大屏搭建

    点击上方蓝字关注我们 在很久以前分享过一篇用Excel制作炫酷动态看板的文章,很多小伙伴看了之后直呼Excel这种操作极为炫酷,也想实践下这类操作.但是到了真正上手的时候,却发现利用Excel作动态看 ...

  7. 数据大屏|基于Flask搭建数据可视化大屏1

    项目概述 本文主要基于Flask,ECharts等,利用疫情数据搭建可视化大屏,供加深印象学习.学习案例来源网上开源项目,这里进行逐一拆分复现. 应用技术:Python,Flask,ECharts,M ...

  8. 数据可视化大屏案例 总目录

    1. 出入境边防检查站大数据可视化调研分析 2. 物流数字平台 3. 某集团概况 4. Elasticsearch运维监控大屏 5. 大数据计算服务运维 6. 电商实时状态 7. 全球业务态势 8. ...

  9. 三原县地图可视化大屏数据 三原县地图.js

    三原县地图可视化大屏数据 前言 可视化大屏数据 在学习地图可视化数据的时候,发现在网上只能找到省.市.县的地图json数据,到县级别只能到县,数据却不能精确到镇.网上没有三原精确到镇的json数据,于 ...

  10. 4000字干货分享|一文学会搭建炫酷可视化大屏

    在一次浏览网页的过程中,小编偶然间发现一款国产的BI工具永洪Desktop,它完美地解决了上述Excel制作可视化大屏的弊端.这一期内容,小编会以星巴克在中国地区的咖啡销量数据为例,利用永洪Deskt ...

最新文章

  1. 【SAP技术】SAP不能修改一个已经分配给交货单的HU
  2. DPDK — RTE_LOG 日志模块
  3. 最强 Android Studio 使用小技巧和快捷键
  4. 404 单页应用 报错 路由_通过 Laravel 创建一个 Vue 单页面应用(五)
  5. 鹤岗一中2021年高考成绩查询,2021鹤岗市地区高考成绩排名查询,鹤岗市高考各高中成绩喜报榜单...
  6. 人脸识别技术场景应用
  7. Netty之四种常用 IO 模型
  8. 4-3 组件参数校验与非props特性
  9. oracle 数据的定义,oracle——数据定义
  10. java thread与runnable联系区别
  11. MAC-快捷键打开终端
  12. Google 展示广告
  13. 202好看好玩的简单html动画案例
  14. 陆源:阿贝尔对椭圆函数论的贡献[附椭圆函数、模形式(g_2,g_3)、模函数的C++程序计算]
  15. 【联邦学习FATE框架实战】(二)用FATE从零开始实现横向逻辑回归
  16. MFC画带箭头的直线
  17. Caysn打印机IOS平台打印开发包、接口说明文档及示例程序_20170717
  18. 给Extjs2.x GridPanel添加goup系方法
  19. 饥荒自建服务器怎么换人物,《饥荒》服务器端更换人物形象的方法
  20. mot数据集_【多目标跟踪】搞不懂MOT数据集,会跑代码有啥用!

热门文章

  1. 爆款预订,2022 最值得关注的后台框架——Fantastic-admin
  2. codeup21158 循环比赛日程表
  3. Linux TCP Timestamps 没鸟用
  4. 为什么Jmeter 运行时时到达持续时间不停止?
  5. java setbounds无效_为什么即使将setLayout()设置为null后,setBounds()方法也不起作用? - java...
  6. 信号卷积和图像卷积滤波
  7. 神经网络参数初始化方法
  8. 2014年你不用担心的10件事
  9. Ps 初学者教程:如何对多张照片进行美化处理?
  10. 使用虹软SDK实现离线人脸识别(局域网)