首屏信息顺序
进入页面先看到身份，再看到动作。品牌标识与站点名放在左上，主登录卡位于视觉中轴，注册、找回密码、切换账号等次要入口统一收在卡片下方，不与主按钮争抢注意力。整块登录区在首屏内完整可见，不要求用户滚动才能找到登录按钮。
字段数量与标签写法
账号与密码是最常见的一组，默认只出现这两项。标签置于输入框上方 8px，字号 13px、字重 600；必填项在标签末尾加一个星号即可，整页不出现两套标记方式。手机号、验证码等扩展字段收进第二屏或独立步骤，避免首屏被拉长。
输入框规格
输入框白底、1px 描边、内高不小于 44px，横向内边距 14px，圆角 10px。聚焦时边框转为墨绿并在外侧加 3px 浅色外环；键盘 Tab 顺序与视觉顺序一致，焦点始终可见，不因去掉浏览器默认轮廓而消失。
错误提示怎么写
校验失败时把提示放在对应字段下方，字号 12.5px，同时在字段边框加同色描边。文案写清结论与动作，例如「密码为 8–20 位字符，请检查是否包含空格」，不用「输入有误」这类无从下手的说法。多条错误一次性列出，不逐条弹窗打断。
密码可见性与输入体验
密码框提供显示与隐藏切换按钮，图标随状态变化并带无障碍标签，切换后光标位置保持在原处。移动端调起对应键盘类型：账号框用文本键盘，验证码框用数字键盘，减少一次输入里的纠错次数。
多种登录方式并列
需要同时支持扫码或企业单点登录时，用分隔线把主次分开：主方式展开显示，其余收成一排图标按钮。切换方式时保留已填内容，用户不必重新输入一遍账号。第三方入口的图形保持原始比例，不拉伸、不改色。
登录态与记住登录
桌面端可选 7 天免登录，公共设备默认不勾选；移动端按业务敏感度缩短时长。登录成功后，退出、切换账号、查看已登录设备三个入口放在同一处，用户不必翻两级菜单去找。
移动端适配
手机端卡片去掉投影改为细边框，输入框与按钮通栏占满，主按钮保持 48px 高，触控区域不小于 44×44。左右内边距不小于 18px，长文案折行后不截断，页面不出现横向滚动。
无障碍与对比度
正文与背景的对比度不低于 4.5:1，弱化文字不低于 3:1；纯图标按钮补上替代文本，错误状态用文字与图标双重表达，不只依赖颜色。页面支持键盘完整操作，缩放到 200% 时不破版、不遮挡登录按钮。
评审常用参数口径
44px
输入框与按钮的最小高度
4.5:1
正文与背景的对比度下限
3 档
桌面、平板与手机断点
9 项
上线前逐条对照的检查项
上线前对照
改版稿提交前，先过这三组检查
每组检查都能在评审会上当场确认，不需要额外跑一遍测试环境。
界面层
信息是否一眼可读
- 品牌标识、登录卡、辅助入口三层顺序稳定
- 首屏内可直接看到账号、密码与登录按钮
- 注册与找回密码不抢主按钮位置
- 标题与说明文字不出现两种以上字重混排
交互层
出错时是否知道下一步
- 每条错误提示写清原因与修改方式
- 切换登录方式后已填内容仍然保留
- 密码显示开关状态可被键盘触达
- 连续失败有明确的重试间隔说明
适配层
换设备是否还站得住
- 手机上输入框与按钮通栏、无横向滚动
- 平板断点下卡片不出现半截截断
- 缩放到 200% 时登录按钮仍完整可见
- 纯图标按钮均有中文替代文本