这是一个网页样式设计参考 暗黑模式 · 数字星河母题 · 物联网集成方案视觉稿
物联网 · 数字星河 · 可持续运维

把十万台设备接入一片可呼吸的数字星河

暗黑模式界面下,用分层数据星河呈现设备血缘、能耗与碳排。响应式设计让调度台、移动巡检与展厅大屏共用同一套组件,动态效果只在关键节点呼吸,不打扰值守人员的长时间注视。

  • 10 万+受管终端节点
  • -27%年度综合能耗
  • 320ms告警端到端时延
暗黑模式物联网调度台上,设备节点以数字星河形态沿几何线条分布并实时显示能耗
星河拓扑视图:以几何线条串联网关—边缘—云三层血缘
数据可视化面板

把能耗与碳排放在同一张星河里读数

面板默认按 15 分钟聚合,异常区间自动降采样到 1 分钟;所有曲线在暗黑模式下降亮度约 18%,避免夜间值守视觉疲劳。

分区能耗强度(近 6 个采样窗)单位 kWh/千节点
  • 网关
  • 边缘
  • 传感
  • 照明
  • 空压
  • 冷链
责任指标滚动窗口 30 天
0.42kgCO₂e / 千次上报
99.94%数据完整率
2.1W单节点平均功耗
18 个月原始数据留存
边缘侧算力下沉78%
可再生电力占比46%
设备再利用率63%
客户评价

三种角色,同一套星河语言

值班屏从亮色切到暗黑模式后,夜班同事的用眼投诉下降约七成;告警从 12 级压到 4 级,误报率降到 3% 以内。

工业园区能效负责人头像 园区能效负责人制造园区 · 3.2 万节点

把碳排因子挂在设备血缘上之后,我们能按产线追溯,季度报告编制时间从 9 天缩到 2 天,口径也不再被质疑。

可持续合规经理头像 可持续合规经理冷链物流 · 8600 节点

响应式设计让展厅大屏与巡检手机共用组件,改一次文案两端同步,前端维护工时每月省下约 34 小时。

物联网平台前端负责人头像 平台前端负责人智慧建筑 · 1.1 万节点
服务 / 价格档位

按节点规模与责任深度分档

所有档位均含暗黑模式主题包与响应式设计基线;碳核算模块按需加购,避免为不用的能力付费。

起步档
¥2.8 万 / 年 · ≤2000 节点
  • 星河拓扑可视化 + 4 级告警
  • 暗黑模式主题 1 套,支持 1024px 断点
  • 数据留存 6 个月,日报自动导出
  • 响应时长:工单 8 小时内响应
对照清单自查
责任增强档 · 推荐
¥8.6 万 / 年 · ≤2 万节点
  • 含碳排因子追溯与分区责任看板
  • 边缘低功耗策略下发,目标 ≤2.4W/节点
  • 数据留存 18 个月,审计口径可导出
  • 响应时长:P1 故障 30 分钟内介入
查看对比
集团共治档
按量计价 · 10 万节点以上
  • 多租户隔离与责任边界矩阵
  • 跨园区能耗对标,支持 2560px 大屏
  • 数据留存 ≥36 个月,冷热分层存储
  • 响应时长:7×24 驻场与季度复盘
咨询架构
图文混排特写

让边缘设备学会「少算一点、少耗一点」

边缘计算网关在暗色机柜中运行,指示灯沿几何线条排布呈现低功耗数据流转

把 78% 的聚合与阈值判断下沉到边缘,云端只接收增量与异常片段,带宽与算力账单同步下降,也让数据责任更接近产生地。

  • 采样策略:稳态 15 分钟、波动期 1 分钟,异常回补保留原始帧。
  • 上报压缩:差值编码 + 批量打包,单节点月流量由 420MB 降至 96MB。
  • 能耗阈值:连续 3 个窗口超基线 12% 才触发工单,抑制抖动误报。
  • 退役回收:设备下线自动标记,再利用率目标 60% 以上。
实用指导清单

暗黑模式物联网界面上线前,先过这 6 关

每条都给到可核对的数值门槛,评审时可直接打勾,避免「看着还行」式的模糊验收。

1

先定对比度,再谈霓虹

正文文字与深色底对比度 ≥ 7:1,次级文字 ≥ 4.5:1;霓虹点缀只用于激活态与关键数字,面积占比 ≤ 10%,避免整屏泛光。

2

星河动效降频

节点呼吸动画周期 ≥ 2.6s,同屏同时动画元素 ≤ 12 个;提供 prefers-reduced-motion 降级,关闭后页面信息零丢失。

3

断点与容器实测

至少覆盖 2560 / 1920 / 1024 / 640 / 320px 五档;320px 下无横向滚动,点按区 ≥ 44×44px,表格改横向滚动或卡片化。

4

数据口径写进界面

每个指标旁标注聚合窗口与单位(如 15min · kWh/千节点);碳排系数版本号随报表导出,避免审计口径漂移。

5

告警分级不超过 4 级

P1 端到端时延 ≤ 500ms 且必须电话触达;同级告警 5 分钟内合并,抑制风暴;误报率目标 ≤ 3%。

6

把责任指标放上首屏

单节点功耗、数据留存期、再利用率三项常驻面板;任一指标连续 7 天劣化 ≥ 8% 时触发复盘工单。

核心能力卡片

四项底座能力,撑起可持续的物联体验

设备接入

MQTT / CoAP / Modbus 多协议适配,单网关并发 5000 连接。

接入耗时 ≤ 3 分钟/台
能耗与碳核算

按分区/产线/设备三级归集,支持因子版本切换与追溯。

核算偏差 ≤ 2%
暗黑模式主题系统

令牌化配色与语义层级,一键切换不重排布局。

对比度 ≥ 7:1
响应式设计基线

同构组件适配调度台、移动巡检与展厅大屏。

五档断点全覆盖
解决方案对比

自建、拼装与集成方案,责任落点差在哪

对比维度自建平台拼装式工具链集成物联网方案
上线周期6–9 个月8–12 周4–6 周
单节点年能耗3.6W3.0W≤2.4W
碳数据可追溯需自研仅汇总层设备—产线—集团三级
暗黑模式一致性各页自定依赖组件库令牌统一,切换零重排
响应式覆盖通常仅桌面2–3 档断点2560→320px 五档
运维责任界面无标准分散在工单责任看板常驻首屏
应用场景带

横向滑动,看看星河落在哪些现场

智慧园区夜间调度界面,几何线条连接灯杆与传感器节点
智慧园区照明按人流调光,夜间基线下调 22%
冷链仓储温控看板,温度曲线与碳排指标并列呈现
冷链温控断电续采 ≥ 30 分钟,数据不丢帧
产线设备状态卡片在暗色界面上排布,显示稼动率与能耗
产线稼动监测OEE 与能耗同屏,停机归因可下钻
边缘网关机柜特写,指示灯显示低功耗运行状态
边缘算力下沉78% 判断在本地完成,回传量 -77%

先评估能耗基线,再决定是否扩建节点

提供近 30 天电量与设备台账即可生成责任报告:含分区能耗强度、碳排归因与暗黑模式界面适配建议,通常 3 个工作日交付。

预约评估