---
title: 品牌字体如何长成排版系统
type: concept
layer: aesthetics
group: aesthetics
status: draft
confidence: ★★★☆☆
source: TYPE2报告线索 Volvo华为蔚来原手册局部复看 本项目方法归纳
last_updated: 2026-10-15
outline: [2, 3]
related:
  - /aesthetics/00-structures/form-relations
  - /aesthetics/00-structures/medium-generation
  - /aesthetics/00-structures/conception-creation
  - /aesthetics/brand-vi-asset-derivation
  - /aesthetics/brand-vi-composition-rules
  - /aesthetics/03-applications/vi-rules-handoff
  - /meta/aesthetics-research/vi-intake
---

# 品牌字体如何长成排版系统

选出一款好看的字体以后，工作才刚开始。标题要让人停下，正文要让人读下去，编号要方便查找；它们放在一起，还要让人觉得出自同一个品牌。

先看Volvo这张原页局部。上面的短标题很重，下面的正文与说明轻得多。同一页还安排了空心字、斜体和局部加重。

![Volvo短标题、正文与强调的原手册截取](./brand-vi-typography-system.assets/volvo-roles.png)

*Volvo《Experience and Identity Guideline》，November 2021，第21页局部。先看短标题，再看右下方的副标题与正文；完整原页见文末。*

一个值得追问的问题出现了：**这些字的样子不同，为什么仍能一起工作？** 往下读，我们先理解文字之间的关系，再看案例怎样把关系变成配置，最后选一项方法做自己的样稿。

第一次读，可以沿下面的关系层继续；手上已有样稿，直接用[困难取用表](#第三层-按当前困难取一件武器)选择要尝试的动作。

## 第一层：文字也是重量、面积和空间

在[A2形式与关系](/aesthetics/00-structures/form-relations)中，我们研究一块深色如何与浅色背景分开，一片密集纹理怎样让旁边的留白更明显。文字也可以这样看。

字重改变笔画占据的面积；字号改变文字与周围空间的比例；行距和行长改变一段话的密度。标题、段落和注释放在一起，便形成阅读的先后与停顿。这些关系让我们有办法追问“专业”“有力量”“安静”究竟落在了哪里。

例如，凝聚的短标题可以承担强烈语气，轻一些的正文让说明保持连续。这只是一个候选。另一种设计可以让所有文字更接近，靠尺度和留白分层。先比较它们怎样工作，再决定哪一组适合品牌。

如果这几项关系还难辨认，可以先做[颜色与面积练习](/aesthetics/02-methods/observation-comparison#先看同一组颜色为何有不同重心)；已经能看出差别，就进入下面的案例。

## 第二层：看关系怎样长成系统

### 分配文字职责

回看开头的Volvo图。它让Broad承担短标题，把Novum配置给副标题、正文和说明；强调也有不同程度，空心、斜体与Medium分别出现。**每种变化都有要承担的任务，文字之间因而有了配合的理由。**

我们可以借用这个决定：先写“这句话要做什么”，再选“这句话长什么样”。名称需要稳定归属，标题需要建立语气，正文需要解释，编号需要查找。它们可以共用一个字族，也可以由几个字族配套。

拿自己的真实内容做一张联合稿：名称、一句标题、一段说明、一个编号。第一稿让标题集中表达；第二稿收敛字形差别，改用尺度和留白分层。比较哪一稿既保住语气，又更容易读出先后。

**适合这样用**：品牌既有宣传也有日常说明，所有字都在争夺注意。若标题换成长句后挤压正文，回到职责与空间分配，先决定谁需要让位。

### 校准跨文字关系

有了文字职责，中英文还需要在同一职责里配合。看蔚来这张原页：同一句“使命”分别使用细体、常规和加粗，旁边的段落也一起变化。

![蔚来从七种粗细中选择三种以配套Blue Sky的原页截取](./brand-vi-typography-system.assets/nio-weights.png)

*蔚来视觉识别系统v1.4，2019年中文版，第265页局部。先比较三组段落的黑白密度，再看上方为什么选这三种。*

原文给出了选择理由：Noto Sans有七种粗细，为保持与Blue Sky字型的一致性，采用其中三种。这里有一个可迁移的思考：**字库提供什么，与项目决定使用什么，是两次判断。**

混排时，先确定中文与英文是并列还是主次。再用同一个标题、同一段说明比较可见高度、笔画重量、基线和段落密度。字号相同，外观未必相等；字重都叫“Regular”，也未必一样轻重。

![Volvo中文等效字体按传播与办公角色分别配置](./brand-vi-typography-system.assets/volvo-chinese.png)

*Volvo第22页中文行局部。前三列对应Broad、Novum与Arial的角色；最后一列还注明办公用途。*

Volvo这张表把语言与使用环境一起考虑。由此可以多开一条路：中文传播字体和办公字体分别配置，只要它们保留必要的角色关系。

**拿走的动作**：用“中文标题＋英文名称＋日期”做一张混排稿，先调一项看得出问题的关系。若只缩放字号仍不协调，再比较字重或换字族。蔚来的三档字重属于该项目，不能当成所有中文品牌的默认答案。

### 让场景决定字体表怎样组织

上面的混排校准解决视觉关系。接手时还有一个问题：使用者先想到的是语言，还是要做的物料？

![韩束将字体与封面标语、产品包装场景一起配置](./brand-vi-appreciating-method.assets/kans-use-cases.png)

*韩束51页VIS系统，物理第12页、章节1.10局部；与36页KANS文件分开。完整身份见[品读页清单](/aesthetics/brand-vi-appreciating-method#来源、修正与下一步)。*

左栏按封面或标语，右栏按产品正面包装安排文字。可以先按场景组织，再在场景内分别给中英配置。原页只支持这项观察，使用便利性还需真实内容与接手任务比较。

**拿走的动作**：给同一组内容各做一张“按语言查”和“按使用场景查”的配置表，记录要查几处、哪项容易选错。每行保留角色、语言与实际字体配置；同名字重的视觉效果继续校准。若场景内部差异太多，再分支到语言、尺寸或工具。这里补充现有职责与混排路线，原六条路线继续沿用。

### 选择参数表达方式

一组关系成立后，需要让它能被重做。下面的Volvo原图开始把“字距疏朗、行间紧凑”的外观变成具体设置。

![Volvo将字距和行距写为示例与软件设置](./brand-vi-typography-system.assets/volvo-spacing.png)

*Volvo第21页局部。右侧以50pt字号、42.5pt行距展示85%的关系。原页的字距文字与软件数值语义尚未对齐，不能直接抄为网页单位。*

这里的启发是：先有一组要保留的节奏，再选择一种能让别人重做的表达。尺寸经常变化，可以先试比例；固定几种输出格式，可以分别校准后查表；多人反复改演示稿，可以把样式预置进模板。

| 哪项经常变化 | 先试哪种方式 | 要检查什么 |
|---|---|---|
| 幅面和内容长度 | 相对关系，并规定调整顺序 | 长标题、小幅面是否仍保住层级 |
| 格式有限、制作精度重要 | 每种格式的数值表与样稿 | 局部数值不同，共同关系是否仍在 |
| 多人制作同类文档 | 模板、可编辑区与允许的分支 | 换入新内容后是否溢出、误改 |

![Volvo在PowerPoint中另给字距操作](./brand-vi-typography-system.assets/volvo-office.png)

*同页的PowerPoint说明。为接近原来的疏朗效果，它改用“loose”操作，而非原样复制前面的参数。*

**拿走的动作**：选一个已有样稿，换两种尺寸和一个长标题。只有变化暴露出问题时，才补相应的分支。比例、查表和模板可以组合；实际工具里的单位先确认。

### 提取局部呼应

有时各段文字都清楚，整个品牌却仍像拼起来的。此时可以回到[A5构想与创作](/aesthetics/00-structures/conception-creation)，寻找资产之间值得共享的一项特征。

已有[Mastercard案例](/aesthetics/brand-vi-asset-derivation#mastercard-保留识别基础-逐步选择配套表达)记录了字体圆形结构与标志的呼应；RMIT则让不同字族和图形各负其责。它们提供了两种候选：共享局部特征，或者建立互补的分工。

先从开口、转角、宽窄、圆直关系或节奏中挑一项，做“较强呼应”和“较弱呼应”的联合稿。标题或字标可以承担明显特征，正文还要照顾持续阅读。

**适合这样用**：资产缺少联系，或个性字体让阅读吃力。比较时问“呼应增加了什么，又牺牲了什么”。同样使用某个比例只是一种相似操作；共同来源要有作者说明或过程资料支持。

### 预演替代与失效

如果配置只能在自己的电脑上成立，它还没有走完媒介这一层。华为这张原页从具体故障进入：乱码、缺字、自动替换，以及未解决的段落和字距问题。

![华为系统字体替代的原页条件](./brand-vi-typography-system.assets/huawei-trigger.png)

*华为视觉识别手册2.0，第67页，2.58 Corporate System Font。前三项先定义何时启用替代，后文再说明模板配置。*

这比单独列“备用字体”多了一步推导：先确定哪种失效需要处理，再给能继续工作的配置。该页的Corporate与Keynote模板使用Microsoft YaHei和Arial的Regular／Bold。

<details><summary>看原页中的替代字样</summary>

![华为微软雅黑与Arial的常规和加粗字样](./brand-vi-typography-system.assets/huawei-fonts.png)

字体名字之外，还要比较实际排出来的字面、换行和段落密度。原页示例不能证明替代后每种内容都稳定。

</details>

**拿走的动作**：用同一份内容比较原配置与替代配置。先看换行，再看标题与正文的层级，最后检查编号、强调和对齐。需要改变时，写明允许改什么、必须保留什么。取得与许可条件单独核对。

### 用内容矩阵收敛

前几项决定产生了候选，这里由新内容判断哪些值得固定。保留一份认可稿，换入能暴露问题的内容：长标题、连续正文、中英名称、日期编号，以及已有肌理底。

![纸材料信息页中图形、标题、说明的分工](../meta/brand-vi-research/paper-graphic-language.assets/info-736-light.png)

*本项目纸材料试作。图形交代材料，标题和说明有独立区域。它提供联合观察的基准，尚不是上述字体参数的验证。*

看图时可以追问：若把说明变成三倍长，哪部分应扩展？若背景纹理变密，先损失的是注释、正文还是标题？答案会决定回到字重、布局、肌理强度，还是最初的职责。

**拿走的动作**：每次换一个会影响决定的新输入，记录“哪里失效—回到哪一层—下一稿改什么”。短句稿成立，只支持这个范围；长文、手机与替代环境继续用实际稿判断。

## 第三层：按当前困难取一件武器

| 你已经看到的困难 | 现在做什么 | 做完以后决定什么 |
|---|---|---|
| 所有文字一样抢眼 | [两组职责配置](#分配文字职责) | 个性由谁承担，谁退后 |
| 中英在同一行互相压制 | [同角色混排比较](#校准跨文字关系) | 调字号、字重还是字族 |
| 换尺寸后层级散了 | [比例／查表／模板的分支稿](#选择参数表达方式) | 什么关系固定，什么参数随条件变 |
| 每项资产像不同品牌 | [强弱呼应联合稿](#提取局部呼应) | 共享特征，还是互补配套 |
| 换电脑后版式失效 | [原字体与替代稿对照](#预演替代与失效) | 哪些关系要保留，哪些可以改 |
| 好看的一稿不能扩展 | [新内容与困难环境](#用内容矩阵收敛) | 固定规则，或返回职责和形式 |

这些方法分别细化[M09职责配套](/aesthetics/02-methods/translation-generation#m09-分配职责与联合信号)与[M10实际条件反推](/aesthetics/02-methods/translation-generation#m10-从实际条件反推实现)。选择由当前问题决定。

## 带走一份自己的答卷

用文档站真实内容准备一张标题页与一张正文页：主句“建立自己的理解。”、英文名称World Map、两段正文、A3、v1.4和日期。做两组文字职责候选，选定后再换入长标题与肌理背景。

这一轮留下联合稿、选用理由和一处失效。继续[从一张样稿长出规则](/aesthetics/01-learning/rules-to-practice)，让失败说明需要补什么规则；进入[规则与交接工作台](/aesthetics/03-applications/vi-rules-handoff)，把这条规则交给别人使用。

本项目尚未执行这项字体练习。实际稿做出后，由[A6批评与发展](/aesthetics/00-structures/critique-development)区分“观感成立”“阅读成立”和“换条件仍成立”。

<details><summary>出处、原页与本轮证据范围</summary>

本页使用2026-10-14对读的四张原页，局部截取不重画内容。物理页从1起计，本轮各页的印码与物理页相同。完整原图与文件身份保存在[研究回流](/meta/aesthetics-research/vi-intake#本轮原页复看)，裁切位置与源文件哈希保存在同目录source-crops.json。

| 原文件 | 页码 | 本页实际采用什么 |
|---|---|---|
| 【必看170】volvo沃尔沃-VIS规范.pdf，November 2021 | 21／22 | 角色、强调、工具操作与语言配置 |
| 【必看175】华为Huawei视觉识别手册2.0（134p）.pdf | 67 | 替代触发与模板配置 |
| 蔚来_主品牌_完整版_视觉识别系统_v1.4 (2019年中文版).pdf | 265 | 按配套关系选择字重子集 |

原手册说明了这些历史文件中的规定，没有还原作者全部思考过程，也没有证明现行资源或许可。案例中的比例与字体不作为通用推荐。六条推导路线及练习由本项目归纳，迁移效果通过自己的作品继续检验。此前的纯文字版本保存在研究历史资产中。

</details>