Back GZH Portfolio

Product UI / Smart Home App

Homi

让复杂的全屋状态,回到日常生活的尺度。Homi 聚合设备互联、空间管理、场景控制与状态反馈,建立清晰、可控的移动端体验。

Role
UI/UX Concept / Visual System
Output
App Screens / States / Components
Keywords
Space / Device / Automation
Homi 全屋智能 App 项目封面

Project Overview

项目概述

这是一个全屋智能移动端 UI/UX 个人概念项目。设计围绕设备互联、空间管理、场景控制与状态反馈展开,重点呈现界面系统和真实操作状态,不虚构用户研究或商业结果。

Homi 项目概述
Project Overview / 项目范围与设计方法
Homi 产品能力
Product Capabilities / 设备互联、场景控制与自动化

Structure & Goals

结构与目标

信息架构围绕家庭、空间、设备和场景四类对象展开。设计目标是让常用控制更快抵达,让设备关系更易理解,并让连接、离线和执行异常都有明确反馈。

Homi 信息架构
Information Architecture / 家庭、空间、场景与设备
Homi 设计目标
Design Goals / 连接、层级与状态反馈

Visual Language

视觉语言

深海军蓝承担稳定与设备控制感,品牌绿用于主要操作和积极状态,浅灰绿色构成环境信息与辅助层级。圆角、线性图标和克制的卡片关系让界面保持轻量,也便于扩展不同设备类型。

Homi 品牌与视觉语言
Visual Language / Logo、色彩、字体与图标

Core Interface

核心界面

界面从家庭总览延伸到空间管理、场景执行与设备控制,覆盖首页环境信息、房间设备、自动化列表、场景编辑、空调控制和配网流程。

Homi 核心界面总览
Interface Overview / 核心页面与控制浮层
Homi 首页与空间界面
Home & Space / 家庭环境与空间管理
Homi 场景与自动化界面
Scenes & Automation / 场景创建与自动化流程
Homi 设备控制与异常状态
Device & States / 控制、连接成功与异常反馈

System & Details

细节与系统

设计系统统一品牌标识、色彩、字体、设备图标与控制组件。状态设计进一步覆盖设备发现、连接中、连接成功、连接失败、家庭离线和场景部分失败,让界面在异常情况下仍有清楚的下一步。

Homi 设计亮点
Design Highlights / 状态反馈与控制细节
Homi 设计系统与组件
Design System / Token、图标与组件状态

Context

场景展示

三组样机分别呈现界面组合、单机重点画面与品牌启动场景,把核心 UI、设备控制和自动化状态放回真实使用语境。

Homi 全屋智能 App 场景样机
Mockup Showcase / Connected living, shown in context
Homi 项目结束页
Homi / 让设备协同,让生活自然发生

Final Output

项目产出