背景
当前 HUD 的整体尺寸偏小。需要把 HUD 整体视觉放大,包括胶囊外形、内部按钮、波形、图标、文字、padding 和各状态下的展示尺寸。
目标不是重做样式,而是在保持现有比例、布局关系和交互动效的前提下,统一优化整套 HUD。
目标
将 HUD 统一按当前确认基线 1.2x 比例放大,并同步收敛视觉材质,覆盖:
- 外层胶囊尺寸
- 内部按钮
- 波形条与容器
- 图标
- 文案字号与字距
- padding / spacing / offset
- 结果态与 notice 态宽度
- HUD 承载窗口尺寸
- HUD 背景透明度与背景色一致性
实现要求
- 引入统一缩放常量,避免继续分散维护多个固定尺寸
- 将当前 HUD 的固定视觉尺寸统一改为“基准值 × 缩放系数”
- 同步调整录音态、处理中、成功、失败、取消、新词提示等状态下的目标宽高
- 同步调整
HUDButtonStyle、HUDIcon、ThinkingShimmerView 的尺寸参数
- 调整
HUDWindow 的窗口尺寸,确保放大后不会裁切内容
- 去掉 HUD 静态视觉中的透明背景效果,胶囊主体改为不透明背景
- 统一所有 HUD 状态的背景色,录音态、处理中、结果态、新词提示等都使用同一背景基色
- 收敛 HUD 内部颜色定义,避免继续散落使用多组半透明白色和渐变高光
- 保持现有业务逻辑不变,不改 HUD 的交互流程和状态机
不在范围内
- 不重做 HUD 视觉风格
- 不修改 HUD 文案内容
- 不修改交互动效时长,除非实测发现明显失衡
- 不改 HUD 的底部定位策略,除非放大后出现明显遮挡或裁切
- 不调整业务状态机和交互逻辑
验收标准
- HUD 视觉整体较当前版本有明显放大
- 所有 HUD 状态的胶囊背景色一致,不再出现不同状态材质不统一的问题
- HUD 胶囊主体不再有半透明底色或半透明高光叠层
- 录音态按钮、波形、模式提示显示正常,不拥挤、不裁切
THINKING 处理中样式完整显示
- 成功 / 失败 / 已取消 / 新词提示等结果态文案不被裁切
- 放大后按钮点击热区仍与视觉区域一致
HUDWindow 承载尺寸足够,不出现边缘裁切
- debug 包中手工验证通过
补充说明
该需求在实现过程中已经进行过多轮试调:
- 初版按
1.5x 放大,实际观感偏大
- 后续尝试
1.35x,仍然偏大
- 当前预览基线调整为
1.2x,作为下一轮确认版本
- 新增视觉收口要求:去掉 HUD 透明底效果,并统一所有 HUD 的背景色
后续继续维护时,请保持“统一比例常量可调”的实现方式,并将背景色和材质定义集中管理,便于继续微调。
背景
当前 HUD 的整体尺寸偏小。需要把 HUD 整体视觉放大,包括胶囊外形、内部按钮、波形、图标、文字、padding 和各状态下的展示尺寸。
目标不是重做样式,而是在保持现有比例、布局关系和交互动效的前提下,统一优化整套 HUD。
目标
将 HUD 统一按当前确认基线
1.2x比例放大,并同步收敛视觉材质,覆盖:实现要求
HUDButtonStyle、HUDIcon、ThinkingShimmerView的尺寸参数HUDWindow的窗口尺寸,确保放大后不会裁切内容不在范围内
验收标准
THINKING处理中样式完整显示HUDWindow承载尺寸足够,不出现边缘裁切补充说明
该需求在实现过程中已经进行过多轮试调:
1.5x放大,实际观感偏大1.35x,仍然偏大1.2x,作为下一轮确认版本后续继续维护时,请保持“统一比例常量可调”的实现方式,并将背景色和材质定义集中管理,便于继续微调。