设备接入与边缘协同
MQTT/CoAP/Modbus 三协议并行接入，边缘侧完成 80% 的规则计算。
- 单网关承载 ≤ 2000 个长连接
- 断线重连退避：1s → 2s → 4s → 上限 30s
- 证书轮换周期 90 天，支持灰度替换
独立设计风格 · 数智时代
把物联网解决方案
把物联网解决方案
做成 一张不按栅格走 的编辑台
我们以独立设计的撞色与拼贴手法，重构数智时代的设备接入、数据可视化与用户体验优化路径：视觉母题采用 mesh 多色柔光渐变，卡片用硬边描边配偏移阴影，让技术指标也能被当成一本可读的编辑物。
Panel 01
数据可视化面板：先定口径，再谈好看
统一采样窗口 1 分钟、聚合粒度 5 分钟，避免“同一指标两个数”的经典事故。
- 设备在线率 99.2%
- 数据入库时延 ≤ 300 ms
- 看板首屏渲染 1.1 s
- 移动端同步 3 档自适应
Strip 02
关键数据条
四条硬指标，用于和业务方对齐“数智时代”的验收口径。
12.8 万
单集群接入设备上限，支持分片水平扩展
4.6 s
从设备上电到完成证书注册的平均耗时
6 类
内置图表：折线/柱状/热力/散点/拓扑/仪表盘
92 分
独立设计评审的视觉一致性得分（满分 100）
FAQ 03
常见问题：撞色好看，但别撞坏可用性
四条高频疑问，全部用纯 CSS 展开/收起，无脚本也能读。
独立设计风格会不会牺牲数据可读性？
不会，前提是把撞色限定在装饰层。做法：正文与数值区保持 60% 中性底 + 30% 主色，强调色只用于关键数字与激活态，占比控制在 10% 以内；图表主色不超过 3 种，其余靠明度差（3 档：亮/中/暗）区分系列。实测在一屏 6 个系列时，误读率可从 18% 降到 7%。
设备量从 1 千涨到 1 万，界面要重做吗？
不需要重做，但要提前预留三件事：①分页或虚拟滚动阈值设为单页 200 行；②拓扑图节点超过 300 个时切换为聚合视图；③把实时刷新频率从 1 s 放宽到 5 s，并加“手动刷新”按钮。这样改造量通常小于 15% 的组件。
响应式设计在工业平板上最容易踩什么坑？
常见坑是横屏 1280×800 下侧栏挤压主区。建议断点：≥1600px 侧栏固定 280px；1024–1600px 侧栏 196–244px；≤1024px 侧栏折叠为顶部横条。同时把点按区最小值锁在 44px，触屏误触率可下降约 40%。
数据可视化做实时还是做准实时？
按业务分层：告警类走实时推送（≤ 1 s），趋势分析走准实时（5 s 聚合），日报类走离线批处理（凌晨 02:00 出数）。混用会让前端缓冲击穿，典型表现是切换标签页后数字跳变，务必用统一采样窗口 1 分钟对齐口径。
Capability 04
核心能力卡片
三张硬边描边卡，每张都给出可验收参数，而不是形容词。
创意布局的数据可视化
打破常规三列栅格，用拼贴式布局把指标、曲线与告警放在同一视线动线上。
- 首屏信息密度：6 个核心指标 + 1 张主图
- 图表加载骨架 ≤ 300 ms，避免布局跳动
- 颜色语义固定：主色=正常，强调色=异常
用户体验优化闭环
把运维人员的操作路径当成产品，按任务完成时长而不是页面浏览量来评估。
- 核心任务 3 步内完成，步骤数硬上限 5
- 错误提示必须含“原因 + 下一步动作”
- 可用性走查每两周一次，问题闭环 ≤ 10 天
Pricing 05
服务 / 价格档位
按接入设备规模与可视化深度分档，数字为参考区间，便于做预算初筛。
起步档 · 原型验证
¥ 3.6 万 起 / 项目
- 接入 ≤ 500 台设备
- 3 张标准看板 + 1 套响应式骨架
- 交付周期 4–6 周
- 含 1 次可用性走查
成长档 · 独立设计定制
¥ 12.8 万 起 / 项目
- 接入 500–5000 台设备
- 定制创意布局 + 6 类图表组件库
- 边缘协同与告警规则引擎
- 交付周期 8–12 周，含 2 轮体验优化
规模档 · 多集群运营
¥ 32 万 起 / 项目
- 接入 5000 台以上，多租户隔离
- 设计系统与组件库长期维护
- 专属可视化主题（含噪点质感叠层）
- 季度复盘 + 指标看板托管
Feature 06
图文混排特写：一条产线的数智改造
时间轴左右交错展开，展示从接入到上线的四个阶段。
把 3 条产线、217 个测点装进同一块屏
改造前，运维要在 4 个系统间切换抄数，单次巡检约 26 分钟。改造后统一为一块可视化面板：设备状态、能耗曲线、告警收敛同屏呈现，巡检时间压缩到 7 分钟，异常定位从“翻日志”变为“点卡片”。
217 个接入测点，采样周期 5 s
7 分钟单次巡检耗时（原 26 分钟）
1 套设计令牌贯穿 3 端界面
≤ 200 ms告警卡片从触发到上屏
- 阶段 01 · 摸底
测点清单与口径对齐
梳理 217 个测点，标注量纲、采样频率与告警阈值，产出一份可执行的字段字典。
- 阶段 02 · 接入
边缘网关分批灰度
先接 2 台网关验证协议兼容，再按 20%→50%→100% 三批放量，每批观察 48 小时。
- 阶段 03 · 设计
独立设计风格落地
确定撞色比例与卡片描边规格，输出响应式设计稿 3 档断点，评审视觉一致性得分 ≥ 90。
- 阶段 04 · 上线
看板交付与体验优化
上线后连续两周收集运维反馈，按任务完成时长排序优化，前 5 个问题闭环率 100%。
Checklist 07
实用指导清单：6 条可落地要点
每条都带做法与量化阈值，可直接抄进项目排期表。
- 先定指标口径，再动手画图统一采样窗口 1 分钟、聚合粒度 5 分钟，字段字典先行评审；口径不一致时，图表越漂亮返工越贵。
- 撞色配额写进设计规范中性底 60%、主色 30%、强调色 10%，强调色仅用于关键数字与激活态；单屏彩色不超过 3 种，其余用明度分档。
- 接入灰度按 20/50/100 放量每批观察 48 小时，关注重连率与丢包率；重连退避 1s→2s→4s，上限 30s，防止雪崩式重连。
- 响应式断点锁 1600 / 1024 / 640 / 380超大屏容器放宽并增列，平板横屏保持侧栏 196–244px，超小屏单列堆叠、点按区 ≥ 44px。
- 可视化面板控制首屏密度首屏 6 个核心指标 + 1 张主图，骨架屏 ≤ 300 ms，图表容器固定宽高比防布局跳动。
- 体验优化用任务时长验收核心任务 ≤ 3 步完成、步骤硬上限 5 步；错误提示含原因与下一步动作，走查问题 10 天内闭环。
把你的物联网解决方案，做成一眼可辨的独立设计
从指标口径、设备接入到响应式看板交付，我们按 8–12 周的节奏推进，并在每个阶段给出可量化的验收数字：在线率 ≥ 99%、首屏 ≤ 1.2s、任务完成 ≤ 3 步。