01 / 物联管控平台 / 2026

GITONE

连接设备，看见园区

连接园区设备、告警与能耗信息，为值班人员提供从实时监控到事件处理的统一工作界面。

探索项目
UI / VISUAL DESIGN PORTFOLIOCONCEPT PROJECT · 示例项目
01 / OVERVIEW

从问题出发，
让设计有据可循。

项目背景

连接园区设备、告警与能耗信息，为值班人员提供从实时监控到事件处理的统一工作界面。

项目类型
物联管控平台
我的职责
体验梳理 / 界面设计 / 组件规范
交付内容
园区首页 / 设备台账 / 告警中心
THE CHALLENGE

设计挑战

来自不同厂商的设备状态难以统一，频繁的告警容易掩盖真正紧急的事件。值班人员需要快速确认影响范围与处理优先级。

THE APPROACH

设计回应

建立统一状态语言，按严重程度聚合告警，并在园区概览中保留设备、工单与能耗之间的关联。

02 / INTERFACE DESIGN

园区首页 /

通过清晰的状态色和模块化卡片，帮助值班人员先发现异常，再进入设备详情。每个告警都保留位置、时间和处理状态。

01 — 园区首页 · GITONE / DESIGN PREVIEW
03 / DESIGN IN DETAIL

设备台账
清晰，是效率的开始。

建立统一状态语言，按严重程度聚合告警，并在园区概览中保留设备、工单与能耗之间的关联。

  1. 01
    园区首页

    通过清晰的状态色和模块化卡片，帮助值班人员先发现异常，再进入设备详情。每个告警都保留位置、时间和处理状态。

  2. 02
    设备台账

    来自不同厂商的设备状态难以统一，频繁的告警容易掩盖真正紧急的事件。值班人员需要快速确认影响范围与处理优先级。

  3. 03
    告警中心

    建立统一状态语言，按严重程度聚合告警，并在园区概览中保留设备、工单与能耗之间的关联。

02 — 设备台账 / DETAIL VIEW
04 / DESIGN LANGUAGE

有秩序，才有延展。

用一套一致的色彩、字体层级与空间规则，把独立页面连接成完整体验。

TYPOGRAPHYAa / 字

大标题 · 64 / Bold
内容标题 · 24 / Medium
正文说明 · 16 / Regular

COLOR PALETTE

#446CFF　/　#11141C　/　#F1F1EE

SPACING & RHYTHM
816243248

基于 8pt 的间距与网格

05 / MORE POSSIBILITIES

告警中心。

从单个页面，到连贯的产品体验。

03 — 告警中心
DESIGN NOTE / 02

连接设备，看见园区

通过清晰的状态色和模块化卡片，帮助值班人员先发现异常，再进入设备详情。每个告警都保留位置、时间和处理状态。

本页为作品集结构与版式演示，项目、数据与界面均为概念示例。实际项目图片可按当前版式替换。

MORE IN Web 端
数据分析平台AETHER团队协作工作台FORMA