【APP】进度环+拨轮+自选日历:一个清爽健身的UI界面

严选好文，学设计，少走弯路

作者：美叶，仅供交流学习

注：设计作品，仅供学习交流，设计灵感，不可作为商用，版权归原作者所有！

健身动起来鸭移动端UI灵感分享

设计风格：温和实用型健康工具

该App整体呈现“清新实用主义”风格，介于严肃医疗健康与过度游戏化之间。其核心特征为：

• 轻盈感：大面积留白、细线条分割、浅灰背景，减少视觉压迫

• 亲和力：使用“鸭”等语气词、可爱图标，避免冰冷机械感

• 秩序感：卡片式网格布局、统一圆角（约12-16px）、模块化信息分组

• 低门槛：预设7分钟跟练、L1难度、零基础跳绳，传递“谁都可以开始”的信号

与苹果健康的极简冷淡、Keep的勋章激励相比，本设计更强调“无压力的陪伴感”。

动起来鸭、个人主页信息

活动指标、记录体重

喝水、添加活动

日历另一种展示方式

清新温和的健康工具风

整体呈现轻量化、低负担的视觉气质。摒弃了传统健身App常见的硬朗、高饱和或过度竞技感，转而采用大留白、浅灰底、白色卡片构成主框架，辅以低饱和度的活力蓝作为强调色。

这种风格介于“严肃健康管理”与“轻松生活记录”之间，给人一种“陪伴式”而非“监控式”的心理感受。情绪化语气词（如“鸭”）和小图标进一步增强了亲和力。

关键组件设计分析

设计理念总结（核心3点）

1. 温和激励，而非压力监控：用进度环和累计天数建立正向反馈，不设惩罚或强制连续。

2. 尊重个体节奏：自选训练日、自定义运动、短时跟练，让用户在自己舒适的范围里开始。

3. 数据人性化转译：饮水公式、运动卡路里预估，把枯燥数字变成可操作的建议。

整体而言，这是一套“低门槛、高自主、轻视觉”的移动健身设计范式，特别适合健身新手或追求可持续习惯养成的用户群体。

【B端】AI提示词：3D浅蓝科技风引导页

【学习加群方式】

差不多就写完了...大家觉得有帮助的话，记得点赞，推荐，转发～