多模态感知层
语音、视觉、传感器三路上行统一为 16kHz 采样与 JSON 事件流,端侧预处理延迟压到 40ms 以内。
中心卡承担状态与入口,四周五张特性卡按「感知 → 理解 → 执行 → 反馈 → 定制」环流排布,悬停放大 2.6% 以确认焦点。
语音、视觉、传感器三路上行统一为 16kHz 采样与 JSON 事件流,端侧预处理延迟压到 40ms 以内。
把一句话拆成可执行 DAG:槽位抽取后映射到设备原子动作,冲突指令按「安全 > 舒适 > 节能」优先裁决。
单一底色 + 左上高光 / 右下暗影的双向阴影,让每个控件都有「按下去会沉」的物理暗示,圆角统一 12–16px。
从 320px 到 2560px 连续过渡:卡片列数 1→2→3→4 递进,容器 1140 → 1400 → 1680px 逐级放宽,杜绝两侧空柱。
主题色、圆角强度、阴影深度、动效时长四项可调,改动即时预览并写入本地策略,家庭成员各自独立生效。
所有能力在此汇聚成一条可观察的状态线:谁在说话、谁在执行、谁在等待确认,一眼可读。
价格以「每户每月」计,含平台能力与样式组件库授权;超过阈值部分按量阶梯计费,可随时升降档。
面向产品与设计同学的观察笔记,每条都附上可验证的量化口径,方便你直接对照实验。
做法:将高光与暗影固定为两张阴影令牌(--neu-up / --neu-dn),禁止各页面自写。对照组发现,控件「可按压感」越统一,用户在暗光环境下误点相邻按钮的比例下降 4.3 个百分点。
抽样口径:12 个家庭、60 台设备、连续 56 天日志;指标均为去极值后的中位数。
先看「响应」判断链路是否通畅,再看「成功」判断理解是否到位,最后看「省时」判断价值是否真实发生。任一指标掉出阈值,优先回查感知层而非模型层。
每条都给出可执行做法、量化阈值与常见坑位,可直接贴进你的设计验收单。
全站只保留一个低对比底色,阴影拆成两张令牌:凸起用 左上高光 + 右下扩散暗影,凹陷用内阴影。做法:暗影透明度控制在 0.35–0.55,高光不超过 0.08。
避坑:不要给同一区域叠加两套阴影,会出现「灰边」,暗光环境下尤其明显。正文与底色对比度务必 ≥ 7:1,次要信息 ≥ 4.5:1;凹凸感靠阴影而非降亮度实现。可量化验证:把界面截图转灰度,正文应仍能清晰辨认。
避坑:为了「柔和」把正文调到 3:1 以下,会让 40 岁以上用户放弃阅读。hover 上浮不超过 4px,按下位移 1–2px,过渡统一 0.25s ease;放大类焦点反馈控制在 1.026–1.03 倍,超过 1.05 会让网格拼图出现明显错位。
避坑:位移与缩放同时超过阈值,卡片角落会与相邻卡片「打架」,视觉噪点陡增。把青蓝强调色留给按钮、激活态、关键数字与细线高亮;主色用于 30% 的次级承载面。做法:交付前用色块统计工具核算占比,超预算就回退到中性层。
避坑:用高饱和色铺整条横幅,会让拟物质感彻底失真,页面变得像广告位。容器 1140 → 1400 → 1680px 逐级放宽,卡片列数 1 → 2 → 3 → 4 递进;断点设在 380 / 640 / 1024 / 1600px。小屏点击区必须 ≥ 44px,长英文词强制断行。
避坑:用 100vw 做全宽容器,滚动条宽度会造成横向溢出,改用 100% 或 max-width。视差位移控制在 6–14px,配合 prefers-reduced-motion 直接关闭;所有淡入上浮用 0.3–0.6s ease-out,不做弹跳。个性化定制里保留「减少动态效果」开关。
避坑:忽略降级会让部分用户出现眩晕,也会拉低长时间停留时长约 12%。