← 全部项目

SMARTWATCH / UI DESIGN

抬腕看懂,
再按需深入。

把健康与轻运动的信息,
一眼读懂,下一步有方向。

看看设计如何展开 ↘
黑色智能手表样机,屏幕显示步数、活动与距离三环总览DAILY ACTIVITY
从整体,到细节。
项目方向健康与轻运动
设计范围界面 · 组件 · 状态
目标屏幕456 × 456
项目类型个人概念设计

01 / THE DESIGN QUESTION

短暂的一瞥,需要清楚的阅读顺序。

小屏幕,
不必一次说完。

先回答“今天怎么样”,
再回答“离目标还有多少”。

手表上的查看往往很短暂。这个方案把总览、详情与操作分开,让每一屏承担一个明确任务,而不是同时争夺注意力。

设计假设:先建立整体印象,再按需寻找解释。

01 GLANCE
看状态→查详情→做操作
设计取舍

总览保留三项结果,目标、比例与剩余量进入详情。首屏更容易聚焦,但查看目标会多一次浏览。详情入口能否被发现,是后续需要验证的重点。

02 / DAILY ACTIVITY

一组数据,四个层次。

先看关系,
再看每一项。

三环把步数、活动与距离放在一起。
向下浏览时,每项指标用自己的图形语言解释进度。

01OVERVIEW

整体状态

三项指标,先建立今天的整体印象。

02DETAIL

步数详情

目标、完成比例与差额一起解释。

03DETAIL

活动详情

刻度呈现达标,+2 标明超额时长。

04DETAIL

距离详情

沿标尺查看已走距离与剩余量。

78.5%

6,280 / 8,000 步
比例对应进度条长度

+2分钟

32 / 30 分钟
达标之后仍解释超额

0.8公里

4.2 / 5 公里
把差额变成下一步目标

03 / HEART RATE

读数有来源,操作有反馈。

看见读数,
也知道下一步。

把“开始测量”留在最近读数下方。
进入测量后,用过程说明与结果反馈连接整个任务。

先看最近读数

读数优先,测量入口留在首屏。

让等待有解释

告知正在测量,以及如何配合。

给出明确结果

读数与测量时间一起呈现。

测量失败后提供返回与重新测量

当测量没有成功

说明原因,也留下出口。

提示调整佩戴,再选择重试或返回。失败状态仍然延续同一套信息层级,不让任务停在一个没有方向的提示里。

04 / SLEEP

先交代时间,再解释结构。

睡了多久,
每一段是什么。

总览强调昨晚的总时长与起止时间。
时间轴回答“何时发生”,阶段详情回答“各占多久”。

昨晚睡眠 · 总时长

7 时 42 分,对应同一晚的三个睡眠阶段。

按时间阅读

按阶段比较

浅睡 4时34分深睡 1时32分REM 1时36分

颜色与阶段一一对应,图例紧邻图形。所有数值为界面展示用示例数据。

05 / LIGHT WORKOUT

从开始记录,到确认保存。

每一个状态,
都接得住下一步。

运动时突出时长与暂停。
暂停后再选择继续或结束,结束前确认,保存后回看摘要。

01RECORD

记录中

时长是主角,暂停始终可见。

02PAUSE

已暂停

保留本次数据,明确继续或结束。

03SUMMARY

已保存

汇总时长与距离,完成一次记录。

记录→暂停 / 继续→结束确认→保存反馈

保存失败时保留本次会话的数据,并提供重新保存入口。

06 / ONE VISUAL LANGUAGE

从健康数据,延伸到日常工具。

不同任务,
同一种阅读习惯。

标题、主要内容、底部操作保持相对稳定。
减少切换页面时重新寻找信息的成本。

呼吸练习

计时器

闹钟

设置

TYPOGRAPHY72次/分

读数突出,单位退后。
用字号与明暗建立层级。

COLOR WITH A PURPOSE

蓝色

主要操作 / 步数

绿色

活动 / 达成

红色

心率 / 距离

REFLECTION / NEXT STEP

让每次抬腕,
更接近答案。

本次设计围绕“总览 → 详情 → 操作”组织信息,完成核心页面、共享视觉规则与关键状态。下一步,需要把这些设计判断放到真实使用中验证。

实际尺寸下,读数是否清晰详情入口,能否自然发现运动过程中,操作是否容易触达
个人概念项目 · 尚未进行用户可用性测试回到顶部 ↑查看其他项目 ↗

07 / THE SCREEN COLLECTION

456 × 456 · 38 SCREENS

一块小屏幕里的

完整日常。

38

个界面与状态
从一眼读懂,到每一步有回应。

浏览全部界面 ↓
界面索引 / INDEX

显示全部 38 个界面 · 点击查看细节

01

每日状态

先看整体,再展开每一项。

04 SCREENS
主界面 / OVERVIEW

每日总览

02

步数详情

03

活动详情

04

距离详情

02

心率

读数、过程与结果,连成一个任务。

05 SCREENS
主界面 / OVERVIEW

最近读数

02

心率趋势

03

测量中

04

测量结果

05

测量失败

03

睡眠

用总时长建立印象,用阶段解释一晚。

03 SCREENS
主界面 / OVERVIEW

睡眠总览

02

睡眠时间轴

03

睡眠阶段

04

运动

从记录到保存,每一步都有反馈。

08 SCREENS
主界面 / OVERVIEW

运动记录

02

运动距离

03

运动心率

04

已暂停

05

结束确认

06

正在保存

07

运动摘要

08

保存失败

05

日常工具

留一点时间,照顾日常的小事。

12 SCREENS
主界面 / OVERVIEW

呼吸准备

02

呼吸进行中

03

呼吸完成

04

计时准备

05

计时进行中

06

计时暂停

07

计时结束

08

闹钟列表

09

编辑闹钟

10

闹钟已保存

11

闹钟响铃

12

稍后提醒

06

设置

把熟悉的使用习惯,留在腕上。

06 SCREENS
主界面 / OVERVIEW

设置首页

02

表盘选择

03

表盘已应用

04

振动强度

05

屏幕亮度

06

勿扰模式

38 个界面,同一种阅读秩序。回到界面索引 ↑