Files
jiapuapp/docs/superpowers/specs/2026-07-17-g01-meta-legibility-design.md
T
2026-07-20 06:52:33 +08:00

1.7 KiB
Raw Blame History

G01 元信息文字与图标可读性设计

目标

只放大 G01 当前家谱卡的“切换”文字,以及当前卡和列表卡中的地区/成员/管理员图标;其余元信息文字保持原字号。

已确认方案

  • “切换”文字:23rpx 调整为 28rpx
  • 当前家谱元信息文字保持 27rpx
  • 当前家谱元信息图标:32rpx 调整为 36rpxopacity: 1
  • 列表卡地区与成员文字保持 26rpx
  • 列表卡地区与成员小图标采用平衡尺寸 46rpxflex: 0 0 autoopacity: 1
  • saturate(1.35) brightness(0.82) contrast(1.15) 加深现有赭金 PNG,而不是继续放大。
  • 两组元信息之间保持 18rpx
  • 更新时间位于独立第二行并右对齐;地区与成员信息位于第三行;常规卡高为 178rpx
  • 320px 继续隐藏更新时间,卡高保持 148rpx
  • 列表卡左侧“家谱”谱印保持原尺寸和状态透明度。
  • 列表卡角色文字保持 26rpx,更新时间保持 24rpx

适配边界

  • 不改变卡框、卡片高度、谱印、标题、快捷入口和背景。
  • 320px 小屏继续隐藏更新时间;当前家谱图标的小屏覆盖值由 28rpx 同步提高到 32rpx
  • 元信息保持单行,图标与文字垂直居中,不能造成横向溢出或遮挡右侧角色与箭头。

验证

  • 更新 G01 静态视觉合同,锁定“切换”字号、图标尺寸与可见度,并锁定其余文字仍为原字号。
  • 运行 G01 静态合同和编译审计。
  • 在当前 H5 Chrome 中重新捕获 412×915,并检查 320×568,确认文字清晰且无横向溢出。
  • 本轮只形成 H5 候选,不表示 Android/HBuilderX 或 G01 整页正式验收。