素材资源缺口清单
要把这套训练站做成可上线的产品，除了代码还需要哪些素材。数量与格式均按本站设计推导； 「原产品实测」列是对 BrainGain 1.19.223 的资产盘点，用于估算投入量级。
一、原产品的素材开销（实测基准）
来源：BrainGain 1.19.223 实测盘点，证据：apktool_full/res 与 assets 目录统计。
| 类别 | 数量 | 体积 | 说明 |
|---|---|---|---|
| 图片资源（webp + png） | 494 | 29 MB | 279 webp / 215 png |
| 游戏封面图 | 54 | — | 30 款游戏，部分含 cover + cover2 两版 |
| 游戏背景图 | 30 | — | 每款游戏一张 bkg |
| 能力图标 | 19 | — | benefitNNicon，与 19 项能力一一对应 |
| Lottie 教学动画 | 49 | 25 MB | 占包体最大单项，比全部玩法代码大 149 倍 |
| Onboarding / 付费墙素材 | 39 | 4.4 MB | 含 3 套 onboarding HTML 变体 zip + Svelte 付费墙 |
| 字体文件 | 19 | 4.2 MB | TTF 为主；付费墙另含 Nunito woff/woff2 6 字重 |
| 音频资源 | 0 | 0 | ★ 全包无任何音频 —— 这是明显的体验缺口，也是差异化机会 |
| res/drawable 总体积 | — | 28 MB | 占 res 目录绝对大头 |
三个值得注意的实测结论：
- Lottie 动画 25 MB，比全部玩法代码大 149 倍 —— Web 上照搬会直接毁掉首屏，必须换实现方式。
- 音频资源为 0 —— 原产品完全没有声音。这是最容易做出差异化的一环。
- 图片 494 张 / 29 MB，其中 279 张是 WebP、215 张 PNG —— 说明它做过一轮格式优化，但仍有压缩空间。
二、本站已自产的资产
| 资产 | 说明 | 状态 |
|---|---|---|
| 19 项能力标签体系 | content/benefits.json，含 id/中英名称/domain 分组/原创描述 | ✅ 已交付 |
| 6 品类内容结构 | content/categories.json，含品类↔游戏映射与原产品对照 | ✅ 已交付 |
| 6 款游戏完整实现 | 机制忠实于原产品官方玩法说明，代码全部原创 | ✅ 已交付 |
| 6 条难度阶梯模板 | content/difficulty-templates.json，含跨玩法复用机制 | ✅ 已交付 |
| 英语词库 3,084 词 | src/wordbank.js，经系统词典交叉校验，未复制原产品词库 | ✅ 已交付 |
| 自适应难度引擎 | src/adaptive.js，按能力维护 Elo 评分 | ✅ 已交付 |
| 站点 UI 与视觉基础 | public/css/style.css，深色主题 + 品类配色 + 雷达图 | ✅ 已交付 |
三、缺口清单
共 13 项。按优先级排序 —— 先做 P0 就能上线一个完整体验的最小站。
P0 · 必做 (4 项)
游戏封面图 游戏视觉 ❌ 缺失
- 数量
- 6 张（当前 6 款游戏）；扩展到 25 款则需 25 张
- 格式
- WebP + AVIF，建议 640×400，单张 < 40 KB
- 来源
- 自产（可用 SVG/Canvas 程序化生成几何封面，成本近零）
- 工作量
- 低（程序化）/ 中（设计师手绘）
- 用在哪
- 首页游戏卡片、游戏详情页、每日训练
- 备注
- 原产品用 54 张（含 cover/cover2 两版做 A/B）。建议先用程序化生成的几何封面顶住，验证玩法后再投入美术。
19 项能力图标 体系视觉 ❌ 缺失
- 数量
- 19 个（每个 ability 一个）
- 格式
- SVG（首选，可换色适配 domain 配色）或 WebP 64×64
- 来源
- 自产 / 图标库授权（如 Lucide、Phosphor，注意许可证）
- 工作量
- 低
- 用在哪
- 能力雷达图、能力详情页、游戏详情页能力标签、训练报告
- 备注
- 原产品用 benefitNNicon.png 共 19 张。本站可先用图标库映射，保证雷达图、能力页、游戏详情页三处一致。
品牌资产 品牌 ❌ 缺失（当前用纯 CSS 文字标 + 内联 SVG 图标占位）
- 数量
- Logo（SVG）、favicon（含 32/180/512 三尺寸）、Apple touch icon、OG 分享图（1200×630）
- 格式
- SVG + PNG/WebP
- 来源
- 自产
- 工作量
- 低
- 用在哪
- 站点全局、SEO / 社交分享
- 备注
- OG 图直接影响社交分享点击率，优先级高于游戏封面。
SEO 落地页文案 文案内容 ⚠️ 部分（页面骨架与 JSON-LD 已就绪，正文文案待补）
- 数量
- 网站对 App 的降维打击点：19 个能力页 + 6 个品类页 + 25 个游戏页 + 长尾关卡页
- 格式
- 结构化数据（JSON-LD）+ 每页 300–600 字原创文案
- 来源
- 自产
- 工作量
- 中（可模板化，但需避免低质批量内容）
- 用在哪
- SEO 落地页矩阵
- 备注
- ★ 这是网站相对 App 最大的结构性优势。但需注意 Google 对批量生成的低质内容有惩罚，每页应有独立价值（玩法说明、能力原理解释、训练建议）。
P1 · 重要 (4 项)
玩法教学动效 动效 ❌ 缺失（当前仅有静态文字说明）
- 数量
- 6 段（每款游戏一段）；扩展按游戏数
- 格式
- ★ 不要用 Lottie。用 CSS 动画或 Canvas，单段 < 15 KB
- 来源
- 自产
- 工作量
- 中
- 用在哪
- 游戏首次进入引导、Onboarding
- 备注
- 原产品 49 段 Lottie 合计 25 MB，是包体最大单项。Web 上照搬会直接毁掉首屏。本站在游戏页用文字说明 + 可选首局引导替代，建议后续补轻量动效。
Web 字体 字体 ⚠️ 部分（当前用系统字体栈）
- 数量
- 1–2 款字体，各 2–3 字重
- 格式
- WOFF2，必须做子集化（中文子集尤其关键）
- 来源
- 开源字体（如 Inter / Nunito，均为 OFL 许可）
- 工作量
- 低
- 用在哪
- 站点全局
- 备注
- ★ 本站 UI 含中文，中文字体子集化是硬要求 —— 未子集的 CJK 字体动辄 5–10 MB。建议中文走系统字体栈，仅拉丁字符用自定义字体。原产品付费墙用了 Nunito（OFL 许可，可安全使用）。
游戏内元素素材 游戏视觉 ⚠️ 部分（Hidden Pairs 用 emoji，渲染依赖系统字体，跨平台一致性有风险）
- 数量
- 按玩法：配对符号（当前用 emoji，36 个）、数字/字母、图形纹理
- 格式
- SVG 或 emoji（零成本）；避免位图
- 来源
- 自产 / emoji（当前方案）
- 工作量
- 低
- 用在哪
- Hidden Pairs、Single Stroke、Word List
- 备注
- ★ emoji 在不同平台（尤其部分 Android 与 Windows）渲染差异大，且无法控制配色。若追求品牌一致性，建议替换为自有 SVG 符号集。
合规文本 合规 ❌ 缺失
- 数量
- 隐私政策、服务条款、Cookie 同意、数据导出/删除入口（GDPR/CCPA）
- 格式
- 静态页面
- 来源
- 自产 / 法律模板（须法务确认）
- 工作量
- 低–中
- 用在哪
- 站点全局
- 备注
- ★ 若要做心理/认知测评类内容，合规要求显著高于普通工具站（YMYL 范畴）。原产品在 onboarding 里挂了 'Harvard Health Publishing' 等信任背书 —— 未经授权这样做有法律风险，不要模仿。
P2 · 增强 (3 项)
音效与反馈音 音频 ❌ 缺失（原产品也完全没有音频）
- 数量
- 6–10 个短音效（答对/答错/过关/倒计时告警）+ 可选背景音
- 格式
- MP3 或 OGG，单文件 < 30 KB，需用户手势后才能播放
- 来源
- 自产 / 免版权音效库
- 工作量
- 低
- 用在哪
- 全部游戏
- 备注
- ★ 原产品 0 音频。这是最容易做出差异化的一环：正确/错误的即时听觉反馈对训练类产品的节奏感提升明显。注意 Web 自动播放策略与静音默认值。
多语言词库与本地化 语言内容 ❌ 缺失（原产品词库覆盖 20 种语言，UI 覆盖 6 种）
- 数量
- 当前仅英语；每增一种语言需 3–8 字母词库约 2,000–5,000 词 + UI 文案翻译
- 格式
- JSON / JS 模块
- 来源
- 自产（需母语者校对）/ 开源词表（注意许可证）
- 工作量
- 中–高（每语言）
- 用在哪
- Word List、未来语言类玩法
- 备注
- 原产品的 Word List / Synonyms / Cryptograms 三个语言类玩法共享同一套词库基础设施，是其本地化收益最高的部分。建议按「UI 语言数 × 词库语言数」分开规划 —— 原产品是 6 × 20。
成绩分享图 增长 ❌ 缺失
- 数量
- 动态生成模板 1 套（Canvas 绘制，无需预制素材）
- 格式
- 客户端 Canvas 生成 PNG，1200×630
- 来源
- 自产（代码生成）
- 工作量
- 低
- 用在哪
- 训练结算页
- 备注
- 原产品有成就/马拉松结算页但无分享图。网站可用 URL 参数 + Canvas 生成，是低成本获客手段。
P3 · 后置 (2 项)
付费墙与 Onboarding 素材 营销 ❌ 缺失（本站当前无付费功能）
- 数量
- 1 套 Onboarding（3–5 屏）+ 1 套付费墙
- 格式
- HTML/CSS（本站已具备该架构）
- 来源
- 自产
- 工作量
- 中
- 用在哪
- 变现链路
- 备注
- 原产品在此投入很重：3 套 onboarding HTML 变体 + Svelte 付费墙 + 14 个付费墙入口。本站先做留存与内容，变现后置。
测评题库（可选模块） 测评内容 ❌ 未规划
- 数量
- 原产品为 29 个测试 / 576 题；自建建议先做 3–5 个能力类测评（非心理健康量表）
- 格式
- JSON，含题干/选项/计分规则/结果分级
- 来源
- 自产（须避免使用受版权保护的量表，如 PHQ-9、GAD-7 等有使用条款）
- 工作量
- 高
- 用在哪
- 测评模块
- 备注
- ★ 重要合规提示：原产品的 ADHD / 抑郁 / 焦虑 / 童年创伤量表属于心理健康测评，在网站（YMYL）语境下风险远高于 App。建议只做能力型测评（反应速度、工作记忆广度、注意力持续），并明确标注「非医学诊断」。
四、最小上线路径
- P0 四项：19 个能力图标 + 6 张游戏封面 + 品牌资产（Logo/favicon/OG）+ SEO 落地页文案 —— 完成后即是一个可索引、可分享、能完整体验的最小站。
- P1 四项：Web 字体（拉丁子集）+ 游戏内符号 SVG 化 + 玩法教学动效（轻量实现）+ 合规文本。
- P2 三项：音效 + 成绩分享图 + 多语言词库（按目标市场逐语言推进）。
- P3 后置：付费墙素材与测评题库 —— 先验证留存，再谈变现。