Kidsbox · KB-71 · Child Client Design Proposal E / 5

方案 E · 小小图书馆

一座有九个主题书架的家庭图书馆 —— Epic! 的策展秩序 × 斑马百科的图鉴收藏 × 洪恩的子集书架，看完的每一集都变成孩子的知识资产。

对标 Epic! × 斑马绘百科 × 洪恩绘本/伴鱼 组合原型 P7 图书馆书架 + P8 图鉴收集 + P9 子集/级别 设备 手机竖屏 → iPad 横屏书馆 实现代价 ★★★☆☆ 中（书架 IA + 收藏册） 技术栈 PWA（书架/图鉴皆列表态渲染）

设计定位

Positioning

调研里 Epic! 被反复引用的原因是：图书馆隐喻天然传达"经过策展、来源可信"——这正是家长审核型内容库最想传达的气质。本案把英语试点的 9 大主题方向直接变成 9 个书架（韵律动作/真人跟说/日常叙事/情绪社交/互动推理/早期读写/数学艺术/自然科学/想象故事）；看完一集，它的核心词就变成一张可点读的图鉴卡（斑马百科验证过的"知识资产"型激励）。级别常驻左上角（伴鱼的 Level C 范式），让家长一眼知道"现在看的正合适"。

📚九架即课程地图9 个主题书架来自试点真实的组合策略（"主题组合而不是只学英语"），书架顺序即成长路径。

🗂看完变图鉴每集沉淀核心词卡/角色卡：点卡片重听那一句（收藏即复习），未收集的是剪影悬念。

🔖级别常驻「Level ★2 · 适合 4 岁」恒在左上角；家长选片焦虑直接被这一个元素化解。

🌙每日一本收尾「今天睡前一本」卡给每天一个确定的终点（峰终），与 30 分钟额度自然衔接。

设计 Tokens

Visual language

橡木 Wood
#B08A5E

深木 Deep
#8F6B44

鼠尾草 Sage
#9CAF88

陶红 Terra
#C97B5A

烫金 Gold
#D9A441

书页 Paper
#FDF8EE

今天读哪一本？

书封面是唯一的高饱和元素，其余全部退到纸质底色——"图书馆秩序感"来自克制。封面用书脊高光 + 左侧装订边的拟物细节（一个 border-left 即可）。书架板用两层木色渐变 + 投影。字体仍用圆体保证儿童可读，仅书名衬线点缀（Georgia/宋体）用于「馆长推荐」类标签。

动效与反馈
· 取书：封面按下抽出 4px（transform），松手弹回。
· 图鉴点亮：卡片翻转（rotateY）+ 烫金描边扫过。
· 卡拉 OK 字幕：当前词高亮块平滑左移，逐词点亮（后续接 SRT/词级时间戳）。
· 书架滚动时有极轻的"木板倾斜"视差（可选）。

关键界面 · 手机竖屏

Key screens · 390×844

9:41●●●

Level ★★ · 适合 4 岁

🦉

小小图书馆

21 个系列 · 138 集 · 全部爸爸妈妈看过啦

🦆

馆长推荐 · 睡前一本

Sarah & Duck

想象故事 · 7 分钟 · 安静收尾

去读

韵律与动作MUSIC & MOVE12 本 ›

🎵Super Simple Songs

🌧Rain Rain Go Away

🐞Ladybug

真人跟说SAY WITH ME8 本 ›

🔤Yakka Dee!

👩Ms Rachel

🏫Caitie's Classroom

想象与自然对白STORIES9 本 ›

🧸Puffin Rock

🐶Hey Duggee

📚

书架

🗂

我的图鉴

🌙

睡前一本

E1 · 书架首页级别徽章常驻（原则 8）；「馆长推荐·睡前一本」置顶；木质书架 + 拟书封面，按 9 大主题方向分层——封面是唯一高饱和元素。

9:43●●●

‹

韵律与动作 · Super Simple Songs

🎵

Rain Rain Go Away

雨呀雨呀快走开

韵律与动作 2-4 岁英音 · 2:10

✓ 已审核 · 官方播放

READ-ALONG · 跟读字幕

Rain rain go away

雨呀雨呀快走开

▶

开始看 ▶

先听一遍 🎧

共看小提示：唱到 "go away" 时，可以和孩子挥手说再见——这句在生活里最好复用（来自试点组合策略的迁移建议）。

E2 · 书详情双语标题+主题/年龄/口音/时长/来源五类徽章；Read-Along 卡拉 OK 字幕（Epic Read-To-Me 的视频化改造，原则级亮点）；共看小提示把内容翻译成亲子动作。

20:15●●●

我的图鉴

9 / 21 张

每看完一集，核心词就住进图鉴 · 点一点能再听一遍

🌧

Rain

雨

儿歌湾 · 站 1

🔊

🐞

Ladybug

瓢虫

儿歌湾 · 站 2

🔊

🔤

Banana

香蕉

开口词 · 站 1

🔊

🚗

Car

小汽车

开口词 · 站 2

🔊

🐘

Elephant

大象

开口词 · 站 3

🔊

🌊

Ocean

海洋

自然百科 · 站 2

🔊

🐝

？？？

看完下一集揭晓

儿歌湾 · 站 4

🔢

？？？

还没遇到

数字艺术

🎨

？？？

还没遇到

数字艺术

🗂

本周新收 4 张 · 还差 1 张解锁「儿歌湾」整套点已收集的卡，可以再听一遍那句话

43%

E3 · 我的图鉴斑马百科验证过的收集型激励：看完=点亮，未看=剪影；每张卡可点读（收藏即复习）；整套收集给一次仪式性奖励。

21:30●●●

家长 · 阅读小账本

完成 ✕

🔒 已通过家庭口令验证 · 仅按日聚合，无逐条观看记录

本周阅读时长目标每天 ≤30 分钟

24一

18二

28三

0四

0五

–六

–日

📚

读过的书架韵律动作 · 真人跟说 · 自然科学

🗂

图鉴新增本周 +4 张 · 共 9/21

🌙

睡前一本完成 3 / 3 晚

🛡

休息规则执行本周全部按 30 分钟规则重置

E4 · 家长的阅读小账本时长柱状图（含"目标线"语义）+ 图鉴/睡前一本完成度；全部指标由现有聚合数据即可支撑，无需新存储。

iPad 横屏布局

1180×820 · 图书馆全景

小小图书馆 Level ★★ · 适合 4 岁

9 个书架 · 21 个系列 · 全部爸爸妈妈看过啦

韵律与动作12 本

🎵

🌧

🐞

🏫

真人跟说8 本

🔤

👩

📼

🦁

日常叙事7 本

🐷

🐭

🧸

自然科学6 本

🐟

🔬

🐦

我的图鉴 9 / 21

🌧

Rain

🐞

Ladybug

🔤

Banana

🚗

Car

🐘

Elephant

🐝

？？？

差 1 张集齐「儿歌湾」整套 ✦

1书架 2×2 全景：iPad 横屏一屏呈现四个书架（其余滚动），每架 4-6 本——真实图书馆的"密但不挤"。
2右侧图鉴常驻栏：孩子随时看到"又收了新卡"；收藏进度成为空间的固定部分（斑马百科的探索页逻辑）。
3取书手势：iPad 上支持指针悬停时书脊微倾（hover 抽出），点击进入详情（E2）。

代价、风险与分叉选项

Trade-offs & forks

✅ 依赖与代价（中）

书架分组来自现有 series/unit 契约 + 一张"主题方向"映射表（pilot 已有 9 方向归类，无需新后端）。
图鉴=核心词卡片列表（本地存储起步）；点读用首次播放的音频时间戳即可。
卡拉 OK 字幕起步版：逐句高亮（SRT 级），逐词高亮需要词级时间戳（后续增强，不阻塞）。

⚠️ 风险与对策

书架隐喻对"视频"的违和 → 用"动画影集/儿歌唱片"扩写隐喻；封面卡保留 16:10 播放预览位。
收集激励可能诱发"为集卡而快进" → 图鉴只在"看完 80% 时长"后点亮（服务端可校验，本地先用时长近似）。
9 个书架对小库（当前 21 系列）偏多 → 支持书架自动折叠（<3 本的架并入「更多主题」）。

⑂ 分叉选项（两案都保留，原型里都做了）

分叉 1 · 组织主轴：A-案「按 9 大主题方向分架」（当前选择，教育叙事强） vs B-案「按系列/IP 分架」（孩子找熟悉内容更快）。原型提供切换开关。
分叉 2 · 图鉴粒度：核心词卡（每集 1 张，当前选择） vs 角色卡（每个 IP 1 张，更省）。原型两种卡都渲染。