数据可视化大屏设计

news2025/8/9 21:05:06

在数据业务展示场景中,数据可视化大屏已经变得十分常见。那么在设计思路上,数据可视化大屏应当遵循什么样的设计逻辑?本篇文章里做了介绍,一起来看一下。
一、数据大屏的应用场景
1、大型会议
2、业务展示
二、数据大屏分类
1、展示类:一般是对外展示业务整体公开数据等。此类大屏对交互性要求不高,主要侧重美观设计。
在这里插入图片描述

2、监控类:一般是针对业务监控,实时跟踪业务数据变化,对异常数据及时告警。一般用于运营/运维中心、智慧城市(交通/园区/政务)、交易大厅等
在这里插入图片描述

3.分析类:展示和分析实际具体的业务数据并对数据进行分析统计,
在这里插入图片描述

三、数据大屏布局排版
数据大屏布局排版一般将核心数据放在中间,次要数据指标放在两边或者周围,以下是几种排版布局:
1.中心环绕

在这里插入图片描述

2、左右分布
在这里插入图片描述
在这里插入图片描述

3.上下分布
在这里插入图片描述
在这里插入图片描述

四、大屏设备及尺寸设计
1、设备
可视化大屏通常分为两类,一类是LED屏、一类是拼接屏,但现阶段大屏几乎都是拼接屏。
小间距 LED 墙:和拼接屏类似,由小单元 LED 显示设备组成,基本上看不出有拼接缝。
拼接屏由多块46-55寸的液晶显示屏拼接而成,分辨率一般为16:9

其中无缝隙拼接屏,市场占有率较高。在做设计前,我们需要先了解大屏物理尺寸及视频输出分辨率,来确定设计稿尺寸。

2、设计尺寸
当大屏与投屏电脑比例一致,电脑屏幕分辨率为19201080时,设计稿为电脑分辨率尺寸大小;分辨率为76804320时设计稿优先级是76804320、38402160、以及之间的同比例数值;当小于电脑分辨率时,开发方式要适应屏幕大小

五、数据大屏案例
1、医防融合数据大屏
在这里插入图片描述
2、餐饮数分析
在这里插入图片描述
3、在线教育数据大屏在这里插入图片描述
4、酒店数据大屏在这里插入图片描述
了解更多案例

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/34039.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

阿里云新用户滑块验证不过,阿里云滑动验证流程及线上问题排查

滑动验证是阿里巴巴集团提供的一种验证码解决方案,采用风险分析引擎,有效区分来自人类与机器人的访问行为并拦截机器风险,为您提供安全可靠的业务环境。 下图是滑动验证在用户客户端的展示效果。 产品介绍:阿里云验证码&#x…

5.XMLHttpRequest对象

XMLHttpRequest简称xhr,是浏览器提供的Javascript对象。之前我们使用的都是jQuery中的Ajax,现在我们使用原生JS的Ajax 目录 1 GET请求 1.1 不带参数请求 1.2 带参数请求 2 URL的编码与解码 2.1 编码 encodeURI() 2.2 解码 decodeURI() 3 …

计算机网络——TCP连接管理

本文将会介绍如何建立和拆除一条TCP连接,TCP的连接会显著的增加人们感受到的时延(尤其是在Web冲浪时)。同时一些常见的网络攻击SYN洪范攻击利用了TCP连接管理的弱点。 假定运行一台主机(客户)上的一个进程想和另一台主…

Spring中各种注解的使用说明汇总清单

目录 一、放在最开始方法的外侧的注解 1、ControllerAdvice: 2、ResponseBody 3、slf4j 4、Configuration 5、Component 6、Mapper 7、Service 8、RestController RequestMapping("/路径") 9、EnableTransactionManagement和Transactional&…

maven学习:maven安装、maven仓库、Idea配置maven

一、maven安装 1.1 下载maven Maven的版本对应的jdk和发布日期:Maven – Maven Releases History 到官方网站下载maven,网站: Maven – Download Apache Maven 如下图: 下载maven之前的版本:Index of /dist/maven/maven-3 注意: idea与maven的版本需要兼容, 所以我…

Python学的好,工作不愁找

俗话说的好:“Python学的好,工作不愁找”,不管我们学习哪一门语言,我们都要掌握从抽象化中提取出来的方法,这样你才能提高我们的学习能力,并且在学习新事物的时候可以提取我们自己的想法。学习Python&#…

基于SpringBoot的仿小米商城系统

仿小米商城分为前后台,分为用户和管理员两种角色,管理员可以登录后台管理系统~ 可以作为毕设~也可以作为学习的项目~ 前台部分运行截图如下所示 后台部分运行截图如下所示 拒绝白嫖!20分享源码!want to get it 私 me&#xf…

Java入门简单小游戏有哪些?

适合新手练习的小游戏有超级玛丽、愤怒的小鸟、飞机大战、五子棋、彩虹雨、聊天室、华容道、坦克大战、扫雷等。还有贪吃蛇,由Java开发出来的一款经典小游戏,java小白入门可以用这款游戏开发练手锻炼自己的编程能力。 教程推荐:玩会Java&…

【Linux】(六)MobaXterm文件传输与终端-实验室服务器使用MobaXterm传输文件和ssh终端连接

MobaXterm系列文章文件传输或远程终端(MobaXterm)系列文章 (一)服务器初次配置及安装vncserver (二)实验室添加新用户及其配置vnc4server、xfce4桌面访问流程 (三)VNC桌面连接开发方…

C++初阶(stack+queue)

stack是一种容器适配器,专门用在具有后进先出 (last-in first-out)操作的上下文环境中,其删除只能从容器的一端进行元素的插入与提取操作。stack是作为容器适配器被实现的,容器适配器即是对特定类封装作为其底层的容器,并提供一组…

Unity RectTransform 组件

文章目录1.RectTransform 介绍2.Anchor 锚点3.Pivot 轴心点4.RectTransform API 属性4.1 anchorMax、anchorMin —— 锚点矩形4.2 offsetMax、offsetMin —— 偏移量4.3 rect —— 矩形类4.4 sizeDelta —— UI坐标4.5 anchoredPosition —— UI坐标5.RectTransform API 方法5.…

数据可视化 | Tableau从入门到高手 入门联接关系数据预处理

Tableau 人人可用、处处可用的分析 Tableau 是一个可视化分析平台,它改变了我们使用数据解决问题的方式,使个人和组织能够充分利用自己的数据。利用 Tableau 查看并理解任何数据。 Tableau Software 可以帮助人们查看并理解数据,可连接到几乎…

蓝桥杯实战应用【算法代码篇】-基于数组实现线性表

前言 线性表是由有限个具有相同性质的元素构成,结构上要求,非表头和表尾元素有且只有一个前驱和后继。对于表头和表尾元素,如果是没有环的线性表,则表头元素没有前驱,表尾元素没有后继。如果有环则均存在前驱和后继元素。对于线性结构,有两种保存的方法,一种是使用C语言…

Spring Boot Admin -Actuator 图形化管理工具

Spring Boot Admin 概述 之前学习了Spring Boot Actuator的特性,它能够是开发者很便捷的监控系统的各种指标,但是有一个很大的问题 — 不够直观。今天来学习下Spring Boot Admin。Spring Boot Admin 是一个免费的开源社区项目,用于监控、管…

Java多线程:从基本概念到避坑指南

本文为掘金社区首发签约文章,未获授权禁止转载 多核的机器,现在已经非常常见了。即使是一块手机,也都配备了强劲的多核处理器。通过多进程和多线程的手段,就可以让多个CPU同时工作,来加快任务的执行。 多线程&#xf…

户外运动耳机推荐、这几款耳机专为户外运动而生

随着夏日的艳阳离去,秋意渐浓。在这个最适合郊外野游,最适合户外运动的季节,我们当然不能继续做我们的宅男宅女,而应该放任自己到野地里去撒一回野。当然,对于没有数码产品一天都不能活的你来说,即使行走在…

debug(二)(还没完)

视频来源:尚硅谷_宋红康_IDEA2022版本的安装与使用 【【尚硅谷】IDEA2022全新版教程,兼容JDK17(快速上手Java开发利器)】 https://www.bilibili.com/video/BV1CK411d7aA?p16&vd_source581d732b20cb23e01428068f153a99ed I…

Spring Security(5)

您好,我是湘王,这是我的CSDN博客,欢迎您来,欢迎您再来~ 经常上网的人都应该有这样的体验:很多网站或者APP只需要第一次登录时输入用户名和密码之后,后面很长一段时间内就不需要再次输入密码了。…

48种数据分析可视化图表

可视化对于数据分析师来说可能不是最重要的,重要的是你分析或挖掘出来的结果是否有效。在这基础之上就需要通过可视化恰当完整的表达见解。这里又有区别了:实用性和美观性哪个更重要?要我说实用性是第一位的,能用一个元素表达最好…

python中的GUI自动化工具介绍

目录 1.pyautoGui 2.Lackey 3.AXUI 4.winGuiAuto 5.pywinauto 6.总结 1.pyautoGui PyAutoGUI是一个纯Python的GUI自动化工具,通过它可以让程序自动控制鼠标和键盘的一系列操作来达到自动化测试的目的。PyAutoGui 也一个流行的跨平台库(具有基于图…