Smart Home Hub · 概念设计 · 移动端全案
全屋状态，一屏读懂。
这个项目先回答「家里现在怎么样」，再谈控制：把全屋 温度、能耗、安防与场景 收敛成一块只读状态面板，让用户打开就有答案，再决定要不要动手。
Home Hub · 2D 纯矢量品牌标识设计
以「现代智能庇护空间（Architecture Shelter）」为空间拓扑，融合「双重全屋智联无线电波（Dual Smart Wave · Wi-Fi / Zigbee）」与「中央四方中枢功能视窗（4-Grid Central Hub）」。以天幕青至电光钴蓝折纸流光渐变（Origami Fold Ribbon）与 60px 恒定壁厚，呈现空间通透感与全局掌控力兼备的纯矢量科技图腾。
浅色主图标 · 天幕与流光
纯白陶瓷超椭圆基底搭配高饱和天幕青至电光蓝流光图腾。左肩部折叠光影构建空间呼吸感，右上同心电波象征无缝万物互联，中央 4 组圆角视窗收敛全屋中枢状态。
深色夜间图标 · 黑曜与极光
黑曜石炭灰微哑底座搭配荧光冰蓝至电光钴蓝微光线条。在 OLED 纯黑与夜间弱光环境下呈现高对比且无眩光的细腻发光质感。
Style Guide · 视觉系统规范
为全屋中枢打造克制、高效且高辨识度的视觉语言系统，确保跨 14 屏界面的层级一致性与极速识别。
01Color Palette · 品牌色与语义功能色
按「设备类型与物理直觉」赋予语义02Unified 2D Icon System · 品类语义图标体系
24×24 栅格 · 1.95px 结构线 · 6 组品类语义着色
03Interactive Components · 核心交互原子
开关、温控圆盘、滑杆与状态药丸核心功能交互推导
把复杂繁琐的设备操作，重构为有先后、符合家庭生活直觉的清晰体验。
全屋状态，先给结论再给控制
用户打开 App 的第一诉求是「了解现状」，而不是立刻点开某个设备。首页顶部通过大尺寸环境卡片直接给出「23.5°C · 舒适」的定性结论，省去用户自主解读温湿度的成本。
实时室内 23.5°C、湿度、空气质量与室外天气，右上角直接评定「舒适」。
在线设备 12/14、今日用电 6.8 kWh、本月节省 +9%，数据穿透子页面保证绝对对齐。
不列长长设备名，按「几台开启」汇总；离线直接标注「离线 1」，不假装完全正常。
空间聚合，离线设备诚实标注
「Home Hub」里，离线设备被诚实降权：文字与图标降至 45% 透明度，开关直接替换为「离线」标签、不可操作，并纳入顶部的状态计数——需要先看清状态，再决定要不要处理。
「全部 / 常用 / 离线 2」一键过滤，不需要二级沉重的漏斗面板。
客厅 6 台、主卧 3 台，用户扫一眼就能对家庭资产心中有数。
在客厅详情页直接提供聚会、阅读、会客快捷模式，场景下沉到空间。
统一骨架，硬件特有控件自适应
灯光、空调、音箱共用同一套导航头、信息行、自动化列表结构。只有中间的「核心调节域」根据品类自适应：灯光换成双轨色温滑块，空调换成触觉刻度温度圆盘，大幅提高组件复用率与设计一致性。
上层大面积光晕模拟现实色温，滑块支持 2200K~6000K 连续无级微调。
双色弧形进度条映射制冷制热区间，左右加减按钮辅助大拇指盲操。
把「看不见的消耗」摊开讲
电量看不见摸不着，用户很难凭 kWh 理解能耗。设计将能耗拆解到「房间占比」，告诉用户是客厅空调还是厨房更耗电；安防则通过三态布防与四路监控，提供全天候居安守护。
环形占比图搭配 7 日柱状走势，结论落脚到具体生活行为与房间。
在家布防 / 离家布防 / 撤防一键切换，明确标注哪些传感器当前生效。
场景联动，三代同住的权限分级
场景是给不想逐台点击的人准备的快捷执行通道。 更重要的是，考虑到三代同住家庭的特殊性，设计了三级权限体系：为 76 岁的奶奶提供只留灯光控制的「受限模式」，避免误关全屋设备；妈妈管护起居与厨房；年轻人掌握全部高级配置。
正在执行的场景反色高亮并写明「4 台设备 · 正在执行」，反馈实时到位。
管理员 / 成员 / 受限；兼顾老年人适老化安全，免二次弹窗确认。
深色模式是另一套炭灰阶，
不是浅色反相。
背景采用 #101217、卡片 #1A1E26、细描边 #262A34。 两套主题承载的信息密度与层级完全一致，切换仅需换绑设计令牌。 在夜间与弱光环境下，纯净冰蓝与电光钴蓝微光让用户即使半夜起夜操作，也具备极高辨识度且温和不刺眼。
All Screens · 全部 14 屏全景
由单一数据模型严密推导，覆盖核心状态、常用设备、空间详情、立体安防、自动化规则、空态与双主题。
每 5 秒自动轮换，悬停暂停 · 点击两侧屏幕切换焦点 · 点击中央屏幕放大查看
01 首页 · 全屋状态 核心 先给结论 · 聚合看板