规范文档
视觉设计规范 v1
完整设计令牌总表(色彩/字号/间距/圆角/阴影/动效)、SVG 图标目录(30+)、全组件库规格与用法、页面布局结构、响应式策略、编码约定。后续所有页面按此规范推进。
自包含文档换设备可用22 章完整规范组件实例
查看设计规范
默认基线
精修标准版
任务分区卡片式布局,高分鹿明亮橙风格。欢迎区 + 进度环 + 4 模块入口 + 学习大厅(三任务合一)+ 辅助区。后续所有开发仅以此版为准。
唯一基线标准布局学习大厅进度环
查看标准版
业务流程
新学员首登指引
新学员无学习任务时的操作指引页:测评建档 → 学案生成 → 教师下发三步流程可视化。支持未测评 / 学案准备中 / 等待教师下发三种状态,CTA 已接入测评流程。
空状态引导三态切换接测评流程
查看指引页
全流程
英语测评全流程
13 屏完整流程:流程总览图 → 入口 → 选年级 → R1 词汇测评 → R2 口语测评(跟读 + AI 评分)→ 测评报告。顶部面包屑 + 底部演示条逐屏可查,业务链接已闭环。
流程总览图词汇 + 口语完整报告
查看测评流程