这是一个网页样式设计参考 · 复古未来主义 × 智能家居物联网
探索 · 复古未来主义智能家居

推开那扇黄铜按钮的门,
让物联网在老房子里醒来

我们沿着旧收音机的旋钮纹理,重新发现智能生活:把 37 类传感器藏进木纹与搪瓷里,用玻璃拟态面板替代冷冰冰的黑屏,让每一次交互都保留手感的温度。本页是一份可照做的网页设计参考——从色彩搭配到排版布局,再到交互设计的落地参数。

37类传感器接入协议
0.42s本地场景响应中位值
62%照明能耗平均降幅
复古未来主义风格智能客厅:木质墙面内嵌玻璃拟态中控面板,暖光晕染下的环境数据悬浮显示
中控面板 · 木质嵌装ONLINE · 12 设备 / 室温 22.4℃

SERVICE TIERS服务与价格档位:先探索,再决定要动几间房

按房间数与自动化深度分档,所有档位均含老旧线路勘测;建议先做 1 间房试点,观察 14 天用电曲线再扩容。

旋钮档 单间试点

¥2,480 含安装 / 单房间

  • 8 类传感器:门窗磁、温湿度、人体存在、照度
  • 2 路智能开关 + 1 个旋钮场景面板
  • 本地网关离线可用,断网仍执行 6 条场景
  • 交付:14 天能耗对比报告 1 份

回声档 推荐

¥8,600 含安装 / 三室两厅

  • 21 类传感器 + 全屋照明与窗帘联动
  • 场景不少于 18 条,支持语音与物理键双通道
  • 网关双备份,切换时间 < 1.2s
  • 交付:户型拓扑图、功率预算表、3 次调优上门

航电档 全宅定制

¥19,800 起 按点位计价

  • 37 类传感器、KNX/Matter 双协议兼容
  • 自定义玻璃拟态中控面板 UI 与复古配色
  • 边缘算力盒:本地面部与行为识别,不出户
  • 交付:完整交互设计规范与源码级样式令牌

KEY METRICS关键数据条:把“感觉更聪明”换算成能验收的指标

以下为三室两厅试点的实测中位值,用于验收前对齐预期,避免只谈体验不谈数字。

4.3 次日均无感触发次数(人走灯灭等)
62%照明与待机能耗下降幅度
0.42s本地场景执行中位延迟
96.5%传感器 90 天在线率

DATA PANEL数据可视化面板:像读老式仪表盘一样读懂家

七个柱位对应一周的用电强度,柱体用主色到强调色的明度渐变区分昼夜,避免高饱和色块压满屏幕。

周用电强度(kWh / 日)

试点户型,含空调与热水器;柱高上限 26 kWh。

日间负载夜间与待机采样间隔 15 分钟

场景触发构成

从探索视角看,真正被反复使用的是“无感”类场景,而非手动遥控。

回家 / 离家联动31%
人走灯灭27%
光照自适应调光18%
夜间起夜微光12%
语音手动触发8%
其他自定义4%
统计周期:连续 30 天样本:1 户 / 12 设备

FIELD GUIDE实用落地清单:六条能直接照着做的要点

复古风格不等于低性能。以下每条都带可验收参数,做完一项勾一项。

先做线路体检,再谈点位数量

用钳形表记录每条回路空载与满载电流,零线缺失的老房必须补零线或改用单火版开关,否则灯具会闪烁。建议单回路负载不超过额定 80%。

阈值:回路余量 ≥ 20%

传感器按“被感知”而非“好看”布点

人体存在传感器装于 2.2–2.6m 高度、避开空调出风口与窗帘;照度传感器朝北窗侧,避免阳光直射造成白天误触发。

建议:每 18㎡ 1 个存在传感器

本地优先,云端兜底

把照明、窗帘、安防三类场景放本地网关执行,断网仍可用;仅把远程查看与报表放云端。网关切换时间控制在 1.2s 以内。

验收:拔网线后 6 条场景仍生效

色彩搭配守住 60-30-10

约 60% 用暖米白做底、30% 用低饱和棕褐作主色、10% 用青蓝点按钮与关键数字。切忌把高饱和色铺成大块背景,那会毁掉复古的做旧感。

对比度:正文与底 ≥ 4.5:1

交互设计留出物理退路

每个房间保留一个实体旋钮或键,供客人、老人与断网时使用;面板触控区不小于 44×44px,长按 1.5s 才进入设置,防误触。

可懂性:新用户 30s 内完成一次开灯

用 14 天数据判断是否扩容

先跑单间试点,导出日用电与触发次数曲线;若“无感触发”占比超过 45%,说明自动化方向对了,再扩展到全宅。

判据:无感触发占比 ≥ 45%

CORE CAPABILITY核心能力卡片:三件真正让老房子变聪明的事

三张卡分别对应感知、编排与呈现,也是网页设计参考里最值得复用的三个模块。

复古旋钮式环境传感器特写,黄铜外圈与米白搪瓷面板嵌在木质墙面上

感知层 · 藏起来的耳朵

温湿度、照度、存在与门窗磁共 37 类协议,统一折算为 15 分钟粒度的时序数据,本地缓存 30 天,断网不丢点。

上报周期 15min · 离线缓存 30 天
复古未来风格家庭控制台界面,暗色木纹背景上手绘风的数据曲线与旋钮控件

编排层 · 会呼吸的规则

用“条件—延时—动作”三段式编排,支持日照角与电价时段变量;单条规则可嵌套 3 层,执行日志可回溯 90 天。

规则上限 200 条 · 嵌套 3 层
复古未来主义智能卧室夜景,暖色床头灯与玻璃拟态面板显示睡眠环境数据

呈现层 · 值得多看一眼的面板

玻璃拟态叠加柔和暖光,关键数字用强调色点亮;动效统一 0.3–0.6s 缓入缓出,避免急促弹跳破坏怀旧气质。

动效曲线 cubic-bezier(.16,1,.3,1)

CLOSE-UP图文特写:一次“无感回家”的完整链路

从门锁解锁到客厅灯亮,全程 0.42s,用户唯一做的动作是推门。

复古未来主义玄关场景,木质门框旁的小面板显示回家场景已触发,暖色灯光渐次亮起

把 6 个动作压缩成 1 次推门

门锁上报解锁事件 → 网关校验在场状态(手机 + 人体双确认)→ 玄关灯 18% 亮度先行 → 2s 后客厅主灯渐亮至 65% → 窗帘按当期日照角开至 70% → 空调切至回家温度。任一步失败则回落到默认照明,不产生黑屋。链路可观测,每一步都有日志与耗时。

总链路耗时0.42s
涉及设备6 台
渐亮时间2.0s
失败回落默认照明
日志保留90 天
误触发率< 1.5%

SCENARIOS应用场景:三个值得先探索的房间

先从使用频率最高的三处入手,投入产出比最直观。

复古未来主义客厅,暖棕木质家具与青蓝色灯光点缀,玻璃拟态面板悬浮显示环境数据
客厅 · 光照自适应照度低于 180lx 自动补光,日均触发 4.3 次
复古风格卧室夜间场景,床头暖光与低亮度面板提醒,避免刺眼强光
卧室 · 夜间微光起夜亮度 8%,色温 2400K,不干扰褪黑素
复古未来主义书房场景,书桌旁面板显示用电强度与设备在线状态
书房 · 待机清零闲时切断 9 路待机,单月省 18.6 kWh

带着你的户型图来,我们一起探索它变聪明的样子

提交户型与线路照片,48 小时内返回点位建议、功率预算与一张复古配色的面板样式草案;试点不满意可只保留勘测报告。