多协议接入
MQTT、Modbus、BACnet、LoRaWAN 统一网关映射，旧设备不用换芯也能进画面。
42类协议模板开箱可用
这是一个网页样式设计参考
· 全屏设计 / 网络奇观 / 物联网解决方案 · 深色 cool-tech 版式
网观 · 物联视界
聊聊你的设备场景
核心能力
五件事做到位，全屏画面才立得住
每一项都对应可验收的阈值，不是概念词。下面五个模块按「接进来 → 看得懂 → 反应快 → 撑得住 → 好维护」的顺序排。
全屏网络视觉
一屏一主题：设备拓扑、楼层热力、能耗曲线分区铺排，不用来回切标签页。
1屏内完成 90% 日常巡检
低延迟联动
边缘侧先判后传，报警从触发到画面高亮控制在一次眨眼之内。
≤300毫秒端到端告警
数据可视化底座
时序库 + 规则引擎 + 图表组件库，指标可下钻到单台设备的单条读数。
13个月原始数据可回溯
体验优化与运维
告警降噪、值班交接、大屏值守三套模式，减少无效打扰，夜间自动提亮对比。
-68%重复告警下降幅度
合作伙伴墙
和这些伙伴一起，把设备连成一张好用的网
从传感器、网关到平台与运维，我们按场景组队，而不是按目录堆清单。每个伙伴都经过一轮真实项目联调。
传感温湿度 / 水浸 / 烟感
网关边缘计算与协议转换
云台设备管理与数据中台
网络园区有线无线覆盖
安防门禁与视频联动
运维值班巡检与工单
实用指导清单
做一块全屏物联画面，先照这 6 步走
-
先数设备，再谈画面
列出点位清单：设备类型、数量、协议、上报频率。单屏建议控制在
≤120个活跃点位，超过就按楼层或系统拆第二屏，否则一屏里全是小圆点，谁都读不出来。 -
确定一屏一主题
首页只回答「现在正常吗」：用 3 个大数字 + 1 张拓扑图 + 1 条告警滚动条即可。细节放二级页。经验值：核心指标不超过
5个，观众 3 秒内要能说出结论。 -
色彩搭配按 60-30-10 走
约 60% 用深青中性底（
oklch(0.15 0.03 213)），30% 给蓝青主色表达结构与连线，10% 用暖金oklch(0.78 0.14 63)只点告警和关键数字。全屏高饱和色面积别超过 15%，否则夜间值守会刺眼。 -
排版布局定层级
主数字字号至少是说明文字的
3倍；正文行高 1.6 左右；同一屏字号不超过 4 档。标题与说明之间留 12–16px，模块之间留 24–32px，别用大留白把信息推散。 -
动画只做「渐显错峰」
每个模块延迟 50–120ms 依次淡入，总时长控制在 800ms 内；绝不做循环闪烁。图片统一用
object-fit:cover固定宽高比，避免刷新时画面跳动。对动效敏感的用户，直接给prefers-reduced-motion降级。 -
上线后盯三个指标
链路可用率 ≥99.9%、告警确认中位时长 ≤2 分钟、画面首屏加载 ≤2.5 秒（4G 网络下）。连续两周不达标，优先查网关心跳与规则阈值，而不是先改配色。
客户评价
用起来顺手，才是真的网络奇观
以前值班要开四个系统来回切。现在一块全屏就够，早上交接班从 20 分钟压到 6 分钟，谁没来巡检一眼能看出来。
园区运维主管 · 老周负责 9 栋楼、约 1400 个点位
最满意的是告警降噪。同样的水泵抖动，原来一天弹 30 多条，调了阈值和合并规则后，一周只剩 8 条真需要处理的。
设备负责人 · 小林水厂与泵站远程监控
老板来参观，我们直接投全屏。灯光、门禁、能耗三个主题按时间轮播，讲完一圈不到五分钟，比做 PPT 省事多了。
资产管理经理 · 阿May写字楼能耗与访客联动
服务档位
按场景规模选，不按功能表堆
三档均含全屏设计、响应式适配与基础数据可视化；差异在点位规模、联动复杂度与值守支持。