这是一个网页样式设计参考 · 智联魔方 卡片式物联网方案视觉稿

创新视界 · 卡片式设计

把家里的每一件设备,拼成一块会呼吸的魔方

智联魔方用模块化布局把温控、照明、安防、能耗拆成一张张卡片:想看什么就拼什么,父母用遥控器能上手,孩子看扁平化插画也懂。设备接入平均 12 分钟完成,端到端指令时延稳定在 180ms 以内。

180ms端到端指令时延
99.95%网关在线可用率
38%空调用电平均下降
客厅墙面大屏上以卡片网格展示家庭物联网实时数据看板
家庭中控 · 卡片拼图视角
手机端智联魔方应用以模块化卡片查看温湿度与照明状态
手机端 · 响应式设计
运维人员在园区大屏前查看设备在线率与告警卡片
园区运维 · 实时数据可视化

合作伙伴墙

已经和这些伙伴,把设备接进同一张网

接入前统一做一轮能力核验:协议版本、上报频率、离线补传三项全通过才上墙,确保卡片上的数字真实可信。

安禾暖通 · 空调/新风
朗居照明 · 灯光回路
守望安防 · 门磁/摄像头
易计电表 · 能耗计量
和风环境 · 温湿传感器
归野门锁 · 入户通行

核心能力

三张卡片,撑起一套物联网解决方案

每一张卡片只讲一件事:接得进、看得懂、管得住。卡片之间用 12 列栅格对齐,桌面 3 列、平板 2 列、手机 1 列平滑收拢。

模块化布局,接入即拼装

设备按房间、按功能拆成卡片,支持拖拽重组看板。常用卡片固定在前 4 格,其余折叠收纳,首屏信息密度提升约 40%。

兼容 MQTT / Modbus / Matter

实时数据可视化,一眼读懂

温湿度、用电、在线率以柱线与环形图并行呈现,刷新间隔 3 秒;数值超过阈值时卡片边缘亮起暖色描边,不必翻页找告警。

3 秒刷新 · 移动端 1 屏可读

亲和交互,家人都会用

圆润胶囊按钮、扁平化插画图标、字号不低于 14px;长辈模式放大 1.25 倍,关键操作点按区 ≥44px,误触率实测下降 27%。

无障碍对比度 ≥4.5:1

应用场景展示

从一间卧室到一片园区,卡片跟着生活走

同一套卡片在不同场景只换数据源,不换交互习惯,家人和运维人员不用重新学习。

卧室夜间场景中灯光与空调按睡眠卡片自动调节

居家睡眠

入睡后自动把灯光降到 15%、空调调至 26℃。

  • 夜间噪声 ≤30dB 联动
  • 起夜路径灯 3% 亮度
社区门禁与通行卡片展示入户授权与访客记录

社区通行

门锁、门磁、摄像头合成一张通行卡。

  • 访客码有效期 2 小时
  • 异常开门 10 秒内推送
办公楼层能耗卡片展示分区用电与峰谷对比

办公楼宇

按楼层拆分能耗卡,峰段自动错峰运行。

  • 分区计量精度 ±1.5%
  • 月均用电下降 12%
眼镜与手机叠加显示增强现实的设备巡检指引卡片

增强现实巡检

手机对准机柜即浮出设备卡片与检修步骤。

  • 单台巡检耗时 90 秒内
  • 记录留存 ≥12 个月

实用指导清单

把物联网方案落到家里,这 6 步最省心

按顺序做,别跳步。每条都附了可核对的指标,做完就能判断是否达标。

01先画房间设备清单,再谈协议

逐间列出设备、数量与用途,标注是「长期在线」还是「按需唤醒」。网关承载量按在线设备数 ×1.3 预留,避免后期加设备就掉线。

网关预留余量 ≥30%

02网络先行:2.4GHz 专网 + 有线回传

传感器走 2.4GHz,摄像头与大屏走网线回传。单 AP 建议不超过 40 个终端,信道固定 1/6/11,实测丢包率可压到 0.5% 以下。

丢包率 ≤0.5%

03卡片看板先做「3 张核心卡」

首屏只放温控、照明、安防三张卡,其余进「更多」。信息密度过高会让长辈找不到按钮,首屏卡片数建议控制在 4 张以内。

首屏卡片 ≤4 张

04告警阈值要写死,别留默认空值

温度上限 30℃、湿度 70%RH、离线 5 分钟触发提醒,每条告警必须带「房间 + 设备 + 建议动作」,否则家人收到也不知道该做什么。

告警准确率 ≥95%

05用响应式设计守好手机端

断点设 1600 / 1024 / 640 / 380px:桌面 3 列、平板 2 列、手机 1 列;长设备名强制换行,图片固定宽高比裁切,避免加载时页面跳动。

布局偏移 CLS ≤0.1

06留一条离线兜底路径

断网时本地网关仍执行最近 24 小时的定时策略,照明与门锁可手动操作。每季度做一次断网演练,恢复后 30 秒内自动补传数据。

断网续航 ≥24 小时

服务 / 价格档位

按房间数选档位,别为用不上的能力付费

三档都含卡片看板与响应式设计;差异在设备容量、可视化深度与响应时效。

轻享版 · 小户型

¥3,600 起 / 套(≤30 台设备)
  • 1 台网关 + 基础卡片看板
  • 实时数据可视化:温湿度 / 照明 / 门磁
  • 远程协助,工单响应 24 小时内
  • 含 1 次上门调试
适合 2 室以内

智联版 · 全屋

¥9,800 起 / 套(≤120 台设备)
  • 双网关冗余 + 离线兜底 24 小时
  • 能耗分项计量与峰谷错峰策略
  • 告警联动派单,响应 4 小时内
  • 增强现实巡检指引 + 季度健康报告
最常被选的一档

园区版 · 多楼栋

按点位评估 (≥120 台设备)
  • 多租户权限与分区看板
  • 开放 API,对接既有工单系统
  • 驻场支持 + 99.95% 可用率承诺
  • 按季度输出能耗优化建议
预约方案评审

工作流程步骤

从沟通到交付,4 段节奏清清楚楚

每段都有明确产出物,验收不过不进入下一段,避免边做边改。

需求勘察

上门或远程盘点设备与网络,输出房间级设备清单与点位图。

1–2 天 · 交付《点位清单》

方案与卡片设计

确定看板卡片结构、告警阈值与响应式断点,先出可点击原型。

2–3 天 · 交付《看板原型》

安装调试

按房间逐台接入并核验在线率,现场演示家人操作一遍。

1–3 天 · 在线率 ≥98%

陪跑与优化

首月每周复盘数据,按用电与误报情况调整阈值与自动化策略。

30 天 · 误报下降 ≥40%

常见问题

家人最常问的几件事

答案都写成了可核对的参数,方便你拿去和别家方案对照。

断网了,家里还能正常用吗?
能。网关本地保留最近 24 小时的定时与联动策略,照明、门锁、窗帘可离线手动操作;网络恢复后 30 秒内自动补传缺失数据,卡片看板不会出现断档。
老房子没有预留网线,还能装吗?
可以。传感器走 2.4GHz 无线,只需在弱电箱放一台网关。单 AP 建议不超过 40 个终端,超过就把摄像头这类高带宽设备单独分一个信道,实测丢包率可控制在 0.5% 以内。
卡片看板会不会太复杂,长辈学不会?
首屏只保留 4 张核心卡,其余折叠进「更多」;按钮点按区 ≥44px、字号 ≥14px,长辈模式整体放大 1.25 倍,并隐藏设置类入口。多数家庭演示一遍即可上手。
数据存在哪里,谁能看到?
默认本地优先,敏感数据留在网关;上云部分按房间做权限隔离,家庭成员只看到自己房间的卡片。日志留存 12 个月,支持随时导出与删除。

带着你的房间清单,一起拼出第一块魔方

把户型、设备数量与最在意的三件事告诉我们,48 小时内给出卡片看板草图与接入建议;不确定要不要装,也可以先聊聊预算范围。

预约 30 分钟方案沟通 先看落地清单 工作日 9:00–20:00 在线 · 支持远程勘察