← 返回首页
UI / 品牌视觉 · 统筹设计

一套面向全屋智能的 APP:以「五感」组织场景,用 3D 房屋模型统管灯光与设备,并由 AI 管家「小智」提供有情绪的交互。

全屋智能灯光 / 安防 / 健康
五感交互视听觉嗅味触
AI 管家8 种情绪状态
App 首页

About

项目背景与我的角色

这是一款连接全屋设备的智能家居中枢 App。设计目标,是把复杂的 IoT 控制,收敛成一套「人能感知、愿意每天用」的体验。

项目背景

覆盖照明、安防、环境、健康等多个子系统。用户面对的是分散的设备与场景,需要被重新组织成以「生活」为单位的交互。

我的角色

负责整体视觉语言与界面统筹:首页信息架构、五感场景化框架、3D 房屋模型呈现、管家人格化动效,以及设计规范落地。

Challenge

设计挑战

如何把「一栋房子」装进一块屏幕?如何让冰冷的开关,变成有温度、可感知的生活场景?界面的每一屏,都在回答这两个问题。

Home · Five Senses

五感首页

以「视触听嗅味」五个维度定制空间能力,把设备状态翻译成可感知的生活氛围,而非罗列开关。

五感定制-视觉
视觉灯光 / 窗帘调节
五感定制-触觉
触觉温感 / 材质交互
五感定制-听觉
听觉音乐 / 音效场景
五感定制-嗅觉
嗅觉香氛 / 空气净化
五感定制-味觉
味觉水质监测

AI Butler

小智管家 · 8 种情绪状态

AI 管家「小智」不只是语音入口,更被赋予人格:不同状态下有对应的动态表情,让交互更有温度。

正常状态
正常
接听指令
接听指令
处理指令中
处理中
睡眠状态
睡眠
语音播报状态
语音播报
调皮动作
调皮
开心状态
开心
惊恐状态
惊恐

House Model

房屋模型 · 灯光

以楼层为单元统管全宅:底层 3D 房屋模型之上,按房间叠加开灯图层——点选楼层与房间即可查看、调节灯光状态,让「家」的每一个角落都看得见。

-1F · 地下层会客厅 / 藏酒室 / 鞋帽间 / 卫生间 / 楼梯 / 入户走廊
-1F 底层模型 · 灯光关闭
-1F 全屋点亮
夹层 · 挑空层餐厅 / 厨房 / 客房 / 保姆房 / LED 屏 / 过道走廊
夹层 底层模型 · 灯光关闭
夹层 全屋点亮
1F · 一层会客厅 / 吧台 / 设备间 / 卫生间
1F 底层模型 · 灯光关闭
1F 全屋点亮
2F · 二层主卧 / 衣帽间 / 卫生间 / 走廊 / 楼梯
2F 底层模型 · 灯光关闭
2F 全屋点亮

6D Space

6D 空间 · 场景控制

把空间变成可切换的「氛围场」:沉浸式、画中画等展示形态。

6D 个性空间首页
6D 个性空间沉浸式 / 画中画 / 场景控制 / K歌 / DJ 等模式入口
沉浸式模式
沉浸式全屏氛围内容,让空间被「沉浸式」地感受
画中画窗控
画中画开窗 / 透明 / 关窗,屏幕形态随心切换

Data

数据页 · 房屋与身体健康

把房屋运行与家人健康,变成可读、可管的仪表盘,让智能真正「看得见成效」。

全屋数据
房屋数据能耗 / 设备运行
健康数据
健康数据心率 / 步数 / 血压

Safety & Scene

安全预警 · 场景一键执行

异常主动提醒,场景一键落地——从「发现风险」到「执行动作」,路径被压缩到最短。

火情预警
火情预警主动发现 · 即时推送
燃气泄漏
燃气泄漏安全守护
创建场景-起点
① 新建发起一个场景
创建场景-执行
② 执行一键触发
创建场景-设备
③ 控制联动单个设备

Profile & System

我的页面 · 设计规范

个人中心聚合全屋设备、家庭成员与智能场景;整套界面遵循统一的设计语言。

我的
我的个人中心
智能场景
智能场景场景管理
栅格8pt 基准 · 统一间距
圆角大圆角设备 · 中圆角卡片
字体无衬线 · 多级字阶
图标线性为主 · 统一描边