数据可视化千变万化，怎么确定大屏的设计尺寸？

可视化火爆，大屏火爆，大屏的尺寸也是有讲究的，我们今天来学学如何设计大屏尺寸呢？

我们设计的可视化大屏通常可以分为两类：一类是拼接屏，由46-55寸的液晶显示屏拼接而成，有一定的缝隙；

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

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

大屏和电脑同比例设计

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

比如电脑屏幕分辨率为1920*1080，那设计稿就可以是这个尺寸，当电脑屏幕是3840*2160（4K）屏时，可以用1920～3840*1080～2160同等比例任意数值。

当电脑是4k分辨率时，虽然设计稿用1920*1080的设计尺寸也可以实现，但最终在大屏的呈现画面清晰度不够高。

原因是开发人员用1920*1080适配了4k分辨率，这本身就是同比放大关系，再加上投放中的画质损失就会更明显，不过基本上也是可以接受的范围内。

虽然画质影响不大，但优先级上更推荐电脑本身的分辨率3840*2160作为设计稿尺寸，这样1比1的呈现最能保证画面质量。

大分辨率的设计尺寸还有个优势就是可以呈现更多的内容，同时在设计上的字号也要相对更大，比如1920上面16px字号，3840最好也能做到两倍左右的放大。

当然也完全可以用1920*1080设计尺寸设计，最后导出4k尺寸，也就是2倍图，包括切图也是导出2倍图。

总结：

当大屏电脑比例一致，电脑屏幕分辨率为1920*1080时，设计稿为电脑分辨率尺寸大小；

分辨率为3840*2160时设计稿优先级是3840*2160、1920*1080、之间同比例数值，当小于电脑分辨率时开发方式要适应屏幕大小。

大屏和电脑不同比例设计

说完同比例的大屏电脑设计，接下来说不同比例的情况，一般的问题都出在了不同比例的设计上。

当大屏和电脑屏幕是不同比例时，牢记一点，一定要保证大屏的展示是正常的，这是必须的。

重要知识点解析

下面要讲的非常重要，就是大屏的字号使用问题，因为字号返工是一件非常恐怖的事（经验之谈），可能需要改样式，甚至重新设计都不为过。

我们都知道大屏的开发本身就是基于web端，网页中最小字号为12px，但这个字号在大屏中会显的很小。

因为大屏本身很大，观者需要站在较远地方才能看全貌，所以在字号上最好能相对大一点。

当然也是针对重要信息的文字，一些图表刻度尺的数值，装饰性的文字，小一些没有关系。

总结：

1、大屏设计字号要相对使用大字号

2、当大屏比例更大时，要相应的调整字号

3、设计师对大屏的本身和使用环境考察

数据可视化是亿信华辰最擅长的一件事，我们提供数据可视化的软件，可以看看我们的大屏效果，如果对大屏设计有问题，还可以看看我之前的文章：