设计资源App 界面
返回模板库
完整模板包v1.0.0 · MIT

进阶 · 健身 App

把每一次训练,变成看得见的进步。从今日计划到组间记录,再到完成反馈,一套完整的移动端体验。

独立预览
实时预览
点击预览中的按钮,体验真实交互

为完整的训练体验而设计

一套演示数据贯穿计划、记录和反馈。独立页面的预置状态用于快速体验;从首页开始时会创建全新会话。

页面与交互状态

  • 今日训练
  • 训练进行中
  • 训练完成
  • 进步与个人演示
  • 休息倒计时、退出与重置

使用范围

适合力量训练、习惯记录等移动端 H5 原型。使用浏览器本地存储,提供数据重置;演示数据不代表真实用户记录。生产业务需替换数据与持久化层。

模板包内页面

今日训练home
训练进行中workout
训练完成complete

适配约定

  • 业务文案、演示数据与动作列表
  • 通过 CSS 变量调整主题色
  • 在既有间距与组件规则内增加业务页面