- ·接入 ≤ 200 个感知节点,采样间隔 5 分钟
- ·环保仪表盘 6 类指标,数据可视化保留 90 天
- ·手绘插画主题 3 套,响应式设计覆盖移动端
让万物像森林一样
自然地互相感知
把物联网网关、土壤传感器、水质探头与光照节点,编成一张有呼吸感的生态网络。我们用手绘插画式的界面语言、模块化布局与响应式设计,让环保指标与数智科技在同一块屏幕上自然共生——你看到的不是冷冰冰的曲线,而是一片正在生长的绿色秩序。
98.6% 节点在线率
服务与价格档位
按生态规模与数据频率分档,所有档位均包含自然有机视觉主题、模块化布局与响应式设计,可按季度弹性升降级。
- ·接入 ≤ 2,000 节点,采样间隔 30 秒,边缘预聚合
- ·碳排 / 能耗 / 水质三线联动看板,延迟 ≤1.2s
- ·模块化布局组件库 48 个,支持品牌色令牌替换
- ·季度用户体验走查 1 次,含可用性报告
- ·节点规模不设上限,多租户与私有化部署
- ·定制创意设计专题页与手绘插画图鉴
- ·数据可视化大屏 + 移动端双端一致性验收
核心能力卡片
五张能力卡横向排布,右滑查看全部。每张卡都对应一组可量化的交付指标,避免概念堆砌。
边缘感知低功耗边缘组网
LoRa + NB-IoT 双通道冗余,网关本地缓存 72 小时,断网自动补传,避免数据空洞。
数据可视化有机曲线可视化
把碳排、能耗、水质三类时序数据压成同一时间轴,异常点用暖色柔光标注,不刺眼但一眼可辨。
响应式设计模块化布局体系
48 个可复用组件、4/8pt 间距节奏,从 320px 手机到 2560px 大屏逐级放宽,栅格不塌陷。
环保合规环保指标闭环
水质 pH、土壤含水率、PM2.5 超标即触发分级预警,自动生成整改工单与复测计划。
用户体验亲和交互体验
全圆角胶囊按钮、≥44px 点按区、柔和层影与缓慢淡入动效,让运维人员长时间盯屏也不疲惫。
实用指导清单
从协议选型到视觉验收,六条可直接抄进项目排期的落地要点,每条都带阈值与验收口径。
先定采样频率,再谈可视化
环保类指标建议土壤含水率 30s、水质 60s、碳排 5min 三档错峰采集;否则前端刷新再快也会被数据源拖慢,看板延迟会从 1.2s 涨到 4s 以上。
用统一令牌收敛视觉
把间距、圆角、阴影、字号全部定义成 CSS 变量,组件只引用令牌。经验值:间距只用 4/8/12/16/24/32 六档,圆角不超过 3 级,页面视觉返工率可下降约 40%。
手绘插画别盖住数据
插画与色块作为背景层,透明度控制在 12%~20%,且不得压住坐标轴与数值标签;关键数字对比度需 ≥ 4.5:1,否则现场大屏在强光下会读不清。
响应式先测 320px 与 2560px
两个极端视口各留 30 分钟自测:320px 下卡片单列堆叠、点按区 ≥ 44px;2560px 下容器放宽、卡片由 5 列补到 6 列,避免中间一条窄柱两侧大片空白。
预警要分级,别只报警不闭环
设置提示 / 警告 / 严重三级阈值,严重级 ≤5min 内触达责任人并生成整改工单,复测通过后自动归档。只报警不闭环,告警疲劳会在两周内出现。
图片与动效都要有降级
图片统一 object-fit:cover 加固定宽高比容器,防布局跳动;入场动效默认即终态可见,并为「减少动态效果」偏好提供降级,时长压到 0.001ms 级别。
常见疑问(点击展开,纯 CSS 手风琴,无需脚本)
自然有机风格会不会削弱专业感?
模块化布局换品牌色要改多少地方?
数据可视化最多能扛多少节点?
合作伙伴墙
覆盖传感硬件、园区运营、科研机构与绿色金融四类角色,共同把「数智 + 环保」落到可验收的现场。