已经知道屏幕尺寸,还需要确认分辨率吗?
需要。物理尺寸不能替代实际输出像素,UI画布和前端适配应以最终信号源输出与屏体接收的分辨率为依据。
Resource Guide
摘要:这份清单用于数据大屏UI设计和前端开发开始前,统一屏幕、信号源、浏览器、显卡、观看距离、交互方式和验收环境。先确认真实显示条件,能减少设计稿比例错误、字体过小、边缘遮挡和现场二次适配。
第一组是屏幕条件,包括物理尺寸、实际输出分辨率、宽高比、拼接行列和拼接缝;第二组是运行条件,包括操作系统、缩放比例、浏览器、显卡和网络;第三组是使用条件,包括观看距离、操作方式、轮播和刷新频率;第四组是验收条件,包括最终播控主机、测试页面和责任边界。
设计与开发应记录“最终信号源实际输出并由屏体接收的像素尺寸”,不能只写屏幕宽多少米,也不能只沿用参考图尺寸。若现场通过视频处理器缩放或裁切,还要把输出口分配、缩放方式和安全显示区一并写入。
如果同一系统还要在普通电脑或移动端使用,应为每类终端分别记录目标分辨率、主要操作、信息优先级和验收页面。固定大屏可以保持稳定画布,电脑端和移动端则应明确断点、滚动、表格和弹窗的处理方式。
| 漏项 | 可能影响 | 清单中的处理 |
|---|---|---|
| 只给物理尺寸 | 无法确定UI画布和像素密度 | 补充实际输出分辨率与比例 |
| 忽略系统缩放 | 现场字号、弹窗和图表尺寸变化 | 记录操作系统、浏览器和缩放比例 |
| 未标拼接缝 | 文字或关键数字被切断 | 记录拼接位置和安全显示区 |
| 验收设备不一致 | 办公室正常、现场异常 | 指定最终播控主机和浏览器版本 |
建议由项目负责人发起填写,屏厂或集成商确认屏幕与控制设备,甲方IT确认网络和终端,设计与开发确认画布、交互和测试项。详细判断方法可继续查看 数据大屏UI设计前,分辨率和屏幕适配怎么确认。
需要。物理尺寸不能替代实际输出像素,UI画布和前端适配应以最终信号源输出与屏体接收的分辨率为依据。
建议由项目负责人协调屏厂或集成商、甲方IT、UI设计和前端开发共同确认,并记录最终验收终端。
要。固定大屏、普通电脑和移动端的比例、交互方式和信息密度不同,应分别记录目标环境和验收要求。
可以先填写已知条件,并把屏体方案、播控设备和参考页面放在同一份资料中,便于各方逐项确认。