多协议接入网关
支持 Modbus、MQTT、OPC UA 与自定义串口帧，统一映射为物模型字段后再上行。
≤80ms规则触发
极光渐变 · 创意矩阵 · 物联网解决方案
让每一台设备的 数据轨迹 在渐变矩阵中呼吸
面向未来愿景的物联网解决方案矩阵：以 mesh 渐变与玻璃磨砂分层承载端—边—云数据流，把采集、协议解析、可视化与响应式体验收进同一套现代网页设计语言，让技术网站也能被“看懂”。
≤80ms边缘侧规则触发时延
5 类解决方案矩阵卡片
99.95%链路可用性目标
上线一套物联网解决方案前，先过这 6 道关
清单按“端—边—云—体验”顺序排列，每一条都给出可量化阈值，避免把创意矩阵做成只剩好看的空壳。
先定采样频率，再谈数据可视化传感器上报间隔建议
1s~60s分档：状态类 60s、能耗类 15s、告警类 1s。频率翻倍≈存储成本翻倍，先用2 周历史数据估峰值写入量。边缘规则要在 80ms 内闭环把“越限停机、连锁告警”下沉到网关侧执行，云端只做聚合；实测规则条数控制在
≤50 条/网关，超出后触发时延会明显抬升。协议统一到一份设备模型Modbus / MQTT / OPC UA 接入后统一映射为物模型字段，字段命名用
snake_case，单位随值上报；每新增一类设备，先补模型再写采集，避免后期 30% 时间耗在字段对齐。断网续传至少缓存 24 小时网关本地队列按
≥24h或≥50 万条取大值设计，回传按时间戳去重；这是弱网现场最常见的数据缺口来源。数据可视化只用 3 种图表趋势用折线、占比用环图、分布用热力，一屏不超过
6 个图表；渐变只用于强调层，关键阈值用 1px 高亮线标注，切忌大面积高饱和底色。响应式设计与无障碍同步验收在 320px 窄屏下卡片单列堆叠、点按区
≥44px；动效保留prefers-reduced-motion降级，重点数据用文字+数字双通道表达，不依赖颜色单独传意。
四类典型场景，选型别只看价格
按接入规模、实时性、部署位置与可视化诉求四个维度横向比较，帮助在创意矩阵里挑出真正适配的一条路径。
| 方案 | 接入规模 | 端到端时延 | 部署位置 | 可视化重点 | 适配度 |
|---|---|---|---|---|---|
| 设备状态监控 | 1k~1 万点位 | 1s~3s | 公有云托管 | 在线率、拓扑着色 | 高 |
| 能耗优化 | 500~5k 点位 | 15s 聚合 | 云 + 边缘协同 | 趋势折线、分项占比 | 高 |
| 产线实时控制 | ≤2k 点位 | <80ms 闭环 | 本地边缘优先 | 节拍、告警闪烁 | 中 |
| 园区多系统融合 | 1 万~10 万点位 | 3s~10s | 混合云 + 网关 | 热力分布、联动事件流 | 中 |
横向滑动，把 5 类能力排成一条渐变带
卡片带支持横向滚动与 scroll-snap 对齐，窄屏一屏约 1.2 张卡，保留“还有更多”的探索感。
时序数据流的渐变缓冲
按设备维度分片写入，冷热分层存储，热数据保 30 天、冷数据归档压缩 6 倍。
6×归档压缩率渐变矩阵数据看板
折线、环图、热力三种图形组合，阈值以细高亮线标注，一屏图表不超过 6 个。
6 个图表上限/屏事件流与联动响应
告警、工单、通知三线联动，事件流按时间轴回放，支持按设备/区域二级筛选。
3 级告警分级响应式设计与无障碍
320px~2560px 全梯度适配，窄屏单列堆叠，点按区不小于 44px，动效可降级。
≥44px点按区从网关到看板：一条数据流的 4 个关键节点
节点 1 · 采集
采集层：把异构设备翻译成同一种语言
现场设备协议差异是项目延期的主因。做法是先建立统一物模型（字段名、单位、量程、精度四要素齐全），再在网关上做协议适配；新增一类设备时只改映射文件，不动云端代码，通常可把联调时间压缩一半以上。
- 2 周物模型评审窗口
- ≤50 条单网关边缘规则
- 24h断网本地缓存
节点 2 · 可视
可视化层：渐变只做层次，不做背景
看板遵循 60-30-10 的用色节奏：约 60% 深色中性底承载信息、30% 主色用于结构分区、10% 暖金强调色只落在关键数字与激活态上。渐变用于极光氛围与文字高光，绝不铺满整屏，保证长时间盯屏的可读性与低视觉疲劳。
- 30 天热数据留存
- ≤6 图/屏单屏图表上限
- 1px阈值高亮线宽
三类角色，三种关注点
把运维、生产与管理者放进同一套矩阵界面，是对“用户体验”最实在的考验。
“以前排查一次离线告警要翻三个系统，现在拓扑图上直接着色，平均定位时间从 25 分钟降到 6 分钟。”
“能耗分项拆到产线级后，夜班空载时段被识别出来，月度用电比改造前下降约 11%。”
“看板在手机上也顺手，关键指标一屏看完，不用再让人导出表格做汇报。”
上线前最常被问到的 6 个问题
创意矩阵布局会不会牺牲可读性？
不会，前提是信息密度受控：卡片带每屏露出约 1.2~3 张卡，正文列宽控制在 62ch 内，图表单屏不超过 6 个，渐变只作为层次而非背景。
边缘网关需要多大算力？
按规则条数估算：50 条规则、200 个点位、1s 上报，建议 4 核 / 4GB 起步并预留 30% 余量；若做本地视频分析需单独评估 GPU。
断网期间的数据怎么补？
网关本地队列按 ≥24 小时或 ≥50 万条设计，回传携带原始时间戳，云端按“设备+时间戳”去重写入，缺口率可控制在 0.5% 以内。
为什么要统一物模型？
不统一时，每接一类设备都要改云端解析逻辑，通常多花 30% 工时；统一后新增设备只改映射配置，联调周期可缩短约一半。
渐变风格如何避免“花哨不专业”？
遵守 60-30-10：大面积用中性深底，主色只做结构分区，暖金强调色只落在按钮、关键数字与激活态；渐变色相控制在蓝—青—暖金区间，不引入第二种抢眼的彩色。
无脚本环境下动效还能用吗？
可以。逐行遮罩上滑用纯 CSS 关键帧实现，加载即自动播放，元素默认处于可见终态；系统开启“减弱动态效果”时自动降级为静态呈现。
把创意矩阵变成可用蓝图
先用 2 周完成物模型评审与压测，再按清单逐项验收：接入规模、端到端时延、断网缓存、图表上限、窄屏点按区，五项全部达标再谈扩展。