目前大屏做了好多个，详细案例参考：

YYDatav的数据可视化《精彩案例汇总》（Python&Echarts源码）_YYDataV的博客-CSDN博客

总结下行业上常用的几种大屏布局版式，主要分为两大类：

一.【主次分布】

主要用于突出显示大屏的主次信息，形成对比。比如有一个地图 chart，其他数据则用于辅助分析这个地图 chart。

布局一

布局二

布局三

布局四

布局五

二. 【平均分布】

一般用于平铺展示，不存在主次关系，常用的有 9宫格（3*3）或 12宫格（3*4），通常用于二级页面。

**1. 12宫格（3*4）适用于 16:9 宽屏**

2. **9宫格（3*3）适用于 4:3 屏幕**

注：16:9 宽屏和 4:3 的区别

16:9 是指显示器的宽高比，根据人体工程学的研究，发现人的两只眼睛的视野范围是一个长宽比例为16：9的长方形，所以电视、显示器行业根据这个的黄金比例尺寸设计产品。

16：9 比例分辨率有如下几种：

1、3840×2160 （超高清 4K），它是2K投影机和高清电视分辨率的4倍，属于超高清分辨率。
2、2560X1440 （2K），数字电影联盟主导2K分辨率的标准。在数字电影制作中，2048×1556 为进入 2K 的门槛，分辨率的标准来自传统的超级35毫米电影。
3、1920×1080 （1080p全高清），是一种在逐行扫描下达到1920×1080的分辨率的显示格式。是数字电视和计算机技术的完美融合。
4、1600×900，1600*900壁纸的适用范围比较小，只有15.6寸本本和20寸的液晶显示器。
5、1366×768，被大多数液晶电视所采用，如一般32英寸的液晶电视分辨率通常为1366×768。

4:3 比例分辨率

常见的分辨率有640＊480，800＊600，1024＊768，1200＊900，1600＊1200，1920＊1440等，估计1600＊1200是最大的，像1920＊1440和其它更大分辨率只是显卡支持，并没有合适的屏幕与其配套。

注：参考资料

做大屏怎能离得开颜色设计？~ 具体请参考博文：

一文详细阐述UI设计颜色搭配，受益匪浅~_YYDataV的博客-CSDN博客_ui配色心理学家认为，人的第一感觉就是视觉，而对视觉影响最大的则是色彩。一图概括色彩意向：色系色彩意向红色系热情、张扬、高调、艳丽、侵略、暴力、血腥、警告，禁止橙色系明亮、华丽、健康、温暖、辉煌、欢乐、兴奋、热烈、温馨黄色系温暖、亲切、光明、疾病、懦弱、智慧、轻快绿色系希望、生机、成长、环保、.https://blog.csdn.net/lildkdkdkjf/article/details/120389349

2 数据可视化大屏 - 布局相关推荐

4 数据可视化大屏 - 布局： BootStrap 之网格Grid
目录一.最简单的例子二.网格grid特性三.自动布局列 1.列自动等宽度 col 2.设置某一列宽度,其余列自动等宽度 3.可变宽度内容 col-{ breakpoint }-auto 四.响应 ...
Qt编写数据可视化大屏界面电子看板12-数据库采集
一.前言数据采集是整个数据可视化大屏界面电子看板系统核心功能,没有数据源,这仅仅是个玩具UI,没啥用,当然默认做了定时器模拟数据,产生随机数据,这个可以直接配置文件修改来选择采用何种数据采集方法,总 ...
elementui的tree组件页面显示不出数据_只要10分钟，教你配置出炫酷的数据可视化大屏...
在电影<摩天营救>中,监控中心的全方位展示屏幕给人印象深刻.现在这种立体化大屏幕似乎成了好莱坞大片的标配.其实,这种逼格很高的镜头就是一个数据可视化大屏.随着社会信息化的高速增长,数据可视 ...
大数据可视化大屏设计经验，教给你！
前言大数据产业正在用一个超乎我们想象的速度蓬勃发展,大数据时代的来临,越来越多的公司开始意识到数据资源的管理和运用,大数据可视化大屏展示被更多的企业青睐,身为UI设计师的我们,也要紧跟时代的 ...
怎么做数据可视化大屏？从设计到上线，一般用这3类工具
数据可视化大屏成为了这两年很火爆的一个需求. 一方面,不少甲方都想做这么酷炫的大屏,用于公司展厅.日常经营监控,还有些特殊行业如交通.运输.工厂制造,会做更高级的3D建模等. 另一方面,市面上可提供做 ...
如何制作数据可视化大屏
这两年,数据可视化大屏在数据报告中的占比越来越大,企业和政府会更倾向于选择炫酷大屏进行数据分析展示.炫酷大屏不仅能实时监控重点数据,提高决策效率,放在公司会议室,展台等地方,还能提升公司形象. 作为一 ...
企业数据可视化大屏的三大优势
数据可视化屏幕是自主分析系统的解决方案,为企业提供直接表现结果,使业务人员和企业决策者直观面对数据背后的信息.市场上销售的自助分析工具是为企业提供的分析工具. 数据可视化是指通过图表.图形.地图等视觉 ...
数据可视化大屏有哪些优势
数据可视化大屏系统是目前在可视化领域非常热门的一个话题,该系统也是智慧园区内非常重要的一个组成部分,一个优秀的数据可视化大屏系统是在功能.模块.布局.色彩.图标.动效等各个方面的灵活综合运用,那么,与 ...
数据可视化大屏的应用与落地实践
本篇文章为亿信华辰<数据可视化大屏的应用与落地实践>视频直播稿件. 大家晚上好,欢迎来到小亿直播间!本次直播我们分享的主题是:数据可视化大屏的应用与落地实践.我们将会从4个方面来进行分享 ...
智慧园区数据可视化大屏的优势分析
数据可视化大屏系统是目前在可视化领域非常热门的一个话题,该系统也是智慧园区内非常重要的一个组成部分,一个优秀的数据可视化大屏系统是在功能.模块.布局.色彩.图标.动效等各个方面的灵活综合运用,那么,与 ...

2 数据可视化大屏 - 布局

一.【主次分布】

布局一

布局二

布局三

布局四

布局五

二. 【平均分布】

**1. 12宫格（3*4）适用于 16:9 宽屏**

2. **9宫格（3*3）适用于 4:3 屏幕**

注：16:9 宽屏和 4:3 的区别

16：9 比例分辨率有如下几种：

4:3 比例分辨率

注：参考资料

2 数据可视化大屏 - 布局相关推荐

最新文章

热门文章

2 数据可视化大屏 - 布局

一.【主次分布】

布局一

布局二

布局三

布局四

布局五

二. 【平均分布】

1. 12宫格（3*4）适用于 16:9 宽屏

2. 9宫格（3*3）适用于 4:3 屏幕

注：16:9 宽屏 和 4:3 的区别

16：9 比例分辨率有如下几种：

4:3 比例分辨率

注：参考资料

2 数据可视化大屏 - 布局相关推荐

最新文章

热门文章

**1. 12宫格（3*4）适用于 16:9 宽屏**

2. **9宫格（3*3）适用于 4:3 屏幕**

注：16:9 宽屏和 4:3 的区别