Skip to content

feat(hud): enlarge HUD visuals by 50 percent #147

Description

@isecret

背景

当前 HUD 的整体尺寸偏小。需要把 HUD 整体视觉放大,包括胶囊外形、内部按钮、波形、图标、文字、padding 和各状态下的展示尺寸。

目标不是重做样式,而是在保持现有比例、布局关系和交互动效的前提下,统一优化整套 HUD。

目标

将 HUD 统一按当前确认基线 1.2x 比例放大,并同步收敛视觉材质,覆盖:

  • 外层胶囊尺寸
  • 内部按钮
  • 波形条与容器
  • 图标
  • 文案字号与字距
  • padding / spacing / offset
  • 结果态与 notice 态宽度
  • HUD 承载窗口尺寸
  • HUD 背景透明度与背景色一致性

实现要求

  • 引入统一缩放常量,避免继续分散维护多个固定尺寸
  • 将当前 HUD 的固定视觉尺寸统一改为“基准值 × 缩放系数”
  • 同步调整录音态、处理中、成功、失败、取消、新词提示等状态下的目标宽高
  • 同步调整 HUDButtonStyleHUDIconThinkingShimmerView 的尺寸参数
  • 调整 HUDWindow 的窗口尺寸,确保放大后不会裁切内容
  • 去掉 HUD 静态视觉中的透明背景效果,胶囊主体改为不透明背景
  • 统一所有 HUD 状态的背景色,录音态、处理中、结果态、新词提示等都使用同一背景基色
  • 收敛 HUD 内部颜色定义,避免继续散落使用多组半透明白色和渐变高光
  • 保持现有业务逻辑不变,不改 HUD 的交互流程和状态机

不在范围内

  • 不重做 HUD 视觉风格
  • 不修改 HUD 文案内容
  • 不修改交互动效时长,除非实测发现明显失衡
  • 不改 HUD 的底部定位策略,除非放大后出现明显遮挡或裁切
  • 不调整业务状态机和交互逻辑

验收标准

  • HUD 视觉整体较当前版本有明显放大
  • 所有 HUD 状态的胶囊背景色一致,不再出现不同状态材质不统一的问题
  • HUD 胶囊主体不再有半透明底色或半透明高光叠层
  • 录音态按钮、波形、模式提示显示正常,不拥挤、不裁切
  • THINKING 处理中样式完整显示
  • 成功 / 失败 / 已取消 / 新词提示等结果态文案不被裁切
  • 放大后按钮点击热区仍与视觉区域一致
  • HUDWindow 承载尺寸足够,不出现边缘裁切
  • debug 包中手工验证通过

补充说明

该需求在实现过程中已经进行过多轮试调:

  • 初版按 1.5x 放大,实际观感偏大
  • 后续尝试 1.35x,仍然偏大
  • 当前预览基线调整为 1.2x,作为下一轮确认版本
  • 新增视觉收口要求:去掉 HUD 透明底效果,并统一所有 HUD 的背景色

后续继续维护时,请保持“统一比例常量可调”的实现方式,并将背景色和材质定义集中管理,便于继续微调。

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions