Appearance
旧截图与 CSS 的迁移检查
原草案描述的 CSS 是设计导出片段,存在重复通用选择说明与大量绝对定位信息,应当作视觉尺寸参考,不能直接当成可复用组件样式表。
| 现有示例 | 与本规范的关系 | 建议处理 |
|---|---|---|
| 684 × 1216 画布、36 px 侧边距、612 px 内容宽 | 一致 | 保留 |
| 状态栏 40 px、App Bar y = 56、底栏 64 px / 底距 16 | 与主要几何一致 | 保留并明确系统所有权 |
| 可见封面作者 16 px;另有隐藏的 14 px | 小于字号底线 | 合成封面改为至少 20 px;隐藏文字如被启用也必须合规 |
| 最近阅读标题 30 px | 不等于当前实机字号 | 首页最近阅读标题使用 32 px、40 px 行框、Bold 700 |
| App Bar 标题字重 500 | 当前实机已校准为 Medium 500 | 根页 48 px/56 px 行框,二级页 40 px/48 px 行框 |
| #0A0A0A、#111111、#333333、#8B8B8B、#F3F3F3 多个界面灰值 | 超出四类界面语义色 | 合并为四个 Token;真实图片另按内容层处理 |
| 大面积 #F3F3F3 合成封面背景 | 不作为默认组件背景 | 合成封面优先白底;真实封面可保留其内容 |
| 最近阅读行间 2 px 分隔线 | 默认优先留白,密集完整条目可评审细线例外 | 先用留白;必要时按分隔线规则验证 1–2 px 轻线 |
| 状态图标 26/28 px | 与当前点阵资源一致 | 同步 26 px,Wi-Fi/电池 28 px;无点阵回退为 24 px |
| 48 px 书名配 48 px 容器、58 px 行高 | 存在裁切风险 | 改为能容纳完整行高的容器,例如建议 60 px |
| 350 px 元信息位于 328 px 详情容器 | 存在溢出风险 | 宽度跟随父容器,按内容换行或省略 |
| 476 px 文本位于 457 px 最近阅读信息容器 | 存在溢出风险 | 使用父级可用宽度,不固定更宽的文本框 |
| 当前阅读图 170 + 间距 72 + 信息 328 = 570 px | 剩余 42 px 未明确分配 | 用自适应剩余宽度并检查对齐,不凭固定值推定贴齐右边线 |
| 底栏固定 Gap 104 与 space-between 并存 | 不能代表最终均分值 | 按图标数量和外边距统一计算 |
| 23.27、446.87、4.49 等小数 | 不利于像素栅格一致性 | 归整并检查实际渲染结果 |
| 截图标题行为“更多”,CSS 注释为“更换” | 操作语义不一致 | 定义为进入详情还是切换组件,不能混用文案 |
证据范围与处理顺序(补充说明)
上表沿用原草案对旧截图和 CSS 的描述。原始 design.css 仍未提供,表中的 CSS 数值不是本次重新验证的结果。后续已收到首页、书库、应用、设置与阅读设置五张参考图,保存在系统组件留白;其结构用于补充留白建议,不覆盖既有文字规范。
建议按“替换 Token → 计算文字容器 → 校正系统几何 → 移除多余装饰 → 检查热区 → 重算分页 → 实机刷新”的顺序处理。每项记录受影响页面、处理结果与证据;涉及灰阶、底部可见性或裁字的项继续保留实机待验证状态。