1px 线条勾勒数据路径

用 1px 细线替代笨重边框,把「感知层—网络层—平台层」画成一条可读的路径。信息层级靠粗细与留白区分,减少装饰后页面加载体积可下降约 35%。
梦想起航 · 极简线条艺术
我们以极简设计与线条艺术的方式呈现物联网解决方案:去掉多余装饰,只保留数据流本身。企业决策者能在 3 分钟内看懂「设备—网关—平台」的走向,开发者能按图索骥完成接入,设计爱好者也能感受到克制的美感。
看板仅呈现关键 4 项指标:再多就会淹没重点。数值为可替换的参考量级。
特性 03 / 横向滑动

用 1px 细线替代笨重边框,把「感知层—网络层—平台层」画成一条可读的路径。信息层级靠粗细与留白区分,减少装饰后页面加载体积可下降约 35%。

把关键指标拆成 4 格看板,每格只放 1 个数字与 1 个单位。实测决策者停留时间提升约 1.6 倍,咨询前的问题也更聚焦。

每个模块右上角的折角,是对「起航」的隐喻。折角统一 34–58px,颜色只取背景色或主色,避免喧宾夺主,也可作为模块状态的轻提示。
动态 04 条

手册用线条艺术重绘了 6 个典型场景:从单点温湿度上报,到 200 台设备的园区级组网。每一步都给出报文频率、阈值与失败重试策略,方便开发者照做。
问与答 06 组
可以。先只接入 3 台设备、1 个网关,用 MQTT 每 30 秒上报一次温湿度即可跑通闭环。我们把配置收敛成一张勾选清单,非专业开发者也约 2 小时能完成首次联调。
不会,关键在层级:正文对比度不低于 4.5:1,线条只承担分隔与引导,不用来承载文字。装饰元素加 aria-hidden,读屏用户听到的仍是完整信息。
多数场景建议 5–15 秒刷新一次。快于 2 秒会让人视觉疲劳,慢于 30 秒则失去「实时」的感受。温度类指标可放宽到 1 分钟。
设置两级告警:连续 3 次心跳缺失记为「疑似离线」,连续 9 次记为「确认离线」,并推送一条带设备编号与最后上报时间的通知,避免误报打扰。
380px 以下把多栏看板改为单列,卡片内边距收到 8–12px,长设备编号允许断行,所有可点区域保持 44px 以上,避免误触。
入场动画只用 transform 与透明度,时长控制在 0.45 秒内,并对 prefers-reduced-motion 做降级。动画只为「错峰揭示」,不参与内容显示,关掉动画内容依然完整。
三档 按需升级
场景 04 类

每层布 6 个温湿度节点,空调联动后人均体感投诉减少约 70%。
指标:室温波动 ≤ ±1℃
货架加装 2 类传感器,盘点从 4 小时缩短到约 40 分钟。
指标:盘点效率提升约 6 倍
路灯与井盖状态集中纳管,异常发现从「巡查发现」变为「分钟级告警」。
指标:故障响应 ≤ 15 分钟
土壤湿度低于阈值自动灌溉,单棚用水量下降约 22%。
指标:阈值触发准确率 ≥ 95%落地 06 条
把目标写成数字,例如「把冷库温度超标时长从每天 45 分钟降到 10 分钟以内」。目标越具体,传感器精度、上报频率与告警阈值就越容易定。避坑:先买设备后想目标,往往采了一堆用不上的数据。
温度类 30–60 秒、用电类 15 秒、位置类 5 秒即可。每提高一档频率,流量与功耗大致翻倍。参数:电池设备建议 ≥ 60 秒并开启变化上报(差值 > 0.5℃ 才发)。
黄色阈值只记录不打扰,红色阈值才推送。建议红色阈值连续满足 3 个采样点再触发。量化:误报率控制在 5% 以内,团队才会真正信任告警。
每个指标配 1 个数字 + 1 个单位 + 1 条趋势线,其余下沉到详情页。分栏看板比大段文字更快被理解,决策者平均 20 秒内可读完首屏。避坑:把原始报文直接铺在看板上。
分隔线统一 1px,颜色取低饱和中性色;模块间距用 12/16/24 三档即可。量化:页面装饰元素占比控制在 10% 以内,主内容对比度 ≥ 4.5:1。
设备断网后数据是否本地缓存?恢复后是否补传?重复上报是否去重?建议:本地缓存 ≥ 1000 条、补传窗口 24 小时、按时间戳 + 设备编号去重,避免看板出现假峰值。
选型 3 条路线
| 对比项 | 轻量直连 | 网关汇聚 | 平台托管 |
|---|---|---|---|
| 适用设备数 | ≤ 10 台 | 10–200 台 | 200 台以上 |
| 首次联调 | 约 2 小时 | 约 1 天 | 3–7 天 |
| 时延参考 | 30–80ms | 40–120ms | 60–200ms |
| 运维投入 | 低,但需自管凭证 | 中,需维护网关 | 低,平台代管 |
| 扩展成本 | 每加 1 台设备成本线性上升 | 按网关扩容,边际成本下降 | 按订阅计费,弹性最好 |
| 适合团队 | 设计 / 产品验证 | 有 IT 运维的成长团队 | 多园区、多租户运营 |
阶段 04 步
在白板上把「设备—网关—平台—看板」画成一条线,标出每个节点要传的字段,字段控制在 8 个以内。
接 3 台设备跑通闭环,确认上报频率、时延与断网补传,再复制到第 4 台。
上线分栏看板与两级告警,把关键数字放大到一眼可见,其余信息收进详情。
按季度复盘指标达成率,逐步扩到 200 台规模,并把视觉规范沉淀成组件库。
告诉我们设备数量、上报频率与你最在意的那个数字,1 个工作日内给出接入路线建议与看板草图。不限行业,先把闭环跑通最重要。