设计规范与交付说明
设计源稿:HTML/CSS 与生成器,可直接编辑。移动画板设计宽 390px,PNG 实际宽 780px;桌面宽 1440px,PNG 宽 2880px;A4 样张单独导出。长页面保留完整高度。
视觉规则
系统中文字体;英文与音标使用可回退的无衬线字体。主要操作高度 52px、触点至少 44px。主按钮绿底深字并有按压层。卡片圆角 22px,屏边 22px;正确和错误都有文字,不只依赖颜色。
角色、图像用于帮助理解。练习页保持聚焦,家长页优先呈现会写证据和明确的下一步。保留语义准确的原词图,不重新批量生成图片与音频。
覆盖与检查
完整对应清单记录原型到 HTML、PNG 的逐项映射及检查状态。逐页渲染报告记录尺寸、图片加载、横向溢出及弹窗截断。PNG 来自浏览器实际 2× 排版,无放大插值。截图接口返回 JPEG 后无缩放转为 PNG,原始渲染也已保存。
资料与冲突处理
| 事项 | 本次采用的可检验方案 |
|---|---|
| 最新资料 | 第二个链接仍显示登录页。已读取 149 张新原型及 v1.2 更新批注;本地文件正文为 v1.1。未声称读过无法访问的完整 v1.2 文档。 |
| 适龄与品牌 | 一期以小学三、四年级为主,兼顾小学各年级;保留高年级密度和长词适配的补充设计。统一嫩芽绿、奶油白、森林墨和少量暖杏黄。 |
| 单元与分组 | 每组默认 5 个词,同一单元内固定分组;尾组保留 1–4 个词,不跨单元拼组。跳单元保留原进度,回补从未学词继续。 |
| 掌握与会写 | 复习卡颜色表示历史复习进展;最近独立拼写作为另一项事实。未测试、辅助拼对、独立拼对、需要再练分开。辅助拼对不自动计为会写。 |
| 额度与学习日 | 每日上限按首次纳入学习的词条数计算,不按答对词数。北京时间 04:00 划分学习日,会话按开始时的学习日核算。 |
| 单元挑战 | 按最新 v1.2:每词 1 题,通过线向上取整 85%,至少 2 题拼写,不含跟读。单元全部关卡完成才开放。 |
| 听写新词 | 按最新 v1.2:未学单元先认识并每词拼一次,不改变闯关进度。到期后仍受新增学习权限限制;不能通过听写旁路绕过。 |
| 报告范围 | 报告指定词条 ID 列表在听写、预学习和打印中完整保留。权限冲突明确提示并返回选择,不自动删词或换筛选。 |
| 打印分页 | 按天分组、按容量分页,长日期可续页,答案页放末尾。修正原稿“每天一页”与当日词数可能冲突的问题。 |
| 身份合并 | 一期只有一个孩子,不暴露新增孩子入口;保留合并前快照。较高复习进度可以保留,最近独立拼写按时间取最新,不能用较高分掩盖最近错误。 |
| 交易与到账 | 渠道订单、激活码和手机号领取关联同一购买来源,幂等到账。支付结果未确认不显示成功;iOS 能力受服务端开关控制。 |
| 同意与录音 | 用户同意、微信隐私授权、手机号授权及麦克风权限分别处理。录音期限以正式发布政策与服务端配置为准,不照搬原型 30 天占位值。 |
| 法律与配置 | 协议图稿是待审核的正文设计。主体、服务商、客服渠道、退款规则与保留期需要按真实运营配置后发布;不编造已获授权或法律审核。 |
| 伙伴与动画 | 复用原嫩芽静态素材,并新增两种伙伴、三个伙伴的完整三阶段成长及蝴蝶静态插画。内置 image_gen 生成,提示词随稿。未审核的动作审片稿不接入。 |
| 后台来源 | 24 张后台按 PRD 第 11 章独立设计,未声称在无法访问的链接中看到后台页面。 |
| 业务实施边界 | 本目录阶段仅完成设计源稿与渲染检查。全量 UI 验收后进入 product-v2 独立工程;Git 推送、生产部署、支付和小程序发布未执行。 |
源文件与复用
旧素材复用清单 · 本次新增插画提示词 · 设计令牌 · 组件库 · 资料读取记录
构建:python build_design.py。通过本地 HTTP 服务预览,不依赖外部 CDN。渲染由当前会话的浏览器工具逐页执行;finalize_design.py 负责无缩放转换、完整性核对和检查总览,不自动操控浏览器。