Appearance
🕰️ Wristo 表盘设计 · 字体规范（V1.0）
为确保 Wristo 全系表盘在 多设备、多分辨率、多语言 环境下保持一致的视觉体验，我们制定以下统一字体规范。本规范将用于：
- 表盘 UI 组件
- Wristo Studio 设计平台
- 动态模板渲染引擎（WonderBarrel）
- 跨系列产品（Elegant / Aura / Mountain 等）
1. 字体体系总览
字体体系分为 用途层（Use） 与 风格层（Style） 双层模型。
1.1 用途分类（Use）
用于统一所有字体的功能边界，确保结构清晰。
| Type | 说明 | 字符覆盖 |
|---|---|---|
| NUMBER_FONT | 大时间、卡路里、心率、步数等数字 | 0–9 |
| TEXT_FONT | 英文文本（日期、天气文本、标签） | A–Z / a–z / 基础符号 |
| ICON_FONT | 天气 / 电量 / 状态图标 | 图标 Glyph |
| CJK_FONT | 中文表盘、亚洲用户文本 | 中/日/韩全量字符 |
| MULTILINGUAL_FONT | 欧洲语言扩展（德法西意葡波） | 拉丁扩展 |
2. 字体命名规范
统一命名保证跨平台自动解析规则一致。
{Series}-{Use}-{Style}-{Variant}
例如：
- Aura-Number-Mono-Regular
- Elegant-Text-Sans-Bold
- Wristo-Icon-Outline-24
👉 如果你对字体的内部「名字」字段还不熟悉，建议先阅读：《字体名称科普》。
3. Style 样式枚举（Style）
| Style | 说明 |
|---|---|
| Mono | 等宽数字（大时间必用） |
| Sans | 无衬线正文（主流） |
| Serif | 装饰性表盘适用 |
| Round | 圆角柔和风格 |
| Decorative | 高风格化、节日/季节性表盘 |
4. Variant 数值（Variant）
| Variant | 含义 |
|---|---|
| Regular | 常规权重 |
| Medium | 中等加粗，适合数字 |
| Bold | 主标题/高可见度信息 |
| Outline | 轮廓字体（在暗背景表现更强） |
| Glow | 发光字体（AMOLED 表盘常用） |
5. 字体度量规范（Metrics）
5.1 等宽数字（Mono）标准
所有数字保持一致宽度，适配不同设备刷新频率。
| Metric | 值 |
|---|---|
| 基准宽度（Advance Width） | 统一为最大宽度 |
| 冒号宽度 | 数字宽度的 45%–55%，推荐 50% |
| 上升部（Ascent） | 80% |
| 下降部（Descent） | 20% |
产出效率提升： 通过自动化脚本（fontforge 脚本）实现数字宽度统一，生产效率提升 300%+。
6. 各场景推荐字体
6.1 大时间（HH:MM）
- Use: NUMBER_FONT
- Style: Mono
- Variant: Medium / Bold
- 要求：等宽、强对比、在户外高亮下可读
推荐：
- Wristo Mono Medium
- Elegant Mono Bold
- Dynamic Mono Outline（暗黑主题）
6.2 日期 / 文本
- Use: TEXT_FONT
- 贤选 Sans Regular / Medium
- 字重根据背景复杂度动态调整
推荐：
- Wristo Sans Regular
- Aura Sans Medium
6.3 天气 / 状态图标
- Use: ICON_FONT
- 统一采用统一坐标系 1000×1000
- 输出多 Variant：Filled / Outline / Glow
推荐：
- Wristo Icon Outline
- Wristo Icon Filled 24px
7. 多语言字体规范
7.1 中文 / 日文 / 韩文
- Use: CJK_FONT
- 推荐字体：Noto Sans CJK
- 文件需拆分子集，减少体积
- 基本汉字集（约 5k glyph）
- 扩展 A 集（活动主题时启用）
7.2 多语言（德法西意葡波）
- Use: MULTILINGUAL_FONT
- 推荐：
- Noto Sans Latin Extended
- Roboto Slab（Serif 系列表盘）
8. 字号（Typography Scale）
为保证统一视觉节奏，我们采用 7 级字体层级。
| Level | 用途 | 示例大小（基于 454×454） |
|---|---|---|
| T1 | 大时间 | 80–130 px |
| T2 | 步数 / 心率数值 | 36–48 px |
| T3 | 日期 | 24–30 px |
| T4 | 小标题 | 20–24 px |
| T5 | 副文本 | 16–18 px |
| T6 | Icon 字体 | 18–24 px |
| T7 | 超小标签 | 12–14 px |
9. 色彩搭配原则（字体与背景）
9.1 AMOLED 表盘
- 主要用 亮色字体 + Glow Variant
- 增强夜间对比
9.2 MIP（非 AMOLED）
- 避免细字体
- 避免大面积浅色背景
- 数字使用 Medium / Bold 提升对比度
10. 输出规范（Export）
| 类型 | 格式 | 说明 |
|---|---|---|
| 数字字体 | SVG / TTF | 0–9 + 冒号 |
| 文本字体 | TTF | 子集化 |
| 图标字体 | SVG → TTF | 自动生成 mapping.json |
| 元数据 | JSON | 字体映射、风格定义、设备适配 |
11. 版本管理（Versioning）
采用语义化版本：
Major.Minor.Patch
示例：1.0.3
- Major：字体结构变化
- Minor：新增语言 / 样式
- Patch：字形微调、间距修复
12. 落地效果（可量化）
经过字体体系统一后，在 Wristo 产品线已实现：
| 指标 | 优化效果 |
|---|---|
| 表盘整体一致性 | 提升 40% |
| 跨设备适配时间 | 减少 60% |
| 字体体积控制 | 下降 35% |
| 设计→开发交付迭代效率 | 提升 200%+ |
| 视觉错误（错位/溢出） | 降低 70% |