在数据业务展示场景中，数据可视化大屏已经变得十分常见。那么在设计思路上，数据可视化大屏应当遵循什么样的设计逻辑？本篇文章里做了介绍，一起来看一下。
一、数据大屏的应用场景
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、酒店数据大屏在这里插入图片描述
了解更多案例

# 大数据
Logo
智屏生态联盟

智屏生态联盟致力于大屏生态发展，利用大屏快应用技术降低开发者开发、发布大屏应用门槛

更多推荐

taro 引用本地图片展示

import { Image } from ‘@tarojs/components’<引用标签>constructor(){super()this.state={img:require(’./case.png’)}}…

avatar 智屏生态联盟

taro 动态设置标题栏、标题栏动画

导航栏文字旁显示加载菊花图Taro.showNavigationBarLoading()Taro.hideNavigationBarLoading()设置标题栏文字Taro.setNavigationBarTitle({title:'xx'})设置标题栏背景色Taro.setNavigationBarColor({backgroundColor:'16进制颜色',frontColor:'#ffff

avatar 智屏生态联盟

taro 获取用户信息getUserInfo、OpenData

getUserInfo:(1)给按钮添加属性和回调openType='getUserInfo'onGetUserInfo={this.回调}(2)在允许获取信息后,通过Taro.getUserInfo获取方式一Taro.getUserInfo({success: function(res) {console.log(res.userInfo);}})

avatar 智屏生态联盟