Visualization practice

复杂业务的可视化与大屏设计

这一页汇集了我在运行监控、调度指挥与风险预警场景中的可视化实践。项目虽来自不同业务领域,但面对的是相似的问题:如何在有限的屏幕空间内组织高密度信息,让使用者快速理解全局、定位异常,并进一步进入具体对象与任务。不同项目中的职责范围有所差异,主要涉及信息架构、界面与视觉设计、设计规范及研发交付。

常见场景
运行监控、调度指挥、风险预警
设计关注
信息优先级、空间关系、状态反馈
大唐集团内蒙古分公司生产运营中心超宽数据大屏
01 / Energy operations

大唐集团内蒙古分公司生产运营中心

项目介绍

面向超宽指挥屏,集中呈现生产总览、区域运行、设备状态与重点指标。

设计思路

以“总览—区域—设备—指标”建立阅读层级,让跨区域生产态势能够持续监控和快速下钻。

大唐集团内蒙古分公司生产运营中心三张超宽大屏组图
01 / Production overview

大唐集团内蒙古分公司生产运营中心

项目介绍

面向超宽指挥屏,集中呈现生产总览、区域运行、设备状态与重点指标。

设计思路

以“总览—区域—设备—指标”建立阅读层级,让跨区域生产态势能够持续监控和快速下钻。

02 / Grid operations

电网规模专题

项目介绍

围绕电网区域分布、规模负荷、运行趋势与重点事件,呈现全国态势与重点区域。

设计思路

以区域和网络关系为主线,将规模指标、运行趋势与重点事件组织成可逐层阅读的专题视图。

电网规模专题大屏组图
能源设备运行可视化双屏组图
03 / Equipment intelligence

洛书系统

项目介绍

整合区域布局、设备状态、分析结果与运行趋势,用于持续查看设备运行和异常变化。

设计思路

用空间布局定位设备,以状态和趋势解释变化,使总览与单体设备信息相互衔接。

三明集控系统全景监视双屏组图
04 / Regional monitoring

三明集控系统全景监视

项目介绍

以区域地图呈现监视对象的空间分布,并通过结构化清单承接对象查询与状态核对。

设计思路

地图负责全景定位,清单负责对象核查,让区域态势与具体设备状态能够快速对应。

三维综合监控大屏,展示矿区场景、车辆路线、设备状态和安全趋势
05 / Mine overview

三维综合监控大屏

项目介绍

以矿区三维场景为核心,联动车辆路线、设备状态、安全趋势与告警信息。

设计思路

三维场景承担空间定位,状态面板补充对象信息,使全局态势与异常位置能够直接对应。

清舱机无人驾驶系统主监控界面
06 / Unmanned operation

清舱机无人驾驶系统

项目介绍

围绕清舱作业过程,集中呈现点云环境、任务路径、实时画面、设备状态与异常反馈。

设计思路

以作业区域和点云环境为主视图,将监控、任务控制与异常反馈放在同一操作链路中。

清舱机无人驾驶系统运行细节界面
运行细节与对象状态
清舱机无人驾驶系统弹窗状态界面
异常与操作反馈
07 / Smart mine

智慧矿山综合监控大屏

项目介绍

以矿区空间场景连接车辆、路线与调度状态,并结合任务信息和运行指标支持持续监控。

设计思路

将道路、车辆与任务建立空间关联,辅以状态清单和趋势指标支撑日常监控。

智慧矿山综合监控大屏
深部矿体车铲无人协同管控平台总览界面
08 / Cloud control

深部矿体车铲无人协同管控平台

项目介绍

围绕车铲协同作业过程,呈现设备状态、路径节点、调度命令、运行统计与告警信息。

设计思路

地图承载车辆与路径关系,任务和车辆管理补足调度链路,让实时状态与历史过程相互验证。

01
云控平台任务调度界面

任务调度

查看任务、对象与当前执行状态。

02
云控平台轨迹回放界面

轨迹回放

结合时间与空间关系复核运行过程。

03
云控平台车辆管理界面

车辆管理

沉淀车辆信息、运行记录与管理入口。

09 / Fleet risk

车辆风控数据大屏

项目介绍

以全国车辆分布为主视图,结合车辆画像、风险等级、异常事件与趋势指标。

设计思路

先用地图定位重点区域,再以车辆画像和风险指标进入具体对象,缩短风险排查路径。

车辆风控数据大屏双屏组图
5G急救大脑三张大屏组图
10 / Emergency overview

5G急救大脑

项目介绍

汇集急救资源、区域态势、设备状态与救治数据,形成相互衔接的大屏体系。

设计思路

总览先呈现资源和区域变化,再通过地图与设备监控进入具体对象和任务。

5G急救大脑区域态势大屏
11 / Regional situation

5G急救大脑 · 区域态势

项目介绍

以地图组织区域救护资源、患者分布、历史趋势与设备状态。

设计思路

地图作为区域态势主视图,趋势和设备信息用于解释变化并定位具体资源。

5G智能急救事件预测分析图双屏组图
12 / Time forecast

5G智能急救事件预测分析图

项目介绍

通过区域热力、事件分布与时间变化呈现预测结果,观察不同区域的急救事件趋势。

设计思路

用热力分布表达空间差异,用时间变化解释趋势,使预测结果更易比较和核查。

13 / Operation system

2022冬奥电力保障系统

项目介绍

面向2022冬奥电力保障,覆盖电网态势、场馆保电、供电资源、运行指标与事件追溯等指挥中心任务。

设计思路

将全局态势、场馆运行、指标分析和过程追溯组织为可持续使用的多页面监控体系。

大型活动电力保障系统,电网态势总览
01电网态势总览
大型活动电力保障系统,场馆保电监控
02场馆保电监控
大型活动电力保障系统,供电资源总览
03供电资源总览
大型活动电力保障系统,精益保障分析
04精益保障分析
大型活动电力保障系统,运行指标看板
05运行指标看板
大型活动电力保障系统,保障过程追溯
06保障过程追溯
大型活动电力保障系统,低压配网运行
07低压配网运行
大型活动电力保障系统,场馆运行监控
08场馆运行监控
大型活动电力保障系统,运行事件详情
09运行事件详情
大型活动电力保障系统,绿电运行监测
10绿电运行监测
大型活动电力保障系统,母线平衡监测
11母线平衡监测
大型活动电力保障系统,可靠配网分析
12可靠配网分析
On site

指挥中心现场与实际使用环境

现场照片呈现了界面的实际部署环境,包括屏幕尺寸、观看距离、指挥空间与多方协作场景。

设计输出
大屏与多页面监控界面
使用环境
指挥中心与现场保障
大型活动保障项目现场照片,指挥中心全景
大型活动保障项目现场照片,大屏与会议席位
大型活动保障项目现场照片,系统联调现场
大型活动保障项目现场照片,运行任务监控
大型活动保障项目现场照片,竖向拍摄的监控大屏
大型活动保障项目现场照片,电网图监控
大型活动保障项目现场照片,保障界面检查
大型活动保障项目现场照片,监控页面联调
大型活动保障项目现场照片,指挥席位
大型活动保障项目现场照片,多屏运行环境
大型活动保障项目现场照片,现场操作席位
大型活动保障项目现场照片,大屏运行状态
大型活动保障项目现场照片,保障现场总览

联系我们

如果你正在推进一个业务复杂、角色众多,或需要跨终端落地的产品,欢迎与我联系。我擅长将复杂需求转化为清晰、可用、能够真正交付的系统体验。

电话 Linkedin