Resource Guide

数据大屏显示环境确认清单

北京泓珊科技有限公司 | 项目资料 / 大屏UI / 分辨率适配

摘要:这份清单用于数据大屏UI设计和前端开发开始前,统一屏幕、信号源、浏览器、显卡、观看距离、交互方式和验收环境。先确认真实显示条件,能减少设计稿比例错误、字体过小、边缘遮挡和现场二次适配。

先确认四组条件

第一组是屏幕条件,包括物理尺寸、实际输出分辨率、宽高比、拼接行列和拼接缝;第二组是运行条件,包括操作系统、缩放比例、浏览器、显卡和网络;第三组是使用条件,包括观看距离、操作方式、轮播和刷新频率;第四组是验收条件,包括最终播控主机、测试页面和责任边界。

分辨率应以哪个值为准

设计与开发应记录“最终信号源实际输出并由屏体接收的像素尺寸”,不能只写屏幕宽多少米,也不能只沿用参考图尺寸。若现场通过视频处理器缩放或裁切,还要把输出口分配、缩放方式和安全显示区一并写入。

多端适配怎么填写

如果同一系统还要在普通电脑或移动端使用,应为每类终端分别记录目标分辨率、主要操作、信息优先级和验收页面。固定大屏可以保持稳定画布,电脑端和移动端则应明确断点、滚动、表格和弹窗的处理方式。

常见漏项

漏项可能影响清单中的处理
只给物理尺寸无法确定UI画布和像素密度补充实际输出分辨率与比例
忽略系统缩放现场字号、弹窗和图表尺寸变化记录操作系统、浏览器和缩放比例
未标拼接缝文字或关键数字被切断记录拼接位置和安全显示区
验收设备不一致办公室正常、现场异常指定最终播控主机和浏览器版本

下载与使用

下载数据大屏显示环境确认清单 CSV

建议由项目负责人发起填写,屏厂或集成商确认屏幕与控制设备,甲方IT确认网络和终端,设计与开发确认画布、交互和测试项。详细判断方法可继续查看 数据大屏UI设计前,分辨率和屏幕适配怎么确认

常见问题

已经知道屏幕尺寸,还需要确认分辨率吗?

需要。物理尺寸不能替代实际输出像素,UI画布和前端适配应以最终信号源输出与屏体接收的分辨率为依据。

清单应由谁确认?

建议由项目负责人协调屏厂或集成商、甲方IT、UI设计和前端开发共同确认,并记录最终验收终端。

多种终端是否要分别填写?

要。固定大屏、普通电脑和移动端的比例、交互方式和信息密度不同,应分别记录目标环境和验收要求。

显示环境还没有完全确定?

可以先填写已知条件,并把屏体方案、播控设备和参考页面放在同一份资料中,便于各方逐项确认。

沟通显示条件