白板式 App UI 探索

动练：运动健身 App 多屏界面

以“软触感训练计划”为视觉隐喻，将健身目标、训练过程、营养记录和成就反馈做成一组可触摸的黏土组件。

01启动引导

A

9:41100%

把训练变成一块柔软的奖励

每天 18 分钟，逐步建立可持续的运动节奏。

减脂 塑形 恢复

开始制定计划

02今日概览

B

9:4192%

早安，林夏

今天适合做低冲击燃脂。

林

76% 今日目标

482千卡

8.6k步数

128心率

下一节训练

全身唤醒 · 18 分钟

继续训练

03训练库

9:4188%

训练库

按体能和时间筛选。

全部 HIIT 瑜伽 拉伸

低冲击燃脂

18 分钟 · 新手友好

核心稳定

22 分钟 · 中等强度

睡前拉伸

12 分钟 · 恢复模式

04训练中

9:4186%

深蹲跳

第 3 组 / 共 8 组 · 保持呼吸

00:42 本组剩余

开合跳 已完成

深蹲跳 进行中

平板支撑 下一项

结束训练

05营养记录

9:4180%

营养记录

训练后补充 25g 蛋白质。

42%

蛋白质

61%

碳水

28%

脂肪

训练后餐盘

鸡胸肉 · 牛油果 · 糙米 · 540 千卡

饮水提醒

还差 650ml 达成今日目标。

06成就与状态

9:4178%

成就墙

连续训练 12 天。

12

燃

稳

快

本周目标已达成

已完成 4 次训练，平均心率更稳定。

加载状态 同步 Apple Health 数据中

异常状态 心率设备断开，点击重新连接。

组件状态板

用于复用到 App 其他页面：按钮、输入、开关、错误提示都保留黏土厚底。

保存训练

设备未连接，请检查蓝牙