萌芽版 · 单品触点
¥2.8万/ 起 · 6周
- 1 类设备接入，≤8 个情绪触点
- 呼吸式状态光 + 3 套微动画
- 响应式设计：375 / 768 / 1440 三档
- 交付：Figma 组件库 + 前端样式包
这是一个网页样式设计参考 · 暖光玻璃拟态 · 情感化物联网
服务档位
按情绪触点数量计价，不做无意义的套餐堆叠
三条产线覆盖从单品到跨场景：每个档位都包含响应式设计适配、模块化布局组件与情感化文案规范，交付即带可用的微动画库。
暖流版 · 全屋协同
¥8.6万/ 起 · 10周
- 4 类设备 + 场景联动，≤30 个情绪触点
- 情绪分级文案库（安心 / 提醒 / 抱歉 / 庆祝）
- 模块化布局：卡片可插拔，运营自助换序
- 埋点看板：触点触发率、关闭率、复访率
- 含 2 轮可用性走查与阈值调优
浪潮版 · 多端生态
¥19.5万/ 起 · 按里程碑
- 多品牌协议接入 + 边缘侧情绪推理
- 跨端一致性规范（App / 车机 / 面板 / 语音）
- 品牌忠诚度模型：NPS 与留存联合看板
- 季度设计系统维护与组件灰度发布
核心能力
四项差异能力，把「技术可用」变成「用户愿意」
能力项均可单独验收，附量化判据，避免设计稿好看但上线无效。
情绪状态建模
把设备数据映射为「安心 / 关注 / 需要你」三态，用色彩温度与语速而非红黄警报表达，降低误报焦虑。
≤3 态状态数上限，避免用户认知过载
微动画语言
缓慢缩放呼吸节奏 2.4～4.2s 循环，缓动统一 0.45s ease-out；关键提醒用一次上浮，不用弹跳抢注意力。
0.45s统一过渡时长，避免节奏混乱
模块化布局中台
卡片、图集、步骤轴全部组件化，运营可在不改代码的前提下调整顺序与文案，保持多端视觉一致。
32 个可复用组件，覆盖 90% 常见页面
忠诚度闭环度量
把情感化设计纳入指标：触点触发率、主动确认率、30 天复访率，与 NPS 联动做季度回归。
+23%试点场景续约意向提升幅度
实用指导清单
六条能直接照做的落地要点
来自智能家居与康养项目的复盘：每条都给做法、参数与避坑点。
-
先定情绪分级，再画界面
把设备事件归为 3 级：L1 安心（静默）、L2 关注（轻提醒）、L3 需要你（明确行动）。任何事件先归级再设计，避免 80% 事件都做成弹窗——实测 L3 占比应控制在 ≤8%。
-
用暖光而非红光表达「需要」
L3 用 色温 2700～3000K 的琥珀光 + 一次 0.45s 上浮，禁用高频闪烁。呼吸周期 2.4～4.2s，亮度变化幅度 ≤18%，既醒目又不刺激夜间用户。
-
把等待变成有信息的陪伴
设备响应 1.8s 以上时，展示进度语义（已连接 / 正在读取 / 即将完成），配 1 句拟人化文案。避坑：不要用「请稍候」这类无信息文案，也不要超过 3 屏轮播，否则用户会误判卡死。
-
响应式设计按触点密度断点
断点取 380 / 640 / 1024 / 1600px：手机单列、平板双列、桌面四列、超大屏容器放宽到 1400～1680px。所有网格用 minmax(0,1fr)，图片用定宽高比容器 + object-fit:cover，防止长文本与图片撑破布局。
-
微动画必须可降级
入场与呼吸动效全部用纯 CSS @keyframes 自动播放，元素默认可见；在 prefers-reduced-motion 下关闭动画而非隐藏内容。避坑：不要用「初始 opacity:0 + 脚本加类才显示」的写法，会让无脚本环境整块内容永久消失。
-
把忠诚度写进验收指标
上线后追踪 4 个数：触点触发率（目标 ≥65%）、主动确认率（≥40%）、提醒关闭率（≤15%）、30 天复访率（≥52%）。连续两周关闭率超标，优先改写文案语气而不是加大动画幅度。
解决方案对比
传统告警式 vs 情感化物联网方案
同一套硬件，两种设计取向带来的用户体验与留存差异，横向对比后更易做决策。
| 对比维度 | 传统告警式方案 | 情感化物联方案 | 量化判据 |
|---|---|---|---|
| 状态表达 | 红黄绿三色硬切换，语义单一 | 情绪分级 安心 / 关注 / 需要你 | L3 事件占比 ≤8% |
| 提醒方式 | 高频弹窗 + 蜂鸣，夜间扰民 | 呼吸光 + 一次上浮，可静音 | 提醒关闭率 ≤15% |
| 等待反馈 | 转圈图标，无进度语义 | 分阶段文案 + 拟人化语气 | 等待放弃率 ≤6% |
| 多端一致 | 各端各自实现，样式漂移 | 模块化布局 + 设计令牌 | 组件复用率 ≥90% |
| 响应式 | 仅适配手机，平板拉伸变形 | 380 / 640 / 1024 / 1600 四档断点 | 无横向溢出，点按区 ≥44px |
| 留存表现 | 依赖功能刚需，情感连接弱 | 情绪触点沉淀为品牌忠诚度 | 30 天复访率 ≥52% |
工作流程
五步交付轴，点击任一步展开细节
每个阶段都有明确的输入、输出与验收阈值，避免「设计很暖但无法验收」。
01 情绪触点盘点3～5 个工作日 · 输出触点地图
走访真实使用场景（客厅、卧室、夜间起夜、远程查看），记录用户会「感到被照顾」或「被打扰」的时刻。输出：一张触点地图，标注事件、当前反馈、建议情绪等级。验收：L1/L2/L3 分布合理，L3 不超过 8%。
02 情感化文案与语气规范2 周 · 输出四类文案库
建立「安心 / 提醒 / 抱歉 / 庆祝」四类文案库，每类给出 6～10 条备选，规定句长 ≤18 字、第二人称、不使用感叹号堆叠。避坑：不要把所有提示都写成卖萌语气，夜间场景应更克制。
03 交互与微动画原型2～3 周 · 输出可点原型
用呼吸光、缓慢缩放与柔和上浮替代弹跳；统一 0.45s ease-out 过渡，呼吸周期 2.4～4.2s。验收：在 prefers-reduced-motion 下全部动效可关闭，内容仍完整可读。
04 响应式设计与组件化2 周 · 输出设计令牌
把间距、圆角、阴影、字号沉淀为设计令牌，卡片走模块化布局；断点 380 / 640 / 1024 / 1600px，网格统一 minmax(0,1fr)。验收：320px 宽度无横向溢出，点按区 ≥44px。
05 上线灰度与指标回归4 周 · 输出回归报告
先向 5% 用户灰度，观察触点触发率、主动确认率、提醒关闭率、30 天复访率；两周一次文案迭代。阈值：关闭率连续两周 >15% 即回滚该触点并重写语气。
合作伙伴墙
与我们一起把温度做进产品的团队
联合打磨协议接入、边缘算力与情感化交互规范，覆盖家居、康养、租住与商办场景。
晴居家居全屋照明 · 氛围光联动 12 类设备
暖巢康养夜间看护 · 静音提醒误报率 -41%
云栖租住公寓门锁 · 访客体验入住引导 3 步
青禾传感环境感知 · 空气质量管理采样 5s 级
沐光能源用电可视化 · 节能建议月省电 9%
知语语音语音交互 · 语气适配识别 96.3%