01 / CAMPUS
从城市总览进入当前医院。
院区画面将医院名称与急诊概况置于上方，中央呈现建筑及病区实况，两侧延续业务、医护、设备、床位与救援信息。
04 / SELECTED CASE · DATA VISUALIZATION
返回作品申康急诊综合指挥平台
Emergency Command & Data Visualization
面向医疗管理与急诊指挥，将城市运行态势、医院资源与床旁信息组织成连续的四级大屏体系。
从城市运行态势，
到床旁患者信息。
DELIVERED
- Command Center
- Data Visualization
- Multi-level
- Large Screen
- ROLE
- UI Design · Data Visualization
- PERIOD
- 2023
- PLATFORM
- Large Screen
- FOCUS
- City · Campus · Ward · Patient
01 / DESIGN CONTEXT
同一套医疗信息，
有不同的观察尺度。
市级指挥需要比较医院之间的运行与资源；进入院区、病区和患者视图后，信息重点逐步转向具体空间、床位与监测状态。
界面设计围绕四级信息组织、文字层级、颜色规范与图表组件展开，让每个尺度都有明确的关注对象。
- 01
观察范围需要清楚
从医院集合到单个床位，页面标题和位置路径共同说明当前范围。
- 02
总览与细节需要衔接
上层聚合运行态势，下层围绕空间和患者展开具体信息。
- 03
密集信息需要层级
标题、数字、趋势与资源分类通过一致的视觉规则组织。
02 / FOUR LEVELS OF INFORMATION
从区域到个体，
每一级回答一个问题。
原稿以市区、院区、病区和患者四级组织全场景医疗信息。观察尺度越具体，信息越贴近当前空间和床位。
- 01 / CITY
市区级
跨医院的运行态势与资源总览。
- 02 / CAMPUS
院区级
当前医院的业务、空间与资源。
- 03 / WARD
病区级
床位分布、设备与医疗质控。
- 04 / PATIENT
患者级
当前床位的设备、置管与监测信息。
03 / CITY COMMAND VIEW
把需求、医院与资源，
放在同一张总览里。
市区级画面以医院分布为中心，两侧同时保留急诊需求和承接资源。顶部汇总医院、医护、急诊量与候诊信息。
- 01
DEMAND
先看服务需求
急诊量、患者分级与 120 救援趋势组织在左侧，提供需求的时间变化。
- 02
HOSPITALS
再看医院分布
中心区域以医院为单元组织信息，汇总指标位于上方，保留机构之间的比较。
- 03
RESOURCES
同时看承接资源
住院、医护、设备和床位信息集中在右侧，与需求侧信息保持同屏。
04 / FROM CAMPUS TO PATIENT
观察对象变了，
信息重心也随之改变。
同一套原稿继续展开院区、病区和患者视图，逐级呈现医院空间、床位分布与患者状态。
02 / WARD
以病区空间，连接床位与质控信息。
病区画面围绕 EICU 床位展开：左侧汇总患者、设备与实况，中央对应床位位置，右侧呈现医疗质控指标。
03 / PATIENT
最后聚焦到一个床位的患者。
患者画面保留床位归属，将设备与置管信息、人体示意、重症评分和生命体征趋势组织在同一视图中。
05 / VISUAL LANGUAGE
用文字层级与颜色，
组织高密度信息。
原稿规定了标题、说明与数字的层级；深色背景与浅色文字建立对比，蓝色主辅色及预警色形成统一的视觉语言。
文字规范
主标题与一级标题区分页面层级，数字与说明分别设置字号，保持数据和名称之间的关系。
颜色规范
主辅色、文本色、系列色与预警色分别定义，支持图表辨识和多层级页面的视觉一致性。
06 / CHART COMPONENTS
让图表承担清楚的任务。
趋势图表达时间变化，排名图支持横向比较，资源模块集中呈现分类与总量。组件延续同一套文字和颜色规则。
07 / DESIGN SUMMARY
让观察尺度与信息结构，
一起变得清楚。
这一案例呈现了四级大屏界面、文字与颜色规范，以及图表组件设计。城市层面的医院比较，逐级延伸到院区空间、病区床位和患者监测。
设计需要在空间表达与信息阅读之间取得平衡：场景提供位置上下文，指标和图表承担具体信息，持续保留当前观察对象的归属。
- INFORMATION四级信息体系
- INTERFACE多尺度大屏界面
- VISUAL SYSTEM文字、颜色与图表规范
CONTACT