1.7 KiB
1.7 KiB
G01 元信息文字与图标可读性设计
目标
只放大 G01 当前家谱卡的“切换”文字,以及当前卡和列表卡中的地区/成员/管理员图标;其余元信息文字保持原字号。
已确认方案
- “切换”文字:
23rpx调整为28rpx。 - 当前家谱元信息文字保持
27rpx。 - 当前家谱元信息图标:
32rpx调整为36rpx,opacity: 1。 - 列表卡地区与成员文字保持
26rpx。 - 列表卡地区与成员小图标采用平衡尺寸
46rpx,flex: 0 0 auto,opacity: 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 整页正式验收。