🐰 Phonics Demo
Design
① Prototype
② Catalog
③ List
Hub
🐰 Giggle Academy · 自然拼读
基于现有主页菜单 + 参考视频做的两版交付。点击进入查看。
VERSION 1 · 互动原型
沉浸式闯关原型
Interactive Prototype
A→Z
satph
CVC
▶ 继续学习
5 个独立页面、白色 iris 切场转场。从地图 → 关卡 → 字母组 → 6 步 → 活动逐层下钻。沿用 Giggle 现有的圆形节点 + 横向闯关路径视觉。
沉浸感强、孩子无脑跟学
葡萄串进度 + 解锁逻辑可视化
适合实际生产使用
查看互动原型 →
VERSION 2 · 课程目录
云朵进度 + 能力分类
Curriculum Catalog · Lingumi-style
satp h
cri n m
delkf
3 押韵和词族
10/10 ✓
4 听首音 ▶
2/5
参考视频的 Lingumi 布局。云朵进度条显示 5 个字母组进度，下方 6 行能力分类（认识 / 听音 / 押韵 / 首音 / 尾音 / 拼词），每行横向滚动展示活动卡。家长一进入就能看懂所有结构。
云朵进度条 · 当前组高亮+小红旗
6 行能力分类 · 行内进度 + 横向滚动
顶部关卡 Tab · 一键切到任意关
支持音节支线独立视图
查看课程目录 →
备选 · 折叠列表
手风琴文档版
Accordion List · 早期方案
▼ 第 1 关 · 26 字母 ✓
▼ 第 2 关 · 字母会发声
字母组 1 ✓ · 6/6
字母组 2 ▶ · 3/6
字母组 3 🔒
早期方案：所有关卡都是手风琴可展开收起的卡片，配过滤芯片。信息更密集，但不如 V2 直观。
查看备选 →