Files
jiapuapp/docs/superpowers/specs/2026-07-13-a01-login-guide-design.md
T
2026-07-13 12:23:10 +08:00

4.0 KiB
Raw Blame History

A-01 启动/登录引导页设计

目标与边界

A-01 是 Android 用户端首次进入应用时的登录方式选择页。它只提供三个入口:账号密码、手机号验证码、微信登录;不承载输入表单、注册、忘记密码、登录失败或微信授权失败。

本轮只完成视觉与本地交互展示,不接接口、不接真实微信授权、不处理真机状态栏和打包。

页面归属与跳转

A-01 操作 本地页面去向 说明
账号密码登录 A-02 A-02 承载账号、密码输入与忘记密码入口。
手机号验证码登录 A-03 A-03 承载手机号、验证码与未注册承接。
微信登录 A-03 A-03 承载微信授权回跳展示;真实授权留到接口阶段。
A-03 识别为未注册 A-04 A-04 承载注册及注册场景的协议确认。

因此 A-01 不显示“注册账号”或“忘记密码”,也不展示 A-06 的失败、取消或受限状态。

协议同意规则

协议同意必须是用户的主动选择,不能以“登录即表示同意”替代。

  1. 页面初始时复选框为空,不预选。
  2. 文案固定为“我已阅读并同意《用户协议》与《隐私政策》”;两份协议是独立的朱砂红文字链接。
  3. 用户点击任一登录入口而尚未勾选时,停留在 A-01 并给出“请先阅读并同意相关协议”的本地提示;不得跳转、不得视为已同意。
  4. 勾选后才允许进入对应的本地下一页。复选框的勾选状态使用朱砂红对勾和古金外圈。
  5. A-04 的注册协议确认保留,因为它是注册提交的独立确认,不与 A-01 的登录前同意混为同一个控件。

视觉构成

以用户确认的登录效果图为美术锚点,并遵循 D1 的“独立红头/纸纹欢迎背景”规则:

  • 顶部:整宽朱砂红祠堂线描,中央小型“谱”印章,下沿为古金海浪纹;不使用 G-01 的顶部导航或底部 Tab。
  • 正文:暖白宣纸纹,左侧淡墨亭台、右侧淡竹影,页面尾部才出现低对比山水,不能压住操作和协议文字。
  • 标题:中央墨色“家谱”,两侧小云纹;副句为“为家族留存可传承的记忆”,上下用细古金线收束。
  • 操作:三个等宽矩形纸签按钮,左右安全边距 56rpx;高度不少于 88rpx;按钮之间 24rpx。主按钮为朱砂实底、暖白账号图标和文字;手机号按钮为纸白底古金双线和手机图标;微信按钮同为纸白金线,仅微信图标保持官方绿色。
  • 协议:放在第三按钮之后、底部山水之前。复选框触控区不小于 88rpx × 88rpx,文字不低于 24rpx,与山水保持足够对比度。

资产与数据约束

  • 背景继续使用项目内的独立祠堂红头、宣纸、淡山水/竹影资产;不得使用远程背景 URL,也不能把列表页的大山水直接复用为登录背景。
  • 微信标识只在该真实入口使用。后续实现时从官方或许可来源取得透明 PNG,保存到 static/assets/icons/,记录来源、用途、路径与透明角检查结果;不重绘、不改色。
  • A-01 的登录方式、文案、协议勾选和跳转只使用本地静态状态;本轮不读取 appApi,不发起请求。

验收标准

  1. 360 × 800dp 首屏同时看到红头、标题、三个登录入口和协议勾选。
  2. 账号密码为唯一朱砂实底主操作;手机号验证码与微信为同层替代入口。
  3. 初始画面没有“登录即同意”、没有预勾选协议、没有注册和忘记密码入口。
  4. 未勾选协议点击任一登录入口不跳转;勾选后才按表格进入 A-02 或 A-03。
  5. 页面没有底部 Tab、接口加载、真实授权、状态栏兼容处理或 Android 打包改动。

已失效历史记录(2026-07-13

本文件不再是 A-01 的设计或实现依据。唯一有效的 A-01 归档为 docs/design/A01_启动登录引导_设计记录.md;当前工作仍以 docs/交接记录.md 的 G-01 验收为准。