本文最后更新于 2024-11-04,距离文章更新已经超过30天,部分内容可能已经过时。

一、视觉风格

大屏设计领域不仅仅只有“蓝色”风。还可以根据行业等属性输出不同风格。即使所谓的“科技风”也可以色彩丰富。


3D UI 动效 可视化 大屏 数据可视化-tpxj.gif

二、页面框架

经典的“T”形(“回”字形)结构

系统名称页面顶部居中、左右两侧是数据指标,中间是拓扑图或场景等,这是数据可视化页面中最常见的布局结构。这种布局的优势是页面逻辑清晰,符合用户习惯,在不确定性较大的项目中,是最不易出错的布局方式。

在“T”形结构中,可适当根据项目特点,做对配色、透视关系等进行调整,避免审美疲劳。标题也可以根据需要向左靠。

L形结构和单侧数据

在数据允许的情况下,只占用其中一侧(也可以考虑页面下方)防止数据面板,可以获得更多的场景空间。

二、场景层级

根据业务实际需要,并非所有层级都需要应用在同一个项目中。从性能优化的角度考虑,建议在实际项目设计中使用不同的“关卡副本”切换不同层级的场景,同时通过优化交互方式、转场效果实现视觉效果和用户体验的提升。

第一级:地球/星球

应用场景:

地球场景通常用于展示区域跨度较大的位置(区域标记)、点位、迁徙、流动等信息。

常见行业:

网络安全:用于展示网络攻击等;

航天航空:航空器发射、监测,飞机公司航线等;

企业全球化布局:能源集团矿产点位分布、企业全球办公室点位等;

设计内容和表现方向:

球体页面设计内容主要包括:背景、星球球体、业务特效(POI点、区域凸显、飞线)。

球体风格:针对地球考虑做写实、科技、卡通等风格尝试;我整理了部分地球贴图素材,可在文末下载。

POI点:

飞线:

区域标记:

第二级:行政区

第三级:卫星图/地图(路网)

第四级:局部区域(园区)

第五级:室内

第六级:设备