Files
cmroubao/docs/design

设计原型输入约定

本目录用于 P0 管理 Web 和 Android 页面开工前的低保真原型。原型只回答“页面上有 什么”,行为权威是 ../08-interaction-checklist.md。

形态

  • 一页面一个可独立打开的 HTML 文件,CSS/JS 内联,零构建依赖。
  • Android 页面也用手机尺寸 HTML 表达控件和信息结构,不伪装成生产代码。
  • 页面顶部固定标记:PROTOTYPE - 仅供确认布局和交互,不是生产实现。
  • 使用假数据,不放真实账号、商品图、订单、地址、token 或生产 URL。
  • 使用语义化 button、form、table、dialog 等元素。

P0 文件:

index.html
admin-login.html
admin-task-list.html
admin-task-create.html
admin-task-detail.html
android-login.html
android-task-home.html
android-task-preview.html
android-task-running.html
android-candidate-confirm.html
android-task-result.html
android-settings.html

index.html 只用于离线逐页导航。其余 11 个文件分别覆盖 routes.md 中的 4 条管理 Web 路由和 7 个 Android 逻辑目的地。

工作流

  1. 在 T-202 根据需求、US 和 routes 生成对应 P0 页面原型。
  2. 人工确认页面区块、控件集合、文案和主要动作。
  3. 对照原型更新 IX 总表和 P0 详情。
  4. 再落正式 UI 任务;实现时按真实框架重写,禁止复制原型代码。

原型实现后即视为过期,不要求持续同步。显著改变布局或控件集合时重新生成整页; 小文案或字段变化只更新需求/IX。原型与需求冲突时,以需求和已确认 IX 为准。