rain
53 lines
3.8 KiB
Markdown
53 lines
3.8 KiB
Markdown
# 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 打包改动。
|