数据可视化大屏设计尺寸怎么定?


大屏可视化的设计尺寸定义,一直是很多设计师苦恼的一件事,很多时候大屏出现的问题,都是因为对设计尺寸没有一个正确的认识导致。
比如大屏内容呈现不全、拉伸、压缩、字号小的看不见等等,出现这样的问题就会浪费时间调整返工,今天我就带大家来认认真真的讨论一下大屏的设计尺寸。

一: 大屏的类别及成像  
我们设计的可视化大屏通常可以分为两类:
一类是拼接屏,由46-55寸的液晶显示屏拼接而成,有一定的缝隙;  
一类是LED屏无缝隙,是由成千上万个LED灯构成像素点,发光像素点之间的距离是LED显示屏的规格,用P值表示,P值越小成像越优秀细腻,对大屏类别的了解,有助于计算设计尺寸及比例。
二: 大屏成像原理几乎都是投屏,也就是把电脑屏幕通过有线信号投放到大屏上,电脑上呈现什么内容,大屏上就会呈现什么内容。

在电脑上的交互操作大屏会同步进行,这就是投屏,"电脑上呈现什么内容,大屏上就会呈现什么内容”,所以电脑上出现滚条是绝对不可以的。

三、了解几种关键的分辨率
我们了解了投屏原理之后,我们可以知道大屏最终输出效果(这里主要指比例和清晰度)不仅与屏幕种类有关,还和大屏系统硬件规格密切相关,这里有四个概念需要和大家交流一下:

  1. 大屏逻辑分辨率(设计稿尺寸)

  2. 显卡输出分辨率

  3. 视频矩阵切换器(DVI)支持分辨率

  4. 大屏实际物理分辨率

后两者一般是不会出现问题的,大屏跟矩阵切换器是由大屏厂商提供,是配套使用的。
容易问题的是第二点显卡输出分辨率,我们电脑屏幕分辨率并不是最终显卡传递到DVI接口的分辨率,传递到DVI接口的分辨率是电脑显卡所能输出的最大分辨率(部分电脑可设置或自定义输出分辨率)。输出分辨率大于或者等于DVI支持分辨率时显示效果最佳。

输出分辨率低于DVI支持分辨率,DVI会将信号放大后传递到大屏,放大的过程中就有图像信息丢失,虽然此过程中有各种算法支持去保证图像尽可能清晰,但算法再好,跟真实图形还是有差距的。

即(显卡输出分辨率≥视频矩阵切换器支持分辨率≥大屏实际物理分辨率)最佳。

四、如何确定大屏设计稿尺寸
一般情况下我们以大屏实际物理分辨率来定义设计稿尺寸,因为一比一还原最能保证画面质量。

如果屏幕尺寸过大,我们可以将大屏实际物理分辨率等比例缩小。例如,大屏的尺寸达到了7680*4320,这样我们可以得出是16:9的比例。我们设计师可以将设计稿根据比例等比例缩放至76804320到19201080同等比例任意分辨率

假设电脑显卡所能输出的最大分辨率尺寸为4K,则设计稿就选用3840*2160。我们的设计稿尺寸应按物理分辨率等比缩放,缩放后的尺寸应尽可能接近电脑显卡所能输出的最大分辨率。

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐