joey5628/doodle-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs:完成新版本产品和技术架构设计

Browse Source
This commit is contained in:
R524809
2026-03-25 08:50:45 +08:00
parent a34311d35e
commit 3aaf340781
4 changed files with 1772 additions and 526 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/产品设计文档.md
+325 -205
View File
@@ -1,7 +1,11 @@
# Doodle Mini 小程序 - 产品设计文档 v2.0
# 涂鸦丫 小程序 - 产品设计文档 v3.0
> 定位：3-8 岁早教 A4 纸打印资料小程序
> 版本：v2.0 产品重设计方案
> 品牌名称：**涂鸦丫**（谐音双关：涂鸦 = doodle + 丫 ≈ 鸭，呼应小鸭子 IP 形象）
> 品牌 Slogan：**"涂鸦丫，跟小鸭丫一起画！"**
> 品牌 IP：小鸭丫（一只爱涂鸦的小黄鸭）
> 主题色：**#f7ee47**（明黄色，呼应小鸭子形象）
> 版本：v3.0 产品重设计方案
> 最后更新：2026-03-24
---
@@ -10,33 +14,33 @@
### 1.1 内容层面
| 问题 | 现状 | 影响 |
|------|------|------|
| 品类单一 | 仅有数学计算、专注力训练、识字、练字四类 | 缺少英语启蒙、科学认知、艺术创造、生活常识等早教核心板块 |
| 题型趋同 | 数学 26 种题型多为数字计算变体，缺少生活化数学 | 用户容易审美疲劳，低龄段（3-5岁）可用内容少 |
| 缺乏体系 | 题型平铺排列，无年龄分级/难度递进 | 家长无法按孩子年龄/水平选择合适内容 |
| 无趣味化 | 缺少迷宫、涂色卡、手工折纸等高趣味性内容 | 与竞品（kiddoworksheets）差距大 |
| 内容静态 | 所有内容均为代码写死，无法动态扩展 | 新增题型需要发版，运营效率低 |
| 问题 | 现状 | 影响 |
| -------- | ---------------------------------------------- | -------------------------------------------------------- |
| 品类单一 | 仅有数学计算、专注力训练、识字、练字四类 | 缺少英语启蒙、科学认知、艺术创造、生活常识等早教核心板块 |
| 题型趋同 | 数学 26 种题型多为数字计算变体，缺少生活化数学 | 用户容易审美疲劳，低龄段（3-5岁）可用内容少 |
| 缺乏体系 | 题型平铺排列，无年龄分级/难度递进 | 家长无法按孩子年龄/水平选择合适内容 |
| 无趣味化 | 缺少迷宫、涂色卡、手工折纸等高趣味性内容 | 与竞品（kiddoworksheets）差距大 |
| 内容静态 | 所有内容均为代码写死，每种题型需独立编写绘制代码 | 新增题型需要发版（1-2 周），无法快速响应热点/节日内容 |
### 1.2 用户体验层面
| 问题 | 现状 | 影响 |
|------|------|------|
| 首页缺吸引力 | 入口卡片列表式排布，无分类筛选 | 题型多时找不到内容，新用户不知从何开始 |
| 无用户体系 | 无登录/收藏/历史记录 | 用户无法追踪使用情况，留存差 |
| 缺少预览图 | 进入题型前看不到最终效果 | 试错成本高 |
| 无批量打印 | 每次只能生成一张 → 保存 → 打印 | 需要多张时操作繁琐 |
| 无打印指引 | 保存到相册后缺少从相册打印的引导 | 用户可能不知道如何打印 |
| 问题 | 现状 | 影响 |
| ------------ | -------------------------------- | -------------------------------------- |
| 首页缺吸引力 | 入口卡片列表式排布，无分类筛选 | 题型多时找不到内容，新用户不知从何开始 |
| 无用户体系 | 无登录/收藏/历史记录 | 用户无法追踪使用情况，留存差 |
| 缺少预览图 | 进入题型前看不到最终效果 | 试错成本高 |
| 无批量打印 | 每次只能生成一张 → 保存 → 打印 | 需要多张时操作繁琐 |
| 无打印指引 | 保存到相册后缺少从相册打印的引导 | 用户可能不知道如何打印 |
### 1.3 技术层面
| 问题 | 现状 | 影响 |
|------|------|------|
| 云函数名不一致 | 代码调用 `robotaxi`，目录名 `doodle` | 可能存在线上风险 |
| 无效代码引用 | `index.js` 引用不存在的 `station/area` 等模块 | 部署可能失败 |
| debug 页有死链 | 指向不存在的 `demoPages/shapePrint` | 功能残缺 |
| 无 PDF 导出 | `createPDF` 云函数仅实验性代码 | 缺少直接生成 PDF 的能力 |
| 渲染方案限制 | 全部 Canvas 渲染，交互受限 | 难以实现复杂交互（如拖拽、填写） |
| 问题 | 现状 | 影响 |
| -------------- | --------------------------------------------- | ---------------------------------------------------------------------- |
| 云函数名不一致 | 代码调用 `robotaxi`，目录名 `doodle` | 可能存在线上风险 |
| 无效代码引用 | `index.js` 引用不存在的 `station/area` 等模块 | 部署可能失败 |
| debug 页有死链 | 指向不存在的 `demoPages/shapePrint` | 功能残缺 |
| 无 PDF 导出 | `createPDF` 云函数仅实验性代码 | 非核心问题，PNG 保存到相册更符合手机端用户习惯，PDF 可作为远期增值功能 |
| 渲染方案限制 | 全部 Canvas 渲染，交互受限 | 难以实现复杂交互（如拖拽、填写） |
---
@@ -44,15 +48,15 @@
参考 [kiddoworksheets.com](https://www.kiddoworksheets.com/)，对比如下：
| 维度 | kiddoworksheets | Doodle Mini 现状 | 差距 |
|------|----------------|------------------|------|
| 内容品类 | 30+ 大类（字母、拼写、涂色、迷宫、折纸、找不同、时钟...） | 4 大类 | 严重不足 |
| 年龄覆盖 | 学前 - 5 年级 | 3-8 岁（但内容未分级） | 缺少分级体系 |
| 题目数量 | 每个品类数十到数百张 | 每种题型动态生成（无限但变化有限） | 模板多样性不够 |
| 下载方式 | 直接 PDF 下载 | 保存 PNG 到相册 | 体验略差 |
| 视觉风格 | 彩色卡通插画 | 简约线条风格 | 视觉吸引力弱 |
| 内容更新 | 持续更新 | 代码写死 | 运营效率差距大 |
| SEO/分享 | 独立网页，搜索引擎友好 | 小程序，依赖微信生态 | 获客渠道不同 |
| 维度 | kiddoworksheets | 涂鸦丫 现状 | 差距 |
| -------- | --------------------------------------------------------- | ---------------------------------- | -------------------------------------------------------- |
| 内容品类 | 30+ 大类（字母、拼写、涂色、迷宫、折纸、找不同、时钟...） | 4 大类 | 严重不足 |
| 年龄覆盖 | 学前 - 5 年级 | 3-8 岁（但内容未分级） | 缺少分级体系 |
| 题目数量 | 每个品类数十到数百张 | 每种题型动态生成（无限但变化有限） | 模板多样性不够 |
| 下载方式 | 直接 PDF 下载 | 保存 PNG 到相册 | PNG 更适合手机端用户（相册易找、可直接分享打印），非劣势 |
| 视觉风格 | 彩色卡通插画 | 简约线条风格 | 视觉吸引力弱 |
| 内容更新 | 持续更新 | 代码写死 | 运营效率差距大 |
| SEO/分享 | 独立网页，搜索引擎友好 | 小程序，依赖微信生态 | 获客渠道不同 |
---
@@ -80,12 +84,12 @@
### 3.2 新 TabBar 设计
| Tab | 名称 | 说明 |
|-----|------|------|
| 1 | 发现 | 首页，分类浏览所有可打印资料，含推荐/热门/最新 |
| 2 | 分龄 | 按年龄（3-4/4-5/5-6/6-7/7-8）筛选适合的内容 |
| 3 | 收藏 | 收藏的题型、已下载的历史记录 |
| 4 | 我的 | 用户中心、打印指南、设置、意见反馈 |
| Tab | 名称 | 说明 |
| --- | ---- | ---------------------------------------------- |
| 1 | 发现 | 首页，分类浏览所有可打印资料，含推荐/热门/最新 |
| 2 | 分龄 | 按年龄（3-4/4-5/5-6/6-7/7-8）筛选适合的内容 |
| 3 | 收藏 | 收藏的题型、已下载的历史记录 |
| 4 | 我的 | 用户中心、打印指南、设置、意见反馈 |
---
@@ -95,14 +99,14 @@
> 低开发成本、高用户价值，优先推进
| # | 功能 | 描述 | 开发难度 | 用户价值 |
|---|------|------|---------|---------|
| 1 | **年龄分级体系** | 为所有题型标注适合年龄段（3-4/4-5/5-6/6-7/7-8），首页增加年龄筛选 | ⭐⭐ | ⭐⭐⭐⭐⭐ |
| 2 | **难度标签** | 每个题型标注难度（入门/基础/进阶/挑战），方便家长选择 | ⭐ | ⭐⭐⭐⭐ |
| 3 | **效果预览图** | 入口卡片展示真实的打印效果缩略图，非 icon 风格 | ⭐⭐ | ⭐⭐⭐⭐ |
| 4 | **首页重设计** | 增加分类导航（横向滚动标签）+ 搜索 + 推荐区域 | ⭐⭐ | ⭐⭐⭐⭐⭐ |
| 5 | **打印指南页** | 新增「如何打印」图文引导页（从保存→打印→装订的完整教程） | ⭐ | ⭐⭐⭐⭐ |
| 6 | **修复技术问题** | 清理云函数无效引用、统一函数名、移除死链 | ⭐ | ⭐⭐⭐ |
| # | 功能 | 描述 | 开发难度 | 用户价值 |
| --- | ---------------- | ----------------------------------------------------------------- | -------- | ---------- |
| 1 | **年龄分级体系** | 为所有题型标注适合年龄段（3-4/4-5/5-6/6-7/7-8），首页增加年龄筛选 | ⭐⭐ | ⭐⭐⭐⭐⭐ |
| 2 | **难度标签** | 每个题型标注难度（入门/基础/进阶/挑战），方便家长选择 | ⭐ | ⭐⭐⭐⭐ |
| 3 | **效果预览图** | 入口卡片展示真实的打印效果缩略图，非 icon 风格 | ⭐⭐ | ⭐⭐⭐⭐ |
| 4 | **首页重设计** | 增加分类导航（横向滚动标签）+ 搜索 + 推荐区域 | ⭐⭐ | ⭐⭐⭐⭐⭐ |
| 5 | **打印指南页** | 新增「如何打印」图文引导页（从保存→打印→装订的完整教程） | ⭐ | ⭐⭐⭐⭐ |
| 6 | **修复技术问题** | 清理云函数无效引用、统一函数名、移除死链 | ⭐ | ⭐⭐⭐ |
### P1 - 内容扩充（2-4 周）
@@ -110,76 +114,76 @@
#### 4.1 数学新增题型
| # | 功能 | 描述 | 开发难度 |
|---|------|------|---------|
| 7 | **时钟练习** | 认识钟表、读时间、画时针分针 | ⭐⭐⭐ |
| 8 | **形状分类** | 按形状/大小/颜色分类，圈出不同类 | ⭐⭐ |
| 9 | **规律填空** | 数字/图形规律，找出下一个 | ⭐⭐ |
| 10 | **货币认知** | 认识人民币面值，简单找零练习 | ⭐⭐⭐ |
| 11 | **测量启蒙** | 用尺子量长度、比较长短 | ⭐⭐ |
| # | 功能 | 描述 | 开发难度 |
| --- | ------------ | -------------------------------- | -------- |
| 7 | **时钟练习** | 认识钟表、读时间、画时针分针 | ⭐⭐⭐ |
| 8 | **形状分类** | 按形状/大小/颜色分类，圈出不同类 | ⭐⭐ |
| 9 | **规律填空** | 数字/图形规律，找出下一个 | ⭐⭐ |
| 10 | **货币认知** | 认识人民币面值，简单找零练习 | ⭐⭐⭐ |
| 11 | **测量启蒙** | 用尺子量长度、比较长短 | ⭐⭐ |
#### 4.2 语文新增题型
| # | 功能 | 描述 | 开发难度 |
|---|------|------|---------|
| 12 | **拼音练习** | 声母/韵母/整体认读音节描红、拼音组合 | ⭐⭐⭐ |
| 13 | **笔画练习** | 基本笔画（横竖撇捺等）描红练习 | ⭐⭐ |
| 14 | **偏旁部首** | 偏旁部首认知、组字练习 | ⭐⭐ |
| 15 | **看图说话** | 提供图片场景，引导孩子看图说话/写话 | ⭐⭐⭐ |
| 16 | **成语/古诗填空** | 常见成语、古诗的填空练习 | ⭐⭐ |
| # | 功能 | 描述 | 开发难度 |
| --- | ----------------- | ------------------------------------ | -------- |
| 12 | **拼音练习** | 声母/韵母/整体认读音节描红、拼音组合 | ⭐⭐⭐ |
| 13 | **笔画练习** | 基本笔画（横竖撇捺等）描红练习 | ⭐⭐ |
| 14 | **偏旁部首** | 偏旁部首认知、组字练习 | ⭐⭐ |
| 15 | **看图说话** | 提供图片场景，引导孩子看图说话/写话 | ⭐⭐⭐ |
| 16 | **成语/古诗填空** | 常见成语、古诗的填空练习 | ⭐⭐ |
#### 4.3 英语启蒙（全新模块）
| # | 功能 | 描述 | 开发难度 |
|---|------|------|---------|
| 17 | **字母描红** | A-Z 大小写字母描红练习 | ⭐⭐ |
| 18 | **字母闪卡** | 字母+对应单词+插图的闪卡 | ⭐⭐ |
| 19 | **字母找一找** | 在字母方阵中找出目标字母 | ⭐（复用 numberFind） |
| 20 | **单词描红** | 常见英语单词描红（颜色/动物/数字/水果） | ⭐⭐⭐ |
| 21 | **自然拼读练习纸** | CVC 单词拼读、元音辅音分类 | ⭐⭐⭐ |
| # | 功能 | 描述 | 开发难度 |
| --- | ------------------ | --------------------------------------- | --------------------- |
| 17 | **字母描红** | A-Z 大小写字母描红练习 | ⭐⭐ |
| 18 | **字母闪卡** | 字母+对应单词+插图的闪卡 | ⭐⭐ |
| 19 | **字母找一找** | 在字母方阵中找出目标字母 | ⭐（复用 numberFind） |
| 20 | **单词描红** | 常见英语单词描红（颜色/动物/数字/水果） | ⭐⭐⭐ |
| 21 | **自然拼读练习纸** | CVC 单词拼读、元音辅音分类 | ⭐⭐⭐ |
### P2 - 益智游戏（4-6 周）
> 高趣味性内容，显著提升差异化
| # | 功能 | 描述 | 开发难度 |
|---|------|------|---------|
| 22 | **走迷宫** | 不同难度的迷宫（简单路径/多分支/主题迷宫） | ⭐⭐⭐⭐ |
| 23 | **找不同** | 两张相似图片找出差异点 | ⭐⭐⭐⭐ |
| 24 | **数独入门** | 4×4 / 6×6 简易数独 | ⭐⭐⭐ |
| 25 | **控笔练习** | 虚线描画（直线/曲线/锯齿/螺旋） | ⭐⭐ |
| 26 | **连线画图** | 按数字/字母顺序连点成画（Dot-to-Dot） | ⭐⭐⭐ |
| 27 | **图形拼图** | 七巧板/图形拼合练习 | ⭐⭐⭐ |
| 28 | **记忆力翻翻卡** | 可打印的配对翻翻卡（打印→剪切→玩） | ⭐⭐ |
| # | 功能 | 描述 | 开发难度 |
| --- | ---------------- | ------------------------------------------ | -------- |
| 22 | **走迷宫** | 不同难度的迷宫（简单路径/多分支/主题迷宫） | ⭐⭐⭐⭐ |
| 23 | **找不同** | 两张相似图片找出差异点 | ⭐⭐⭐⭐ |
| 24 | **数独入门** | 4×4 / 6×6 简易数独 | ⭐⭐⭐ |
| 25 | **控笔练习** | 虚线描画（直线/曲线/锯齿/螺旋） | ⭐⭐ |
| 26 | **连线画图** | 按数字/字母顺序连点成画（Dot-to-Dot） | ⭐⭐⭐ |
| 27 | **图形拼图** | 七巧板/图形拼合练习 | ⭐⭐⭐ |
| 28 | **记忆力翻翻卡** | 可打印的配对翻翻卡（打印→剪切→玩） | ⭐⭐ |
### P3 - 创意手工（6-8 周）
> 拓展品类边界，吸引更多用户群
| # | 功能 | 描述 | 开发难度 |
|---|------|------|---------|
| 29 | **涂色卡** | 卡通主题线稿涂色（动物/交通/节日/恐龙等） | ⭐⭐⭐ |
| 30 | **折纸模板** | 可打印的折纸展开图+步骤说明 | ⭐⭐（主要是素材制作） |
| 31 | **字母/数字手工** | 打印→剪切→粘贴的立体字母/数字 | ⭐⭐ |
| 32 | **主题手工** | 节日手工（春节/中秋/圣诞等）、季节手工 | ⭐⭐⭐ |
| 33 | **贴纸打印** | 可打印的奖励贴纸、装饰贴纸 | ⭐⭐ |
| 34 | **自制绘本** | 打印→装订的简易绘本模板 | ⭐⭐⭐ |
| # | 功能 | 描述 | 开发难度 |
| --- | ----------------- | ----------------------------------------- | ---------------------- |
| 29 | **涂色卡** | 卡通主题线稿涂色（动物/交通/节日/恐龙等） | ⭐⭐⭐ |
| 30 | **折纸模板** | 可打印的折纸展开图+步骤说明 | ⭐⭐（主要是素材制作） |
| 31 | **字母/数字手工** | 打印→剪切→粘贴的立体字母/数字 | ⭐⭐ |
| 32 | **主题手工** | 节日手工（春节/中秋/圣诞等）、季节手工 | ⭐⭐⭐ |
| 33 | **贴纸打印** | 可打印的奖励贴纸、装饰贴纸 | ⭐⭐ |
| 34 | **自制绘本** | 打印→装订的简易绘本模板 | ⭐⭐⭐ |
### P4 - 体验升级（持续迭代）
> 提升产品专业度和用户粘性
| # | 功能 | 描述 | 开发难度 |
|---|------|------|---------|
| 35 | **用户体系** | 微信授权登录 + 用户信息 | ⭐⭐ |
| 36 | **收藏功能** | 收藏喜欢的题型，快速访问 | ⭐⭐ |
| 37 | **下载历史** | 记录每次下载的内容和时间 | ⭐⭐ |
| 38 | **批量生成** | 一次生成多张不同题目的练习纸 | ⭐⭐⭐ |
| 39 | **PDF 导出** | 支持直接生成多页 PDF（需云函数） | ⭐⭐⭐⭐ |
| 40 | **自定义纸张** | 支持 A4/B5/Letter 等纸张尺寸切换 | ⭐⭐ |
| 41 | **打印套餐** | 按周/月推荐「每日一练」打印计划 | ⭐⭐⭐ |
| 42 | **社区分享** | 用户分享打印效果、使用心得 | ⭐⭐⭐⭐ |
| 43 | **数据统计** | 记录孩子使用数据，生成学习报告 | ⭐⭐⭐⭐ |
| # | 功能 | 描述 | 开发难度 |
| --- | ------------------------ | ----------------------------------------------------------- | -------- |
| 35 | **用户体系** | 微信授权登录 + 用户信息 | ⭐⭐ |
| 36 | **收藏功能** | 收藏喜欢的题型，快速访问 | ⭐⭐ |
| 37 | **下载历史** | 记录每次下载的内容和时间 | ⭐⭐ |
| 38 | **批量生成** | 一次生成多张不同题目的练习纸 | ⭐⭐⭐ |
| 39 | **PDF 导出（增值服务）** | 会员专属功能，支持多页 PDF 合并导出（需云函数），非核心路径 | ⭐⭐⭐⭐ |
| 40 | **自定义纸张** | 支持 A4/B5/Letter 等纸张尺寸切换 | ⭐⭐ |
| 41 | **打印套餐** | 按周/月推荐「每日一练」打印计划 | ⭐⭐⭐ |
| 42 | **社区分享** | 用户分享打印效果、使用心得 | ⭐⭐⭐⭐ |
| 43 | **数据统计** | 记录孩子使用数据，生成学习报告 | ⭐⭐⭐⭐ |
---
@@ -287,11 +291,11 @@
│ └────────────────────────────┘ │
│ │
│ ┌──────────┐ ┌──────────────┐ │
│ │ 🔄 换一批 │ │ 📥 保存并打印 │ │
│ │ 🔄 换一批 │ │ 📥 保存到相册 │ │
│ └──────────┘ └──────────────┘ │
│ │
│ ┌──────────┐ ┌──────────────┐ │
│ │ 📄 存PDF │ │ 📤 分享好友 │ │
│ │ 📤 分享 │ │ 📄 存PDF(会员)│ │
│ └──────────┘ └──────────────┘ │
│ │
└─────────────────────────────────────┘
@@ -331,28 +335,60 @@
- 入口卡片仅为简单的文字+icon，缺少视觉吸引力
- 配色单一，整体观感不够「儿童友好」
- 缺少品牌感（Logo、IP形象等）
- 小鸭子 IP 形象已有但未贯穿全应用，品牌感不够强
### 6.2 改进方向
### 6.2 品牌体系
| 维度 | 建议 |
|------|------|
| 主色调 | 采用温暖明亮的渐变色系（橙黄 → 粉紫），传达活力与童趣 |
| 品牌 IP | 设计一个可爱的 IP 形象（如小恐龙/小兔子），贯穿全应用 |
| 卡片风格 | 入口卡片使用真实打印效果预览图 + 圆角卡片 + 柔和阴影 |
| 字体 | 标题使用圆体/手写风格字体，正文保持清晰易读 |
| 图标 | 使用统一的手绘风格图标替代 emoji |
| 动效 | 适度加入微动效（卡片进场、按钮反馈、生成加载） |
| 空状态 | IP 形象配合趣味文案（如「还没有收藏哦，去发现好玩的练习纸吧~」） |
#### 品牌命名释义
### 6.3 打印页面风格
「**涂鸦丫**」是一个谐音双关的品牌名：
| 维度 | 建议 |
|------|------|
| 页眉 | 统一品牌 Logo + 小程序码 + 日期 + 孩子姓名（可选） |
| 页脚 | 鼓励语/小贴士（如「做得真棒！」「今天又进步了！」） |
| 装饰 | 页面边角增加可爱装饰元素（星星、花朵、小动物） |
| 排版 | 优化题目间距，确保打印后字体大小适合儿童辨认（≥14pt） |
- **涂鸦** = doodle，精准描述产品核心功能（儿童涂鸦 / 练习纸打印）
- **丫** = 可爱语气词，暗示小朋友 / 小丫头；同时谐音「**鸭**」，呼应 IP 形象
- 品牌故事：_涂鸦丫是一只最爱涂鸦的小鸭丫，它相信每个孩子都是天生的小画家。_
#### 品牌色彩
| 色彩 | 色值 | 用途 |
| ------------------ | ------- | -------------------------- |
| 品牌主色（鸭丫黄） | #f7ee47 | 主按钮、品牌标识、强调元素 |
| 主色加深（暖金） | #e6d520 | 按钮按压态、边框强调 |
| 辅助色（暖白） | #fffef0 | 页面背景、卡片底色 |
| 辅助色（浅灰） | #f5f5f5 | 次级背景 |
| 文字主色 | #333333 | 标题、正文 |
| 文字次色 | #999999 | 辅助说明文字 |
#### IP 形象规范
现有 IP「**小鸭丫**」已用于小程序图标，需进一步延伸：
| 场景 | IP 应用 |
| ----------- | ------------------------------------------------------------------------------ |
| 小程序图标 | 小鸭丫正面头像（已有） |
| 启动页/闪屏 | 小鸭丫拿着画笔，配 Slogan |
| 空状态 | 小鸭丫的不同姿态 + 趣味文案（如「鸭丫还没找到收藏呢，去发现好玩的练习纸吧~」） |
| 加载动画 | 小鸭丫走路 / 画画的微动效 |
| 打印页装饰 | 页眉角落小鸭丫 logo，页脚鸭丫鼓励语 |
| 错误页面 | 小鸭丫摊手/挠头，配友好提示文案 |
### 6.3 视觉改进方向
| 维度 | 建议 |
| -------- | ---------------------------------------------------------------------- |
| 主色调 | 以品牌黄 #f7ee47 为核心，搭配暖白 #fffef0 背景，营造温暖明快的儿童氛围 |
| 卡片风格 | 入口卡片使用真实打印效果预览图 + 圆角卡片 + 柔和阴影 |
| 字体 | 标题使用圆体/手写风格字体，正文保持清晰易读 |
| 图标 | 使用统一的手绘风格图标替代 emoji，风格与小鸭丫 IP 一致 |
| 动效 | 适度加入微动效（卡片进场、按钮反馈、小鸭丫加载动画） |
### 6.4 打印页面风格
| 维度 | 建议 |
| ---- | ------------------------------------------------------------------- |
| 页眉 | 小鸭丫 Logo + 「涂鸦丫」品牌字 + 小程序码 + 日期 + 孩子姓名（可选） |
| 页脚 | 小鸭丫鼓励语（如「鸭丫说：做得真棒！」「小鸭丫为你点赞！」） |
| 装饰 | 页面边角增加小鸭丫元素（小脚印、鸭丫剪影、星星等） |
| 排版 | 优化题目间距，确保打印后字体大小适合儿童辨认（≥14pt） |
---
@@ -360,15 +396,80 @@
### 7.1 架构优化
| 改造项 | 现状 | 目标 | 优先级 |
|--------|------|------|--------|
| 内容配置化 | 题型硬编码 | JSON 配置 + 云端下发，新增题型无需发版 | P0 |
| 模板引擎 | 各题型独立 Draw Service | 抽象通用模板引擎，减少重复代码 | P1 |
| 云端渲染 | 本地 Canvas 导出 PNG | 云函数生成 PDF，支持多页/高清 | P2 |
| 素材管理 | 素材随代码打包 | CDN + 按需下载，减少包体积 | P1 |
| 数据埋点 | 基础 tracker | 完善用户行为分析（使用频率、下载量、题型偏好） | P1 |
| 改造项 | 现状 | 目标 | 优先级 |
| ---------------- | ----------------------- | ---------------------------------------------- | ------ |
| 内容配置化 | 题型硬编码 | JSON 配置 + 云端下发，新增题型无需发版 | P0 |
| **模板引擎** | 各题型独立 Draw Service | **抽象通用模板引擎，80% 新内容通过配置上线** | **P0** |
| 客户端渲染优化 | 本地 Canvas 导出 PNG | 优化渲染性能，支持批量生成多张图片保存到相册 | P1 |
| 素材管理 | 素材随代码打包 | CDN + 按需下载，减少包体积 | P1 |
| 数据埋点 | 基础 tracker | 完善用户行为分析（使用频率、下载量、题型偏好） | P1 |
| PDF 导出（增值） | createPDF 实验性代码 | 会员增值功能，云函数合并多页 PNG 为 PDF | P4 |
### 7.2 分包优化
### 7.2 模板引擎（产品视角）
> 详细技术设计见 [技术架构设计文档](./技术架构设计文档.md) 第五章
#### 为什么需要模板引擎？
**现状痛点**：目前每新增一种可打印资料（如一种新题型、一张涂色卡），都需要开发者编写新的前端页面和绘制代码，然后提交微信审核发版。这意味着：
- 新增一种题型需要 1-3 天开发 + 1-3 天审核 = 最快一周上线
- 要达到 150+ 种内容的产品目标，需要写 150+ 套绘制代码，**不可持续**
- 无法快速响应节日/热点内容（如六一儿童节涂色卡、春节手工等）
#### 模板引擎解决什么？
核心思路：**所有可打印资料的排版模式是有限的**，虽然题型有上百种，但归纳后只有 6-8 种排版模式。
```
排版模式 覆盖的题型（举例）
──────────────── ──────────────────────────────────
网格计算型 加减法、乘法、凑十/破十、比大小、填空...
配对连线型 数物连线、连连看、译码连线、点连线...
网格涂色型 找数字涂色、方位涂色、格子仿画...
卡片排列型 涂色卡、闪卡、识字卡、字母卡、贴纸...
描红书写型 练字、拼音描红、字母描红、数字描红...
全幅素材型 整页涂色卡、折纸模板、手工模板...
序列排序型 数字排序、缺失数字、颜色规律...
特殊图形型 时钟练习、形状分类、货币认知...
```
**有了模板引擎后：**
| 场景 | 之前 | 之后 |
|------|------|------|
| 新增「50以内减法」 | 写代码 → 发版 | JSON 配置一条记录 → **即时上线** |
| 新增「恐龙涂色卡」 | 写绘制代码 → 发版 | 上传 SVG 素材 + JSON 配置 → **即时上线** |
| 新增「字母描红」 | 写代码 → 发版 | JSON 配置 + 字母数据 → **即时上线** |
| 新增「迷宫」 | 写迷宫算法 → 发版 | 需写新生成器 → **仍需发版** |
| 六一主题涂色卡 | 来不及开发 | 上传素材 + 配置 → **当天上线** |
#### 对产品运营的影响
模板引擎上线后，产品运营模式从「开发驱动」转变为「运营驱动」：
```
之前：产品经理提需求 → 开发排期 → 编码 → 测试 → 审核 → 上线（1-2周）
之后：
场景 A（已有模板覆盖的新题型/素材）：
运营/产品 → 编写 JSON 配置 + 上传素材 → 云端生效 → 即时上线（<1小时）
场景 B（需要新排版模式的题型）：
产品提需求 → 开发新 TemplateRenderer → 发版（1-2周）
之后该模式下的新题型走场景 A
```
#### 内容运营节奏建议
| 运营方式 | 频率 | 说明 |
|---------|------|------|
| 常规上新 | 每周 2-3 种 | 通过 JSON 配置新增题型变体或素材型内容 |
| 主题上新 | 每月 1 次 | 节日/季节主题内容包（涂色卡、手工模板等） |
| 热点响应 | 随时 | 追节日/热点快速上线应景内容 |
| 版本迭代 | 每 2-4 周 | 新排版模板、新生成算法、UI 改进等需发版内容 |
### 7.3 分包优化
```
当前分包结构： 建议优化后：
@@ -384,28 +485,40 @@
└── craftPages (创意手工)
```
### 7.3 数据模型扩展
### 7.4 数据模型扩展
```typescript
interface WorksheetType {
interface WorksheetConfig {
id: string;
page: string;
title: string;
desc: string;
// 新增字段
// ─── 分类与筛选 ───
category: 'math' | 'chinese' | 'english' | 'puzzle' | 'craft';
subcategory: string;
ageRange: [number, number]; // [minAge, maxAge]
difficulty: 1 | 2 | 3 | 4; // 入门/基础/进阶/挑战
previewImage: string; // 真实效果预览图
downloadCount: number; // 下载次数（可云端维护）
tags: string[]; // 搜索标签
isNew: boolean; // 新上线标记
sortOrder: number; // 排序权重
ageRange: [number, number];
difficulty: 1 | 2 | 3 | 4;
previewImage: string;
tags: string[];
isNew: boolean;
sortOrder: number;
downloadCount: number;
status: 'active' | 'draft' | 'hidden';
// ─── 模板引擎配置（核心新增）───
template: TemplateType; // 使用哪个排版模板
generator: GeneratorType; // 使用哪个数据生成器
generatorConfig: Record<string, any>;// 生成器参数
layoutConfig: LayoutConfig; // 排版参数
userConfigurable?: UserConfigField[];// 用户可调整的参数（渲染到设置面板）
// ─── 兼容旧架构 ───
legacyPage?: string; // 旧页面路径（迁移过渡期使用）
}
```
> 完整的类型定义和 JSON 配置示例见 [技术架构设计文档](./技术架构设计文档.md) 第五章
---
## 八、实施路线图
@@ -414,100 +527,107 @@ interface WorksheetType {
Phase 1（第 1-2 周） ← 夯实基础
├── 修复技术问题（云函数/死链）
├── 增加年龄分级和难度标签
├── 首页重设计（分类导航 + 搜索）
├── 效果预览图优化
├── 新增打印指南页
└── 效果预览图优化
└── 代码分层重构（建立 core/ 和 platform/ 目录）
Phase 2（第 3-4 周） ← 内容扩充
├── 新增：控笔练习
├── 新增：时钟练习
├── 新增：拼音练习
├── 新增：字母描红
├── 新增：字母闪卡
└── 新增：笔画练习
Phase 2（第 3-5 周） ← 🔑 模板引擎 + 首页重构
├── 【核心】开发模板引擎
│ ├── 实现 3 种高优先级模板渲染器
│ │ ├── grid-exercise（网格计算型）
│ │ ├── full-page-asset（全幅素材型）
│ │ └── tracing-writing（描红书写型）
│ ├── 实现通用 worksheet 页面
│ └── 试点迁移 2-3 种现有题型验证
├── 首页重设计（分类导航 + 搜索）
├── 内容配置化（JSON + 云端下发）
└── 云数据库建表（含模板引擎字段）
Phase 3（第 5-6 周） ← 趣味内容
├── 新增：走迷宫
├── 新增：涂色卡（引入线稿素材）
├── 新增：折纸模板
├── 新增：找不同
├── 新增：控笔练习升级版
└── 新增：记忆力翻翻卡
Phase 3（第 6-8 周） ← 内容爆发（模板引擎红利期）
├── 补全剩余 5 种模板渲染器
├── 存量 40+ 题型批量迁移到模板引擎
├── 通过 JSON 配置快速上线新题型：
│ ├── 数学：时钟练习、形状分类
│ ├── 语文：拼音练习、笔画练习
│ ├── 英语：字母描红、字母闪卡（JSON 配置即可）
│ ├── 益智：控笔练习
│ └── 创意：涂色卡、折纸（上传素材即可）
└── 需新生成器的题型：走迷宫、找不同
Phase 4（第 7-8 周） ← 体验升级
Phase 4（第 9-10 周） ← 体验升级
├── 用户体系（登录/收藏/历史）
├── PDF 导出功能
├── 批量生成
├── 批量生成图片（多张保存到相册）
├── 每日打印计划
└── 数据统计与学习报告
Phase 5（持续迭代） ← 生态建设
├── 更多主题手工内容
├── 节日/季节限定内容
Phase 5（持续运营迭代） ← 运营驱动增长
├── 每周通过 JSON 配置上新 2-3 种内容（无需发版）
├── 节日/季节主题内容包（涂色卡、手工模板等）
├── PDF 导出（会员增值功能）
├── 社区分享
├── 内容创作者入驻
└── 会员体系（免费内容 + 高级内容）
└── 会员体系（免费 + 高级内容）
```
---
## 九、商业化思路
| 模式 | 说明 |
|------|------|
| **免费 + 广告** | 基础内容免费，展示原生广告（现有模式） |
| **会员订阅** | 月/年会员，解锁高级内容、去广告、批量导出 PDF |
| **内容付费** | 特定高级内容包（如「幼升小全套」「暑假特训」）单独购买 |
| **打印服务** | 接入云打印平台，用户一键下单，直接邮寄打印成品 |
| 模式 | 说明 |
| --------------- | ------------------------------------------------------- |
| **免费 + 广告** | 基础内容免费，展示原生广告（现有模式） |
| **会员订阅** | 月/年会员，解锁高级内容、去广告、PDF 多页导出、批量生成 |
| **内容付费** | 特定高级内容包（如「幼升小全套」「暑假特训」）单独购买 |
| **打印服务** | 接入云打印平台，用户一键下单，直接邮寄打印成品 |
---
## 十、关键指标（KPI）
| 指标 | 当前预估 | Phase 2 目标 | 长期目标 |
|------|---------|-------------|---------|
| 内容品类 | 4 类 | 8 类 | 15+ 类 |
| 可打印题型 | 41 种 | 60+ 种 | 150+ 种 |
| 日均使用 UV | - | 500 | 5,000 |
| 人均停留时长 | - | 3 min | 8 min |
| 日均下载量 | - | 1,000 张 | 10,000 张 |
| 用户次日留存 | - | 25% | 40% |
| 分享率 | - | 10% | 20% |
| 指标 | 当前预估 | Phase 2 目标 | 长期目标 |
| ------------ | -------- | ------------ | --------- |
| 内容品类 | 4 类 | 8 类 | 15+ 类 |
| 可打印题型 | 41 种 | 60+ 种 | 150+ 种 |
| 日均使用 UV | - | 500 | 5,000 |
| 人均停留时长 | - | 3 min | 8 min |
| 日均下载量 | - | 1,000 张 | 10,000 张 |
| 用户次日留存 | - | 25% | 40% |
| 分享率 | - | 10% | 20% |
---
## 附录 A：竞品功能对照表
| 功能 | kiddoworksheets | Doodle Mini 现有 | Doodle Mini v2.0 规划 |
|------|----------------|-----------------|---------------------|
| 字母描红 | ✅ | ❌ | ✅ P1 |
| 草书练习 | ✅ | ❌ | ❌（非目标用户需求） |
| 缺失字母 | ✅ | ❌ | ✅ P1（字母找一找） |
| 数字描红 | ✅ | ✅ 看数字写一写 | ✅ |
| 缺失数字 | ✅ | ✅ 填上缺少的数字 | ✅ |
| 闪卡 | ✅ | ❌ | ✅ P1 |
| 形状练习 | ✅ | ✅ 识别形状 | ✅ |
| 规律练习 | ✅ | ✅ 颜色找规律 | ✅ 扩展数字/图形规律 |
| 涂色页 | ✅ | ❌ | ✅ P2 |
| 画画教程 | ✅ | ❌ | ❌（优先级低） |
| 点连线 | ✅ | ✅ 数字点连线 | ✅ 扩展字母连线 |
| 加法 | ✅ | ✅ 多种加法题型 | ✅ |
| 减法 | ✅ | ✅ 多种减法题型 | ✅ |
| 乘法 | ✅ | ✅ 九九乘法表 | ✅ |
| 计数 | ✅ | ✅ 多种计数题型 | ✅ |
| 英语练习 | ✅ | ❌ | ✅ P1 |
| 高频词 | ✅ | ❌ | ✅ P2 |
| 词汇拼写 | ✅ | ❌ | ✅ P2 |
| 字谜 | ✅ | ❌ | ✅ P3 |
| 填字游戏 | ✅ | ❌ | ✅ P3 |
| 常识问答 | ✅ | ❌ | ❌（优先级低） |
| 描线练习 | ✅ | ✅ 线条识别 | ✅ 控笔练习 |
| 配对连线 | ✅ | ✅ 连连看/连线 | ✅ |
| 找相同 | ✅ | ❌ | ✅ P2 |
| 人体部位 | ✅ | ❌ | ❌（优先级低） |
| 时钟 | ✅ | ❌ | ✅ P1 |
| 贴纸 | ✅ | ❌ | ✅ P3 |
| 滑动拼图 | ✅（在线游戏） | ❌ | ❌（非打印类） |
| 找不同 | ✅ | ❌ | ✅ P2 |
| 折纸 | ✅ | ❌ | ✅ P2 |
| 迷宫 | ✅ | ❌ | ✅ P2 |
| 功能 | kiddoworksheets | 涂鸦丫 现有 | 涂鸦丫 v3.0 规划 |
| -------- | --------------- | ----------------- | -------------------- |
| 字母描红 | ✅ | ❌ | ✅ P1 |
| 草书练习 | ✅ | ❌ | ❌（非目标用户需求） |
| 缺失字母 | ✅ | ❌ | ✅ P1（字母找一找） |
| 数字描红 | ✅ | ✅ 看数字写一写 | ✅ |
| 缺失数字 | ✅ | ✅ 填上缺少的数字 | ✅ |
| 闪卡 | ✅ | ❌ | ✅ P1 |
| 形状练习 | ✅ | ✅ 识别形状 | ✅ |
| 规律练习 | ✅ | ✅ 颜色找规律 | ✅ 扩展数字/图形规律 |
| 涂色页 | ✅ | ❌ | ✅ P2 |
| 画画教程 | ✅ | ❌ | ❌（优先级低） |
| 点连线 | ✅ | ✅ 数字点连线 | ✅ 扩展字母连线 |
| 加法 | ✅ | ✅ 多种加法题型 | ✅ |
| 减法 | ✅ | ✅ 多种减法题型 | ✅ |
| 乘法 | ✅ | ✅ 九九乘法表 | ✅ |
| 计数 | ✅ | ✅ 多种计数题型 | ✅ |
| 英语练习 | ✅ | ❌ | ✅ P1 |
| 高频词 | ✅ | ❌ | ✅ P2 |
| 词汇拼写 | ✅ | ❌ | ✅ P2 |
| 字谜 | ✅ | ❌ | ✅ P3 |
| 填字游戏 | ✅ | ❌ | ✅ P3 |
| 常识问答 | ✅ | ❌ | ❌（优先级低） |
| 描线练习 | ✅ | ✅ 线条识别 | ✅ 控笔练习 |
| 配对连线 | ✅ | ✅ 连连看/连线 | ✅ |
| 找相同 | ✅ | ❌ | ✅ P2 |
| 人体部位 | ✅ | ❌ | ❌（优先级低） |
| 时钟 | ✅ | ❌ | ✅ P1 |
| 贴纸 | ✅ | ❌ | ✅ P3 |
| 滑动拼图 | ✅（在线游戏） | ❌ | ❌（非打印类） |
| 找不同 | ✅ | ❌ | ✅ P2 |
| 折纸 | ✅ | ❌ | ✅ P2 |
| 迷宫 | ✅ | ❌ | ✅ P2 |