大数据大屏设计尺寸有哪些?

UI设计 yekong

常见的数据大屏设计尺寸是根据当前电脑显示分辨率来的一般都是1920*1080.

重要目标预警与智慧分析系统数据大屏UI设计案例这款数据大屏的尺寸就是1920 * 1080.当然除了1920 * 1080的外还有其他尺寸的,比如有些大屏页面是要求在4k显示器上显示,所以尺寸要求是3840*2160。

也有在特殊比例的屏幕上显示的数据大屏页面,比如4480 * 1920的以及8160 * 2160的。
总的来说尺寸大概有如下
3840 * 2160
1920 * 1080
4480 * 1920
8160 * 2160

项目实现

在数据大屏设计ui设计图完成后交由前端实现时,除了特殊比例的数据大屏按照固定尺寸来写外,一般1920*1080比例的设计图在html切图时是需要自适应屏幕的。根据屏幕的大小进行自适应变化。

1920*1080尺寸设计图效果展示

1920*1080尺寸设计图

8160*2160比例设计图效果展示

8160*2160比例设计图效果截图以及演示
vue 超大屏案例 机电工程 8160*2160

4480*1920比例设计图效果展示

4480*1920比例设计图效果截图以及演示
天津智能化制造基地 案例展示

3840 * 2160比例设计图效果展示

3840 * 2160比例设计图效果截图以及演示
数据大屏 大屏看板

喜欢