青锻云 · 家校体育共育平台
QINGDUAN CLOUD · AI MOTION ENGINE
设计稿 V3 · 屏幕锁定 iPhone 17 Pro 真机长宽比(402:874),钛金属边框;蓝-青渐变数据色注入科技感,玻璃拟态导航,AI 元素可视化(骨架检测 HUD、渐变计分环)。
相对 V2 的改动——① 全部屏幕按真机比例裁定,一屏一视图不再无限拉长;② 计分环/进度条改"深蓝→青"渐变并带辉光;③ 拍摄页做成 AI 检测 HUD:四角取景标、扫描线、发光骨架节点;④ 导航栏玻璃拟态悬浮;⑤ 手机边框做钛色金属质感。看完回"第几屏哪里改"或"就这样做"。
01登录 · 三种身份一个入口ALL ROLES
9:41●●●●● 5G ▮
手机号
验证码获取验证码
登录 / 注册
学生凭教师下发的班级码加入班级 · 家长扫码绑定孩子
已同意《用户协议》《隐私政策》《未成年人个人信息保护规则》
同一账号可兼具"家长+教师"身份,进入后随时切换。合规声明放在第一屏,是给教育系统的第一眼。
02学生首页 · 三件事STUDENT
9:41●●●●● 5G ▮
今日任务 · 王老师布置
深蹲 3 组 × 10 个
截止 21:00
全班完成 18 / 42
开始训练
中考体育备考目标 50 分
| 跳绳 |
| 176 个/分 |
| 立定跳远 |
| 2.05 m · 待提升 |
| 实心球 |
| 7.6 m |
主卡:深空蓝渐变 + 细网格 + 青色辉光,全稿唯一的重色块。首页只回答:今天练什么、这周够不够、离中考还差多少。
03训练 · 选动作STUDENT
9:41●●●●● 5G ▮
选择训练项目 AI 引擎
中考项目 力量训练 居家入门
深蹲 AI 纠姿
深度 / 对称 / 节奏 · 逐次点评
AI 能力标签说实话:能计数、能纠姿、还是基础检测,不过度承诺——克制也是专业感。
04拍摄 · AI 检测 HUDSTUDENT
9:41●●●●● 5G ▮
‹ 返回深蹲 · 第 1 组翻转
已识别 33 个关节点 · 3 秒后自动开始
高科技的落点在这屏:四角取景标 + 扫描线 + 实时发光骨架(33 关节点)+ 左右膝角实时读数。绿=姿态好,青=检测中,琥珀=需调整。
05智能报告 · 核心屏STUDENT
9:41●●●●● 5G ▮
‹ 返回训练报告分享
综合得分 · 深蹲
95/ 100
3 次全部到位
逐次表现
| 第 1 次 | 最低 42.5° | 到位 | 1.96 s | 左右差 2.0° |
| 第 2 次 | 最低 37.6° | 到位 | 2.09 s | 左右差 1.8° |
| 第 3 次 | 最低 41.5° | 到位 | 2.34 s | 左右差 1.5° |
教练点评 基于实测数据
三次深度全部到位,左右非常对称(平均差仅 1.8°)。第 3 次起身偏慢,注意节奏一致。下次重点:节奏。
总分数字做蓝-青渐变,计分环带辉光并有 1.6s 展开动画;回放与趋势并排收紧,一屏装下全部关键信息。
06家长首页 · 十秒放心PARENT
9:41●●●●● 5G ▮
我的孩子 绑定孩子
李
李同学 初二(3)班
本周锻炼 4 天 · 今日任务已完成
正常
本周锻炼时长分钟
已锻炼今天未锻炼
本周家庭报告查看完整 ›
锻炼 4 天共 86 分钟,深蹲 88 → 95 稳步提升,对称性优秀。建议:立定跳远尚未达标,可安排周末练习。
十秒回答三个问题:练没练、练得怎样、要帮什么。老师留言收进"消息"Tab,首页保持克制。
07教师端 · 班级总览TEACHER
9:41●●●●● 5G ▮
初二(3)班 42 人 ▾
布置任务
今日任务完成率
43%18 / 42 人
深蹲 3 组 × 10 · 截止 21:00
一键提醒 24 名未完成学生
班级成绩分布最近一次任务
教师三个高频动作一屏完成:看完成率、提醒、找到需要关注的孩子。"左右差 9.5°"这类实测指标是老系统给不出的关注依据。
08布置任务 · 30 秒TEACHER
9:41●●●●● 5G ▮
‹ 返回布置锻炼任务占
项目(可多选)
深蹲 跳绳 开合跳 跑姿 立定跳远
要求
截止时间
今天 21:00 ▾
范围
初二(3)班全体 仅选中学生
发布任务 · 家长同步可见
发布后出现在学生首页任务卡 · 完成即时回传成绩
"达标 80 分"直接挂钩新引擎评分——布置得出去,也测得准。这是换引擎带来的新能力。
09我的 · 杂项收纳ALL ROLES
9:41●●●●● 5G ▮
李
李同学
初二(3)班 · 165 cm · 52 kg
原首页的饮食 / 睡眠 / 推文 / AI 咨询全部收进"我的"。功能还在,不再干扰主动线。
10设计体系速览SYSTEM
| 比例 | 屏幕锁定 iPhone 17 Pro(402:874),钛色金属边框,一屏一视图,禁止无限长页 |
| 色彩 | 藏蓝 #173C8F 为骨;数据一律"深蓝→青 #26B8F0"渐变(科技感的唯一来源,克制使用);金 #B98A2F 只做荣誉点睛 |
| 字号 | 10 / 11 / 12.5 / 14 / 17 / 22 / 32 / 46 八阶;数字等宽;总分数字用渐变填充 |
| 质感 | 白卡 + 发丝线 + 双层柔影;导航栏玻璃拟态(14px 模糊);深色块全稿仅两处(任务主卡、拍摄页) |
| 动效 | 计分环 1.6s 展开、录制键呼吸辉光、拍摄页扫描线——只在关键时刻动,其余全静 |
| 图标 | 1.8px 线性图标全套统一,禁用 emoji |
青锻云 · UI DESIGN V3 · 2026-07-16