拟物控件库
统一光影方向：左上高光、右下暗影，全端一致。
- 24 个基础控件
- 阴影令牌 3 级
- 圆角 12–16px
IoT · 拟物化交互
把智能家居的触感，做成可感知的物联网体验
面向全屋 IoT 的差异化方案：以拟物化设计统一 App、面板与中控屏三端，让每一次开关、调光、场景切换都像按压真实物理按键。默认 120ms 内完成端到端指令回执，弱网下自动降级为本地直连。
120ms指令端到端时延
99.96%网关在线率
62%场景编排耗时降幅
4.8/5交互体验评分
图文混排特写：一块面板，三种物理隐喻
把抽象数据翻译成“摸得到”的观感，是本方案与常规 IoT 后台最大的差异点。
02 / SCENE
按压深度 = 状态确定性
控件凹陷 4px 表示“已触发并等待回执”，回弹伴随 180ms 缓出动画表示“设备已确认”。用户无需阅读文字提示，就能通过触感判断指令是否送达；实测误操作率下降 34%。
4px / 6px凹陷位移 · 投影偏移
180ms回弹缓出时长
34%误操作率降幅
3 端App / 面板 / 中控
四项能力特性（硬边描边 + 偏移阴影卡）
每张卡都对应一条可验收指标，避免“看起来很美、实测很慢”。
03 / FEATURES低时延联动
本地优先策略，弱网环境自动转为局域网直连。
- 指令 ≤120ms
- 离线可用 8 场景
- 回执重试 2 次
协议兼容层
Matter、Thread、Zigbee 统一抽象为设备影子。
- 3 协议接入
- 接入耗时 ≤2 天
- 状态同步 1s 内
体验度量
把交互设计变成可追踪的数字，而非主观感受。
- 首屏可点 1.2s
- 任务完成率 ≥96%
- 周报自动出图
悬停展开：横向风琴场景卡
四类典型住宅场景，悬停即可放大查看空间细节。
03.5 / ACCORDION
客厅 · 观影模式
一键联动灯光、窗帘与影音，色温降至 2700K，响应 1.5s 内完成。
卧室 · 睡眠曲线
温湿度每 60s 采样，入睡后自动切换静音与低照度，噪声目标 <30dB。
厨房 · 安防联动
燃气与烟感双阈值，超限 3s 内推送并自动关阀，支持离线本地策略。
全屋 · 能耗看板
按房间分组统计，异常设备高亮，单月节能目标 12%–18%。
服务与价格档位
按住宅规模与交付深度分级，均含拟物化设计系统与联调验收。
04 / PRICING实用指导清单：拟物化 IoT 界面落地六步
照着做即可复用，每一步都带可量化验收标准。
05 / CHECKLIST01
先定光影方向，再画控件
全站统一为左上高光、右下暗影，光源角度固定 135°。阴影令牌三档：6px/14px 常规、4px/10px 内凹、3px/8px 小控件，禁止混用方向。
02
控制层级只留 3 档明度
背景、卡片、控件三档明度差控制在 0.05–0.08（oklch L 值），超过 0.1 会出现“塑料感”。强调色面积不超过屏幕的 10%。
03
交互反馈必须双向可辨
按压位移 4px、回弹 180ms、缓出曲线 cubic-bezier(.16,1,.3,1)。回执超时 800ms 时切换为“待确认”中性态，避免用户反复点击。
04
弱网与离线优先设计
本地直连兜底 8 个高频场景，断网时控件降级为只读并显式标注“本地执行”，恢复后 1s 内回同步，避免状态欺骗。
05
用指标验收体验，而非感觉
首屏可点 ≤1.2s、单场景编排 ≤7 天、任务完成率 ≥96%、误触率 ≤2%。每周导出一次埋点报表，连续两周不达标即回炉控件。
06
可访问性兜底
正文对比度 ≥4.5:1、点按区 ≥44px、支持 prefers-reduced-motion 关闭动效；拟物阴影不可作为唯一状态标识，需辅以文字或图标。
常见问题 FAQ
关于拟物化设计与物联网交互落地的六个高频疑问。
06 / FAQ拟物化设计在深色底上会不会显得“脏”？
关键在于高光不要用纯白。用 L 值 0.94 左右的低饱和色做高光、透明黑做暗影，卡片与背景明度差保持 0.06 以内；实测可让控件辨识度提升约 28%，同时避免发灰。
拟物控件会不会拖慢首屏渲染？
不会。全部用纯 CSS 阴影与渐变实现，不引入位图与脚本；阴影层数控制在 2 层以内，首屏可点时间可稳定在 1.2s 以下。图标使用内联 SVG，单页体积增量通常小于 40KB。
多品牌设备接入协议不统一怎么办？
先落设备影子模型，再写适配器：Matter / Thread 直连，Zigbee 走网关桥接，私有云走轮询兜底（间隔 5s）。四类设备接入实测平均 2 天完成，状态同步延迟 1s 内。
交互设计如何量化验证？
建议三件套：埋点看任务完成率（目标 ≥96%）、录屏看误触率（目标 ≤2%）、问卷看主观评分（目标 ≥4.5/5）。三个指标连续两周达标，才可判定该控件版本可上线。
老人和儿童使用拟物化控件有障碍吗？
反而更友好：物理隐喻降低学习成本。但仍需保证点按区 ≥44px、字号 ≥16px、关键操作配文字标签；实测 60 岁以上用户首次独立完成开关灯任务的时长缩短约 40%。
后期想换风格，成本高吗？
只要按令牌体系搭建，换风格只需改阴影、圆角、明度三类变量，控件结构不动。经验值是：单端改版 2–3 人日，三端同步 5 人日内可完成回归测试。
把你的全屋 IoT 交互，做成看得见、摸得着的差异化
提交户型与设备清单，我们将给出拟物化控件组、场景编排方案与体验度量基线，48 小时内反馈可执行建议。