暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

大屏可视化设计-入门指南

宝略科技 2021-08-05
793

随着政府数字化改革的不断推进,可视化大屏逐渐成为各级政府展现改革标志性成果的重要窗口。宝略科技为智慧城市建设提供大屏可视化决策系统,持续发挥自身的技术、经验优势,助力我国智慧城市落地应用与政府业务决策和服务向智能化、数字化方向转型升级。

宁波城市大脑:宁波数字化改革重大标志性工程,按照浙江省数字化改革“1+5+2”的架构,构建了政府甬效、经济甬强、民生甬惠、法治甬先、数字甬智六大应用,汇集了25个部门系统、100多亿条数据,并在L屏上集中展示。

绍兴古城保护驾驶舱大屏:绍兴古城保护“数字大脑”已构建起全方位、立体式、数字化保护体系,通过对古城内的现状、风貌、格局和建筑风格等对象进行数字化扫描,建立可视化的实景模型,打造成全风貌、大格局数字化管控体系。古城保护“数字化大脑”还利用“互联网+大数据引导”的管理理念,助力全区域、惠民数字化服务体系,实现古城休闲旅游便捷化、城市管理精细化。

大屏数据可视化是以大屏为主要展示载体的数据可视化设计,今天我们要分享的是在智慧城市背景下复杂、抽象的城市数据做高效的可视化展现的大屏设计。

本篇文章将结合业务端大屏可视化设计经验,来介绍大屏可视化设计的基本知识。


通过阅读,你可以学习到如下知识点:

1.了解市场上常见的大屏及其优缺点

2.掌握大屏的投屏原理和交互方式

3.确定合适的大屏可视化设计尺寸

一 、大屏分类

目前市场上的大屏主要分为4种:

1. 拼接屏:市面上常见DLP、PDP、LCD 拼接屏,有拼接缝隙,设计时要建立缝隙参考线,避免显示偏差。

2. LED无缝屏:用P值衡量清晰度,P值指像素间距,越小显示越细腻。

3. 投影屏:投影仪投影的形式,效果没有前两种好。

4. DLP激光无缝大屏:面上还有一种DLP激光无缝大屏,无物理缝隙,显色也好,但是占比低。

其中拼接屏和LED无缝屏是最为常见,他们的优缺点也不尽相同。

二、大屏投屏原理

可视化大屏展示方式几乎全是投屏,就是将PC机通过信号投放到大屏上,交互操作方面也是同步进行,就像镜像屏幕一般。

投屏方式大致分为无线投屏和有线投屏。

(一)无线投屏

无线投屏的基本原理如下图所示:

(二)有线投屏

一般应用在交易大厅、展览中心、管控中心的大屏尺寸非常大,对硬件系统的要求也非常高,往往采取有线投屏的方式。有线投屏根据输入信号的不同分为电脑屏幕直投信号输入和主机信号输入。

电脑屏幕直投方式输入信号:

大屏与电脑建立连接,将电脑显示的画面以点对点的方式投放到大屏上,就是大屏接收图像的像素和大屏的设备显示像素点一一对应,最后通过操作电脑控制大屏。这种情况一定是输出分辨率和大屏分辨率相同,这种投屏的优势是像素不会被放大,还原度好。

当接收信号的分辨率和大屏设备分辨率不同时,则会采用非点对点投屏。这种情况下电脑显示的画面被拉伸或出现滑条,会导致操作电脑出现误差。

投射的信号输入可以是一台显示器,也可以是多台显示器组合;可以是一路信号,也可以是多路信号。(如下图)

主机信号输入:

通过软硬件配合,可用电脑、手机、ipad、控制台、触控屏、红外线触控屏等,与大屏建立连接达到控制大屏的目的,此时大屏的输入信号是主机、与电脑、手机、ipad信号无关。

电脑分辨率比例和大屏有严重偏差时,采用这种信号输入方式。

三、了解几种关键的分辨率

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


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

2. 显卡输出分辨率

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

4. 大屏实际物理分辨率


后两者一般是不会出现问题的,大屏跟矩阵切换器是由大屏厂商提供,是配套使用的。

容易问题的是第二点显卡输出分辨率,我们电脑屏幕分辨率并不是最终显卡传递到DVI接口的分辨率,传递到DVI接口的分辨率是电脑显卡所能输出的最大分辨率(部分电脑可设置或自定义输出分辨率)。输出分辨率大于或者等于DVI支持分辨率时显示效果最佳。

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

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

四、如何确定大屏设计稿尺寸

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

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

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


以上就是本次大屏可视化入门指南的全部内容,希望本文能帮助到参与大屏可视化项目的小伙伴。


- END -

宝略科技公众号持续更新中

点击下方 关注我们

关于我们

在省委省政府数字化改革大旗下,通过多年的案例积累和研发投入,宝略科技围绕数字经济、数字政府、数字社会等,目前已经推出和正在实施包括古城保护、城市更新建设、产业地图、楼宇经济、基层治理、公安防控等多个行业优秀解决方案。未来,宝略科技将进一步以地理信息为视角,创新打造富有宝略特色的深应用、高科技的政府数字化解决方案,成为政府数字化治理的先行者与行业领导者。

编辑 | 吴子安

排版 | 苏珍缘

一审 | 卞婷玉

终审 | 孙   华

文章转载自宝略科技,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论