前端屏幕尺寸和分辨率_大屏可视化设计尺寸高级指南

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

大屏的类别及成像

我们设计的可视化大屏通常可以分为两类：

• 一类是拼接屏，由46-55寸的液晶显示屏拼接而成，有一定的缝隙。
• 一类是LED屏无缝隙，是由成千上万个LED灯构成像素点，发光像素点之间的距离是LED显示屏的规格，用P值表示，P值越小成像越优秀细腻，对大屏类别的了解，有助于计算设计尺寸及比例。

大屏成像原理几乎都是投屏，也就是把电脑屏幕通过有线信号投放到大屏上，电脑上呈现什么内容，大屏上就会呈现什么内容。

在电脑上的交互操作大屏会同步进行，这就是投屏，看下图所示，电脑上风景图投放到大屏上显示。

虽然投屏的原理没问题，但这样的展示换成可视化页面就会有问题，不知道你会不会发现，后面我们揭晓。

总结：本章节只需要记住一句话“电脑上呈现什么内容，大屏上就会呈现什么内容”，所以电脑上出现滚条是绝对不可以的。

大屏和电脑同比例设计

首先要强调一点，不可以以大屏的分辨率定义设计稿尺寸，当大屏的比例和电脑屏幕的比例一样时，要结合电脑屏幕的分辨率来定设计稿尺寸。

比如电脑屏幕分辨率为1920*1080，那设计稿就可以是这个尺寸，当电脑屏幕是3840*2160(4K)屏时，可以用1920～