数据可视化大屏该设计多大尺寸?

用户头像
成都/UI设计师/4年前/2081浏览
数据可视化大屏该设计多大尺寸?

为了高效顺利地完成设计目的,前期设计尺寸的准确性尤为重要。

这篇文章可以为你解决如下问题:

。假如项目没有给到投屏方式,设计师该如何确定最优投屏方式?

。不同的投屏方式,对应的设计分辨率是多少呢?


投屏方式1:一台电脑等比投屏   

大多数情况,大屏的设备分辨率比例和主流显示器分辨率比例相同,这时投屏方式简单,直接用一台电脑投屏就能保证大屏等比且全屏显示。(有时需要更改电脑显卡分辨率比例来和大屏保持一致)。

这种情况的设计分辨率:按照电脑的输出分辨率数值设计一稿尺寸即可。


问题:假如电脑的输出分辨率是1920*1080,大屏设备分辨率是3840*2160,大屏在4k范围内,可以按照大屏分辨率设计吗?不能,因为是电脑屏幕投屏,大屏的显示分辨率是由电脑的输出分辨率决定的,设计再大都是固定不变的。


投屏方式2:一台电脑投屏  

如果电脑显卡分辨率不能保证和大屏比例相同,但是比例差别不大,这时有一点差别没关系,也可以用一台电脑投屏。

这种情况的设计分辨率:按照电脑的输出分辨率数值设计一稿尺寸即可,牺牲一点大屏的显示面积也没关系。


投屏方式3:电脑组合投屏  

如果是宽长的大屏,可以试一试用两台电脑组合投屏的方式,验证能否和大屏比例相同。比如3840*1080的大屏,就可以由两台1920*1080的电脑投屏。

这种情况的设计分辨率:按照两台电脑组合后的输出分辨率数值设计一稿尺寸。比如上面的例子设计分辨率就是宽1920*2,高1080。


投屏方式4:多台电脑投屏  

有时大屏需要分屏显示,即多个信号投到一块大屏上,那么就需要一路信号,一个投屏设备。

这种情况的设计分辨率:有几路信号,就设计几稿尺寸,每路信号按照投屏设备的输出分辨率设计。



投屏方式5:电脑,手机,ipad通过软硬件实现的非屏幕直投  

有些特殊情况,电脑投屏无论是更改显示分辨率还是组合的方式,都和大屏比例差别大,那就不能采用屏幕直投的方式,需用电脑,或手机,ipad通过软硬件去控制大屏,这时的大屏输入信号和小屏的输入信号是不同的,所以大屏和小屏要分开设计,还需去现场调试大屏显示。

这种情况的设计分辨率:按照小屏和大屏比例设计两套尺寸。对于大屏,在4k分辨率内,按照比例设计即可;而电脑,手机,ipad直接按照显示器分辨率设计。



总结

设计分辨率一定要保证4k以内,不然后很卡。

最优投屏方式的目标是保证大屏的显示正常。

投屏方式不同,设计稿的数量就不同,设计分辨率不同。屏幕直投,设计一稿尺寸,且按照电脑输出分辨率设计;非屏幕直投,设计大屏和小屏两稿尺寸。


下一篇谈谈:大屏布局原则  

更多文章请关注番茄设计!谢谢支持


10
Report
|
54
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in