数字孪生视觉表达之文字规范

52 阅读3分钟

在进行数字孪生项目设计时,文字的设置非常重要,会直接影响到整个项目中视觉信 息的传达效果以及用户的使用体验。(以下内容均来源于[《数字孪生视觉语言白皮书》](易知微 - 数字孪生仿真渲染引擎与可视化应用 )

1.字体选择

选择字体时要首先考虑是否清晰易读,数字孪生大屏中需要展示的数据量庞大,因此字体的清晰度至关重要。除一级大标题及模块小标题可以考虑选择使用具有特殊字形的字体(例如:庞门正道标题体、优设标题黑等),其余文字内容建议选择简洁明了的无衬线字体(例如:黑体、 思源黑体、阿里巴巴普惠体、Barlow 等)。因为无衬线字体在大尺寸硬件的展示中更易于阅读,并且能够保持稳定清晰的识别度,对于未获得商业使用授权的字体需要谨慎使用。

在设计思考的过程中,选择一致的字体有助于保持整体视觉效果的统一性。尽量在整个项目中将使用字体控制在 2-3 种,以及按照明确的梯度规范字号,避免视觉效果混乱。 另外,可以通过加粗关键信息来突出重点,帮助用户更快地理解信息之间的层级关系。

2.字号大小

数字孪生项目中展示数据的字号需要足够大,才能确保信息清晰可读。对于 1920x1080 的常规屏幕尺寸来说,一级大标题字号一般控制在 32-48pt,正文文本字号保持在 14-16pt, 标签/后缀/坐标轴的字号控制在 12-14pt。在设置字号时,需要综合考虑屏幕大小、分辨率 以及常用视距,从而保证在不同业务应用场景下都能清晰直观地看到全部信息内容。

3.文字颜色

文字颜色也会严重影响数据展示效果,只有字体颜色与背景颜色能够形成足够对比, 才能确保核心信息清晰可辨。一般来说,黑色字体在浅色背景上的可读性较好,白色字体 在深色背景上的可读性较好。不同字体颜色之间组合的对比度太低,容易导致信息内容在 某些场景下不易辨认,如:环境光过强、曝光度太弱、背景色接近或者远距离观看大屏时。

4.文字间距

合理的行间距与字间距可以提高文字可读性,让用户更容易获取信息内容。数字孪生 项目设计的过程中需要保证行间距和字间距适中,行间距和字间距过小会导致文字之间拥挤,难以区分辨别;行间距和字间距过大会显得文字稀疏,影响整体美感;适当调整字间距可以让文字排列整齐清晰,提高信息可读性。在实际应用场景中,还需要考虑背景和光线对文字呈现的影响,通过不同场景下的预览,不断优化文字设置,以达到最佳展示效果。

易知微基于多年在数字孪生及数据可视化领域丰富实践,沉淀了诸多经验成果,欢迎大家互相交流学习:

《数字孪生视觉语言白皮书》下载地址:easyv.cloud/references/…

《数字孪生世界白皮书》下载地址:easyv.cloud/references/…

《数字孪生行业方案白皮书》下载地址:easyv.cloud/references/…