Skip to content

媒介设备

数据可视化设计中设备的分析是至关重要的,而尺寸的准确性,将直接影响到后期的设计、开发、适配及视觉效果清晰度等。为了更加准确高效的完成设计目标,前期确定好设备呈现很关键,也是设计开始的必备条件。

设备场景分析

对于不同的媒介设备,结合海信较多且复杂的使用场景,分析了不同媒介的观感距离、主要交互方式、界面内容层级结构、浏览方式以及设计机会点。

WEBMOBILE大屏机会点
使用场景普通工作场合普通工作场合展厅、展会、会议室、 监控中心等丰富色彩的运用规则;屏幕/观看距离/环境
观感距离30-60cm20-40cm一般在3M以上的观看距离最佳观看距离;字号运用规则
内容载体PC屏幕为主手机屏幕投屏展示、屏幕尺寸多样性较 高多屏互动;画布尺寸
交互方式重操作,帮助快速完成目 标重观看,内容展示为主, 展示当前主题重观看,内容展示为主,展示 当前主题核心页面布局;全局交互定义;不同对象数据设计指导
层级结构信息层级相对复杂,核心 是完成任务展示为主,结构相对简 单,层级下钻为主展示为主,结构相对简单,层 级下钻为主页面层级切换规范;数据读取规范
浏览方式页面流为主,上下滑动来 查看更多内容页面流为主,上下滑动来 查看更多内容页面一屏展示,无需滚动保持还原稳定性;大屏轮播规范
视觉目标简单高效,完成任务核 心,其次视觉清晰更多考虑视觉美观,展示 自身品牌形象更多考虑视觉美观,展示自身 品牌形象大屏科技风;清晰的图表可视化;图表业务逻辑
动效目标较少使用动效较少使用动效需要一些炫酷动效,展示静止 的数据入场、转场等动效;动效规范

硬件设备

可视化中常用的硬件设备一般有拼接屏、LED、投影等形式。不同的硬件设备在设计尺寸时有共性,也存在不同的规则。

LED屏幕

LED 也是现在大屏中常采用的硬件,它的像素点计算及拼接方式与拼接屏有很大区别。拼接方式的不同直接影响到设计的尺寸规则。LED 所呈现的图像是“越远越清晰”,因此清晰度上 LED 相对不高。

LED 大屏是由若干单体屏幕模块组成的,LED 屏有很多规格,各规格计算方法相同。

我们用单体为 500mm500mm 的作为标准计算,每个单体模块像素点横竖都为 128px,如图横向 12 块竖向 6 块,横向像素为 12812=1536px,竖向 128*6=768px。

可以使用横竖总像素去设计。此处规则和之前一样,如果超过 4K 像素时可以等比缩放,尽量保持在 4k 及以下。如有输出像素时按照输出像素设计。

海信国际中心、海信研发中心学术报告厅均为 LED 屏幕

DLP 屏幕

DLP 大屏幕拼接系统以 DLP 投影机为主并配以图像处理器组成的高亮度、高分辩率、色彩逼真的电视墙,画面能任意漫游、开窗、放大缩小和叠加,一般用于室内会议,监控显示终端,无缝拼接墙等。

DLP 拼接墙的分辩率由各显示单元的分辩率叠加而来,可以获得超高的分辩率。如:单体为 1024768 的 32 拼接墙,拼接后的整墙分辩率高达 102437682。除了尺寸大之外,DLP 拼接墙的另一大特点就是拼缝小,虽然各显示单元之间会有屏幕拼缝,但目前单元箱体之间的物理拼缝已经控制在了 0.5mm 之内。

LCD屏幕

LCD 拼接(液晶拼接)是近几年兴起的一项新的拼接技术,具有低功耗、重量轻、寿命长、无辐射、画面亮度均匀等优点。

但其最大的缺点就是不能做到无缝拼接。由于液晶屏在出厂时就会有一条边框,液晶拼接起来就会出现边框(缝),如单个 21 寸的液晶屏的边框一般有 6-10mm,两个液晶屏接起来的缝就有 12-20mm。

硬件设备比对

LEDDLPLCD
屏幕显示自发光投影光晶管发光
颜色饱和度100%相对偏灰90%
基础分辨度可达4K可达4K1080/2K为主&可达4K
使用环境监控中心、展会/展厅,会议室,室外监控中心、室内室内,办公室
设计机会色彩清晰、色域广阔,可试用各种场景。结合触屏、3D、动效等手法色域范围少、亮点低,设计需要提高饱和度一般为室内、办公室,成本高,不建议使用展厅、展会大型展示

电脑屏幕直接投屏

该场景多数是会议室、展会、展厅上使用的较多。以电脑分辨率 19201080 等比投到 2X2 的大屏上为例:拼接屏总尺寸为 38402160(4K)。电脑输出只有 19201080。虽然拼接屏达到 4K 由于输出像素不够,那投到 4K 拼接屏上也是 19201080 等比放大而已,等比关系不会变形。此时设计应该按照 1920*1080 设计,输出像素不够设计再大的尺寸也是无意义的。

如果电脑显示是 19201080。但是可以输出高分辨率,可以直接输出 4K,那投到拼接屏上显示为 38402160。这个取决于输出能力。此时设计应该按照 3840*2160 设计。这样既保证电脑上清晰也保证输出到拼接屏上是清晰的。此种情况不要用 19201080 的尺寸设计,清晰度会受损。

多主机多信号

屏幕尺寸较大且内容可分割的情况下,由于单台主机无法达到很高的尺寸,会存在多个硬件主机输出。这种形式其实就类似于屏幕拼接。

实际使用场景案例:驾驶舱(原九宫格展厅)

总屏幕为 33 的拼接屏,单台主机分别对不同显示设备输出图像(嵌入 url 链接),通过三台主机分别对 33 的拼接屏做信号输出,形成完成的一个大屏可视化。

注意事项

大屏可视化整体的设计原则与通用的可视化要求基本一致,但是有一些特殊性需要设计者格外注意:

拼缝处理

主次分明、条理清晰、注意留白,合理利用大屏上各小的显示单元,并尽量避免关键数据被拼缝分割。

优先使用暗色背景

深色暗色背景可减少拼缝带来的不适感。由于背景面积大,使用暗色背景还能够减少屏幕色差对整体表现的影响;同时暗色背景更能聚焦视觉,也方便突出内容、做出一些流光、粒子等酷炫的效果。

补充说明:随着大屏素质的不断提升,越来越多的场景开始使用浅色背景,这会带来更轻松、舒适的氛围营造,如果实际场景中大屏素质很高的话,可忽略该条建议。

慎用渐变色

大屏普遍色域有偏差、显示偏色,因而使用渐变色需要根据大屏反馈确定是否调整,纯色最佳。