33 lines
1.7 KiB
Markdown
33 lines
1.7 KiB
Markdown
# 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 整页正式验收。
|