原创图形语言 · 拼贴打破常规栅格
用 3 组图形母题（波纹 / 描边序号 / 错位色块）统一全站，栅格 12 列但允许卡片跨列错位 1–2 格。落地标准：任意页面首屏图形元素≤5 种，色彩不超过 4 个令牌色。
独立设计风格
创意网页设计
灵感绽放
灵感绽放的三条支点
独立设计风格不是装饰，而是可维护的模块化布局
三条支点沿弧线错落排列，对应创意网页的可见层、数据层与责任层；每张卡都给出可核对的指标，而不是形容词。
实时数据展示 · 让能耗与责任同屏
设备数据经 MQTT → 边缘网关 → 时序库三级链路，端到端时延目标≤1.5s，采样周期 5–60s 可调。看板默认只展示 4 个核心指标，避免信息噪声干扰判断。
实时数据
现代科技感
物联网解决方案
用户体验优化 · 为可持续行为降摩擦
关键操作路径压缩到 3 步以内，按钮点按区≥44px，首屏可交互元素≤7 个。把“节能建议”做成可一键采纳的动作，采纳率从 18% 提升到 41%。
用户体验优化
模块化布局
现代科技
01 · 解决方案对比
三条技术路线：自建边缘、平台托管、混合协同
同一套创意网页前端，后端选型不同，成本、时延与可持续指标差别很大。下表为 200 个节点规模下的实测区间。
| 对比维度 | 自建边缘网关 | 平台托管方案 | 混合协同方案 |
|---|---|---|---|
| 端到端时延 | 0.8–1.2s 本地闭环 | 1.4–2.6s 受公网波动 | 0.9–1.5s 关键链路本地 |
| 首年投入 | 较高（硬件 + 运维） | 按节点订阅，弹性低 | 前端 30% 节点自建，成本可控 |
| 数据主权与合规 | 数据不出内网，责任边界清晰 | 需签数据处理协议，跨域审计成本高 | 敏感字段本地脱敏后上传 |
| 能耗可观测性 | 可做到 5s 粒度 | 通常 60s 粒度 | 关键设备 5s，其余 60s |
| 扩展新设备耗时 | 2–4 周 | 3–5 天 | 1–2 周（复用托管模板） |
| 适配场景 | 园区、产线等强隐私场景 | 连锁门店、快速试点的个人用户 | 多站点企业 + 设计师协作 |
避坑点：不要为了“现代科技感”把全部数据放到公网展示；先把数据分级（公开 / 内部 / 敏感），再决定哪一层走本地闭环。责任视角下，数据留在哪里，责任就落在哪里。
02 · 应用场景展示
四个真实场景：从采样的第一毫秒到节能的最后一度电
智慧园区 · 分项能耗与碳账本
按楼栋 / 楼层 / 回路三级拆解，异常用波形对比定位。夜间基线偏差超过 12% 自动生成巡检任务，避免“看不见的浪费”。
覆盖回路 486 路异常发现缩短至 9 分钟年节电 21.4 万 kWh
产线设备 · 预测性维护
振动 + 温度 + 电流三路特征，滚动窗口 10 分钟计算健康度；健康度低于 62 触发检修建议，减少非计划停机与备件浪费。
非计划停机下降 43%误报率 <3.5%备件库存降低 17%
AR / VR 远程协作
现场画面叠加实时数据标签，远端专家用标注图层指导排障。标注与数据同帧对齐，避免“看图猜参数”。
首次修复率 88%平均排障 14 分钟差旅减少 60%
社区共享 · 个人用户终端
把设备状态翻译成人话：剩余可用时长、今日节省电量、下次维护时间。个人用户一眼看懂，愿意参与节能行为。
活跃使用率 72%节能行为采纳 41%设备空转下降 29%
03 · 合作伙伴墙
与谁一起负责：从传感器到设计师的协作链
合作伙伴按角色分工，各自的可持续责任写进接口约定，而不是写在宣传语里。
传感硬件厂商提供校准曲线与寿命数据
边缘网关伙伴本地脱敏，5s 粒度上报
时序数据平台保留 13 个月，冷热分层
独立设计工作室原创图形与模块化组件库
高校能效实验室基线模型与节能量核验
运维服务商响应 SLA：2 小时到场
第三方审计机构季度核验，出具报告
社区共创小组个人用户体验反馈闭环
04 · 最新动态 / 资讯
组件库、能效基线与协作规范的三条进展
灵感物语组件库开放：42 个模块化组件，覆盖实时数据展示全链路
组件按“数据密度”分三档：概览卡（1 指标）、对比卡（2–4 指标）、诊断卡（含波形）。全部走同一套设计令牌，圆角统一 20–28px，间距遵循 4/8pt 节奏，独立设计风格不再靠临时手绘。首批 42 个组件已通过可访问性自检：对比度≥4.5:1、焦点可见、触控区≥44px。
-
发布园区能效基线算法 v2：把天气、作息、设备老化纳入回归，节能量核验偏差从 ±14% 收敛到 ±6%。适用：园区 / 商业综合体 · 需 90 天历史数据
-
AR 标注与实时数据实现同帧对齐，排障时可冻结画面逐帧核对参数，减少误判导致的重复上门。适用：产线 / 远程支持团队
-
数据分级模板上线：公开 / 内部 / 敏感三级默认策略，敏感字段在边缘侧完成脱敏后才允许上行。适用：有合规要求的多站点企业
-
个人用户终端改版：首屏只保留 3 个动作（查看节省、预约维护、分享建议），把用户体验优化的目标写进验收指标。适用：社区共享设备
05 · 实用指导清单
把灵感绽放落地：6 条可执行要点与量化阈值
面向设计师、企业与个人用户的协作清单，每条都能在评审会上直接对照验收。
-
先定数据分级，再做界面视觉
把字段分为公开 / 内部 / 敏感三级，敏感字段在边缘网关完成脱敏（如坐标偏移 50–200m、设备序列号哈希）后才允许上行。验收：任何公开页面上不得出现可反推真实设备位置的字段。
-
采样与上报周期分档，别一刀切
关键设备 5s 采样、30s 上报；一般设备 30s 采样、5min 上报；仅做统计的回路 5min 采样。验收：时序库日均写入量控制在预估值的 ±15% 内，磁盘增长可预测。
-
实时看板最多 4 个核心指标
首屏只放最需要决策的 4 个数字（如当前功率、今日用电、偏差率、可用率），其余进二级页。验收：用户 8 秒内能说出系统当前是否正常。
-
独立设计风格要写成组件规范
把波纹母题、描边序号、错位色块固化为 3 个可复用组件，颜色只允许引用 8 个令牌变量。验收：新页面拼装时不需要新增任何十六进制色值，圆角只用 14/20/28px 三档。
-
节能建议必须可一键采纳
每条建议写明预期节省区间与生效时间，并提供“采纳 / 稍后 / 忽略”三态。验收：采纳后 7 天内可回看实际节省数据，采纳率目标≥40%。
-
把责任指标纳入迭代评审
每次迭代评审固定看 5 项：端到端时延（≤1.5s）、数据可用率（≥96%）、单位能耗（同比下降≥8%）、无障碍对比度（≥4.5:1）、触控区（≥44px）。任一不达标不进入发布。