智能制造
产线设备联网与预测维护
振动与温度数据以 1kHz 采样，边缘侧做特征提取后回传。
- 非计划停机下降 22%
- 点检工时减少 40%
- 备件周转 45 天
实用指导清单：把物联网网页做成业务入口
以下 6 条来自真实交付复盘，直接对应「扁平化设计 + 科技感 + 响应式设计」的落地参数，可逐条对照验收。
-
首屏只讲一件事：设备接入规模与稳定性
Hero 区放置 3 个硬指标（在线率、指令时延、协议数），单个数字字号 ≥ 2.4rem 并使用等宽数字；避免在首屏堆叠超过 5 个卖点，实测可让方案页停留时长提升约 18%。
-
扁平化色块做信息分区，而非装饰
用斜切色带（skew 12°–16°）把「感知层 / 网络层 / 平台层 / 应用层」四段区分开，每段只保留一种主色 + 一级灰底；色块高度控制在 160–240px，避免大面积高饱和填充导致视觉疲劳。
-
响应式断点必须覆盖到 320px
关键断点建议 1600 / 1024 / 640 / 380px 四档：1024px 以下目录转入顶部、特性卡由 3 列降为 2 列，640px 以下单列堆叠，380px 以下内边距收到 10–12px；所有按钮点按区不小于 44×44px。
-
动态效果克制：只用淡入上浮与缓慢自转
入场动效统一为 0.45–0.6s ease-out 上浮 16–20px，错峰间隔 60ms；环形装饰线自转周期设 36s 以上，并在 prefers-reduced-motion 下全部关闭，防止干扰阅读设备参数。
-
技术参数要可核对，不写形容词
把「高性能」替换为具体值：MQTT 并发连接 ≥ 50 万、消息吞吐 ≥ 8 万条/秒、边缘规则下发 ≤ 3s、数据留存 90 天可配；每个数字标注测试口径（设备型号、网络环境），便于售前答疑。
-
图文混排统一裁切比例，杜绝布局跳动
图片容器统一 16:10 或 4:3 并声明宽高比，
object-fit: cover+loading="lazy"；首屏主视觉加载预算控制在 ≤ 220KB，否则移动端首屏渲染会延迟约 0.6s。
图文混排特写：一条数据从传感器走到业务看板
以「科技风暴」为叙事主线，把四层链路拆成可讲述的步骤，让访客在三分钟内理解方案边界。
四段链路：感知采集 → 边缘预处理 → 云端治理 → 场景交付
页面按扁平化原则只保留两级标题与一级正文，每段链路配 1 张实拍图 + 1 组量化指标，让「物联网解决方案」的专业度落在可验证的数字上。
1200 台单网关接入设备上限
35%边缘过滤后回传流量降幅
3 级告警分级（提示/预警/紧急）
90 天时序数据默认留存周期
- STEP 01在设备侧统一接入协议，MQTT 为主、Modbus/OPC UA 通过网关转换，单设备接入配置 ≤ 5 分钟。
- STEP 02边缘侧配置规则引擎，本地完成阈值判断与降采样，回传频率由 1s 调到 5s，带宽节省约 35%。
- STEP 03云端建立设备影子与物模型，字段命名遵循统一词典，避免同类项目重复建模 2 周以上。
- STEP 04面向业务输出看板与开放 API，关键指标 5 秒聚合一次，支持导出 CSV 与告警订阅。
应用场景展示：六类典型部署与页面呈现重点
阶梯错位卡片排布，每张卡片对应一个真实行业场景，列出该场景最该被看见的 3 个指标。
智慧园区
园区能耗与环境联动
照明、空调、新风三类子系统统一接入，按分区策略联动。
- 综合能耗下降 15%
- 异常响应 ≤ 60s
- 分区策略 24 组
仓储物流
冷链温控与货位可视化
温湿度标签每 2 分钟上报，越限即触发三级告警链路。
- 货损率降至 0.4%
- 盘点效率提升 30%
- 追溯链路完整率 99%
智慧水务
管网压力与漏损治理
分区计量 + 夜间最小流量分析，定位疑似漏损管段。
- 漏损率下降 6 个百分点
- 巡线里程减少 25%
- 告警准确率 92%
能源电力
配电房无人值守
电参量、温度、门禁三源数据融合，异常自动生成工单。
- 巡检频次下降 70%
- 故障定位 ≤ 5min
- 数据完整率 99.9%
城市照明
单灯控制与按需调光
基于人流与时段策略调光，故障灯自动上报位置。
- 照明电耗下降 28%
- 故障发现 ≤ 10min
- 在线率 99.2%
服务与价格档位：按接入规模而非按页数计价
三档交付标准，均含响应式设计与扁平化设计规范文档，避免后期视觉走样。
起步版 · 方案展示
¥ 1.8 万起 / 项目
- 接入规模 ≤ 500 台设备
- 5 个标准页面 + 1 套组件规范
- 响应式断点 1024 / 640px
- 交付周期 10 个工作日
专业版 · 业务打通
¥ 4.6 万起 / 项目
- 接入规模 ≤ 5000 台设备
- 12 个页面 + 数据看板模板 8 套
- 四档断点含 380px 超小屏适配
- 含埋点方案与可用性验收清单
- 交付周期 20 个工作日
企业版 · 平台定制
按需评估 / 年度服务
- 设备规模不限，多租户隔离
- 设计系统落地 + 前端组件库
- 性能预算：首屏 ≤ 220KB、LCP ≤ 2.5s
- 季度视觉巡检与走查报告