---
title: 品牌 VI 资产的推导与协调
type: concept
layer: aesthetics
group: aesthetics
status: draft
confidence: ★★★☆☆
source: 历史品牌手册 原设计者与字体作者说明 本项目归纳
last_updated: 2026-10-14
outline: [2, 3]
related:
  - /aesthetics/00-structures/conception-creation
  - /aesthetics/00-structures/form-relations
  - /aesthetics/00-structures/medium-generation
  - /aesthetics/01-learning/relations-to-expression
  - /aesthetics/brand-vi-framework
  - /aesthetics/brand-tone-strategy
  - /aesthetics/brand-sensory-direction
  - /aesthetics/brand-vi-design-reasoning
  - /meta/brand-vi-research/asset-review
---

# 品牌 VI 资产的推导与协调

> 解决什么问题：品牌调性怎样落实为标志、字体、色彩与辅助图形，各项资产怎样保留自己的任务，又形成可以共同使用的系统。

> 骨架定位：[A5 构想与创作](/aesthetics/00-structures/conception-creation)、[A2 形式与关系](/aesthetics/00-structures/form-relations)、[A3 媒介与生成](/aesthetics/00-structures/medium-generation)。本篇提供资产角色、共同构造与配套；将联合样稿带入组合和条件检验。共同的阅读与实践交接见[从观察到表达的学习单元](/aesthetics/01-learning/relations-to-expression)。

## 当前判断

**先说清每项资产承担什么，再建立它们的形式联系、职责配套和条件约束。** 调性限定希望建立的关系与感受；材料和形式研究提供候选操作；名称、内容、阅读、已有认知与输出条件继续参与选择。局部构造能够直接生成一些资产，其余资产通过独立理由和联合试作协调。

例如圆形可以联系字标与辅助图形，但正文还要解决长文、数字和语言问题。主色可以稳定识别，传播图像可以采用更丰富的颜色；两者共同出现时，需要配套的签名颜色和内容规则。

> 置信度：★★★☆☆（综合推断）。本轮继续抽读麦当劳、voco、RMIT、Spotify、Dropbox，并以 MIT Media Lab、Mastercard 设计者说明和 Mailchimp 字体更新过程对照。版本、物理页码、阅读范围与证据强度见[资产案例记录](/meta/brand-vi-research/asset-review)。方法的迁移能力仍需自己的实践验证。

## 从调性到资产要补哪些决定

| 资产 | 主要任务 | 从方向进入的候选问题 | 还需独立处理的条件 |
|---|---|---|---|
| 标志与字标 | 认出归属，解释名称与品牌关系，提供稳定签名 | 哪些既有特征值得保留？名称与形状怎样建立联系？ | 小尺寸、组合、背景、识别阶段、主子品牌与图稿版本 |
| 字体系统 | 持续表达语气，同时支持阅读与信息层级 | 什么字形、重量、宽度与节奏适合表达？哪些文字承担性格？ | 长短内容、语言、数字、界面、办公、许可与替代环境 |
| 色彩系统 | 建立识别、组织内容、区分角色与调节表达 | 哪些颜色已有认知？怎样配置才能实现目标关系？ | 邻接、面积、文字对比、照片、设备、印刷及功能含义 |
| 辅助图形 | 扩展表达、容纳内容、建立重复关系与变化 | 可以从什么资产、内容、材料或行为取得生成操作？ | 图形职责、变化范围、信息密度、裁切、动态与使用许可 |

四类任务可以重叠。方向选择时写清主要职责，联合试作时检查共同贡献。摄影、插画、图标与材料可参与辅助表达，但各自保留内容、功能与生产规则。

## 案例中的具体推导

### Mastercard：保留识别基础，逐步选择配套表达

2016 年的任务是保留已建立认知，适应数字环境并表达面向人的科技品牌。Michael Bierut 的同期回顾明确记录了探索：尝试字母、纯名称、新形状和新颜色等方向，随后回到重叠圆与红黄两色，再校准颜色并比较名称的写法。[作者过程说明](https://stage.perf.mastercard.us/content/designcenter/shock-of-the-familiar.html)

| 资产 | 选择与联系 |
|---|---|
| 标志 | 简化既有重叠圆，保留主要识别基础 |
| 字体 | FF Mark 字标的圆形结构呼应标志，小写形式同时支持表达目标 |
| 色彩 | 比较红、黄与交叠橙在不同背景中的区分；应用以中性色作底 |
| 辅助图形 | 提取几何与颜色关系，形成有参数的变化 |

这些配套理由来自[Pentagram 项目说明](https://www.pentagram.com/work/mastercard/story)。字体的呼应是选择依据，完整字族仍有自己的构造。2019 年部分用途去掉名称是另一次演进，按[品牌方历史](https://www.mastercard.com/brandcenter/us/en/brand-history.html)分别记录；本案与 Mastercard Foundation 分开。

**可迁移操作：**保留有依据的识别特征，提取能扩展的局部关系，再分别选择字体、颜色与图形。适合已有认知、需要更新应用的项目；新品牌需要另行建立自己的辨认依据。

### RMIT：同源图形与不同字族共同工作

历史指南的 pixel 与字标固定组合承担签名；独立 pixel 可以对分、裁切或进入有限部件。两者来源相关，却有不同操作条件：物理第 23 页的标志 pixel 禁止装图像，第 25 页的独立图形可以装图像。

| 资产 | 选择理由与协调关系 |
|---|---|
| 标志 | 保持固定图稿，按媒介和背景选彩色、单色或反白版本 |
| 字体 | 第 37 页以 Museo 承担标题性格，Helvetica Neue 支持长文、图表，Arial 支持内部办公；第 38 页以性格和字重协调语言 |
| 色彩 | 主红、深蓝承担识别，辅助色提供灵活度；Formal / Core / Pop 调节颜色及图形用法 |
| 辅助图形 | 由既有 pixel 扩展，但依据背景、容器、图标和动态任务分别规定操作 |

这里的直接构造关系是 pixel 到相关图形。字体则有表达、阅读和执行理由；主色及模式又提供组合约束。第 35 页的面积图是示例，不据此制造全系统通用百分比。

**可迁移操作：**给同源资产分配不同任务和许可，给字体分配表达、阅读与制作角色。适合应用丰富、内容密集或执行团队分散的项目；代价是维护多类规则、语言与替代版本。

### Spotify：稳定签名与丰富内容按条件配套

历史合作伙伴摘编把绿色赋予稳定识别角色，品牌传播同时容纳多色和双色照片。物理第 9、16 页约束它们的共存：绿标配黑白及未双色处理照片；使用多色品牌表达或双色照片时，签名选择也随之改变。第 12 页另明确左侧标志与左齐文字共边。

**可恢复的关系：**内容表达模式 → 配色与签名版本的配套；文字位置 → 标志对齐。品牌绿色的存在不要求所有资产都采用绿色，统一也可以靠版式和选择条件形成。

这份 21 页局部文件未覆盖完整字体选型及辅助几何的生成。字体作者另说明跨文字系统与技术定制，但不据此补成同一版本的完整创作顺序。[Lineto 项目说明](https://lineto.com/bespoke/spotify)

**可迁移操作：**把颜色、图像处理与标志版本成组选择。适合内容变化大、需要保留稳定签名的品牌；成本在于配对样稿、输出比较与模式维护。

### Dropbox：共享字体来源，组合中的其他决定各有规则

Sharp Type 说明，2017 年字标以 Sharp Grotesk 为基础，先协调主子品牌重量，再调整字形和间距，并针对屏幕尺寸制作适配。这里有明确的局部制作先后。[原字体作者说明](https://www.sharptype.co/case-studies/dropbox)

历史短指南则分别规定色彩配对、日常字重、标题与文案关系、平面及动作。字体来源可以连接字标，色彩关系另行建立；辅助平面的操作也按对象和章节区分。

**可迁移操作：**记录共享的具体部分，分别保留其他选择理由，再用真实组合检验。该短文件的字标着色条款与部分示例不一致，精确许可保留待核；清楚的构造和配对关系可以用于研究，不照搬冲突条款。

### 麦当劳：共同曲线、产品内容与阅读任务分工

麦当劳作者明确连接金拱门与定制字体曲线。2019 年 v1.2 主品牌速查又让食物形态进入图案，给颜色、图案与摄影安排各自任务。[Turner Duckworth](https://turnerduckworth.com/work/mcdonalds)

| 资产 | 具体选择及其协调条件 |
|---|---|
| 标志 | 保留 Gold 拱门；Archery 扩展表达，外部强表达与自有空间的含蓄表达分别选择；户外应用极端裁切、拱门不明显时，须补完整金拱门或 Token |
| 字体 | Speedee 的粗、常规、细字重分担标题和正文；正文的粗字重用于强调；功能内容和语言有另列条件 |
| 色彩 | 整体体验以 Gold 为主、Red 点缀；第 6 页按文字任务和印刷/数字媒介限制配色，正文不使用 Gold / Red |
| 辅助图形 | 产品细节进入图案；第 9 页有使用场景、配色、尺度及与照片的关系；第 4 页给 Archery 进入和退出理由 |

第 5 页讲总体配色平衡，第 6 页讲局部文字条件，两者共同判断。整体主色可以由多种资产提供，正文继续承担阅读。图案、照片和拱门也按任务选择，不要求每件同时出现。

### voco：按模式协调字标、颜色与辅助表达

voco 历史品牌书以优雅和欢迎解释字标，以手作笔触、角色与摄影分担惊喜和体验；Bright / Bold 按物业条件调整表达。字标的造型理由在本文件中明确，完整正文与展示字族的选型未覆盖。

**可迁移操作：**按任务选择资产的来源，品牌方向协调这些不同来源。产品轮廓、角色和材料痕迹都可以参与；每项需要实际内容与使用理由，签名和辅助表达分别管理。

### 两个局部对照：共同网格与字体更新

MIT Media Lab 的 2014 年作者说明，用同一网格建立整体与研究组字形；Helvetica 则具有另外的历史理由。共享构造覆盖一族标记，配套字体保留独立依据。[Pentagram](https://www.pentagram.com/news/mit-media-lab)

Mailchimp 的 Means 项目始于 2019 年末，用于 2020 年演进：保留专业与怪趣的性格目标，因字重、界面和复古感等问题更换字体，并协调字形变体和配套比例。形式可以随使用反馈改变。[Commercial Type](https://commercialtype.com/custom/means_for_mailchimp)

## 资产之间怎样协调

| 关系 | 需要说清什么 | 如何检验 |
|---|---|---|
| 共同构造或来源 | 共享网格、曲线、部件还是字库，允许什么操作？ | 按规定复现，比较变化范围和对象许可 |
| 共同目标下的互补 | 哪项承担识别，哪项承担性格、阅读或内容？ | 换成长文、短标题、图像和不同任务，检查职责是否完成 |
| 联合选择条件 | 背景、模式或场景改变时，哪些资产要一起调整？ | 用相同内容跨背景、模式和输出检查 |
| 组合中的程度 | 面积、字号、密度、明暗、重复次数怎样分配？ | 比较整体、缩略图和近看，观察信息与识别的顺序 |
| 各场景的适配 | 哪些地方需要独立版本、替代项或简化？ | 用目标尺寸、材料、设备、语言和执行环境检查 |

前面研究的肌理、明暗和色彩在这里成为协调工具：层纹可以承担近看细节，稳定块面承担整体，邻接和面积决定颜色如何共同工作。字标、正文和辅助图形可采用不同形式，最终在相同场景中比较。

## 六项推导操作与适用条件

以下是本项目对案例关系的归纳，补入既有方法的变体和接口，不按品牌重复增加计数。

### 1. 从已有识别提取可扩展的局部关系

**输入与操作：**列出已有认知和方向目标，选择值得保留的曲线、网格、色彩或轮廓。分别试作字标、图形、图像与应用，标明直接构造和配套选择。Mastercard、麦当劳、RMIT 提供不同范围的实例。

**条件与代价：**适合既有资产有价值、形式能支撑扩展的项目；需要检查识别依据，避免仅因旧资产存在就保留。局部造型也可能不适合正文和功能信息。

**检验：**新旧并置、弱签名场景、不同内容与输出；分别看辨认、理解和感受。归入方法库“从既有资产提炼形式关系”。

### 2. 给同源资产分配不同任务和操作许可

**输入与操作：**同一源形先形成资产清单，再分别规定签名、容器、图案、图标和动态的固定项、可变项与条件。RMIT 的标志 pixel 与独立图形是直接例子。

**条件与代价：**适合核心图形需要进入多类应用的项目；需要分对象的图稿、规范与培训。可变辅助图形仍不能自动获得核心标志的身份。

**检验：**在同一页面安排标志、图形、图标，分别检查任务与许可；小尺寸和复杂背景单独验证。补“资产提炼”和“表达模式”。

### 3. 把字体配置成表达、阅读与执行的配套

**输入与操作：**列出字标、标题、长文、表格、数字、界面、办公和语言任务。按角色选择字族，联合比较字重、字宽、行距、间距和层级；固定字标作为图稿单独验证。

**条件与代价：**适合同时需要性格、密集信息和分散执行的项目；代价包括许可、字形覆盖、替代环境与维护。是否定制取决于缺口和使用规模，现成字族也可配套。

**检验：**用同一内容比较长短标题、正文、数字单位、混排、小屏和替代字体。RMIT 支持角色配套，Dropbox 与 Means 支持局部定制及反馈。补“语义角色”和“共同构造”的文字接口。

### 4. 把色板转成角色、邻接和模式

**输入与操作：**区分识别、辅助、背景、文字和功能角色。试不同面积、邻居及图像处理；模式改变时一起选择签名版本、文字颜色与图形强度。硬规则、示例和候选参数分别标记。

**条件与代价：**适合传播色彩丰富、任务或背景变化大的项目；需要设备、印刷、图像及内容样本。功能颜色的含义在具体产品中另行核对。

**检验：**相同色板的不同配置、相同标志的不同背景、多个页面并置、单色输出。Spotify 与 RMIT 提供条件关系。补“表达模式”和“局部规则提炼”。

### 5. 用真实组合调节各项资产的表达程度

**输入与操作：**给同一内容做几组组合，标明谁承担主要信息、谁承担签名、谁承担气氛。分别调整面积、字号、间隔、图形密度、色彩关系和出现次数，观察各自贡献。

**条件与代价：**适合四项单独成立、共同使用却争夺注意或显得松散的项目；需要典型场景和对照记录。先隔离主要问题，再重新联合，不能只靠展示图的个人偏好判断。

**检验：**标题变长、正文增多、照片更换、画幅缩窄之后，识别与阅读是否仍成立。资产不需要在每个触点同时全部出现。补“语义角色”“表达模式”和“输出链”。

### 6. 保留有效方向，以功能反馈修改资产实现

**输入与操作：**将方向目标、识别特征和功能问题分开。保留有效目标，替换字重、字宽、字形、颜色参数或输出版本；以相同场景比较，不由一项局部失败直接扩大修改范围。

**条件与代价：**适合系统已运行、出现新的语言、界面或制作问题的项目；需要处理兼容、许可、替换部署和新旧并存。

**检验：**真实尺度、长文、数字、设备与旧版对照，记录感受、理解和操作表现。Means 和 Spotify 输出适配提供局部实例。补“局部规则提炼”和“表达模式”。

## 一个可组合的工作安排

```mermaid
flowchart TD
    A["调性 体验意图与实际约束"] <--> B["各资产的任务及候选"]
    B <--> C["共同构造与独立选择理由"]
    C <--> D["标志 字体 色彩 图形联合试作"]
    D <--> E["长短内容 不同模式与目标输出"]
    E -->|反馈| B
    D --> F["资产规格 关系与选择条件"]
    F -->|交付与新场景| E
```

可以先试标志、字族、颜色或材料。扩展时逐步补齐角色和关系，再把暂定选择放到真实组合里。某项资产改变后，沿关系检查受影响的部分，保留仍有效的决定。

## 将前面的肌理方向带入四项资产

以“可信、好奇、亲近”的材料工作室练习为例，感知方向暂试“精密响应”。以下资产选择比较仍为候选；随后采用一组临时资产完成了[组合试作](/meta/brand-vi-research/practice-round1)，尚未完成正式四资产的选型与效果验证。

| 资产 | 候选选择 | 与其他资产的协调 |
|---|---|---|
| 字标/标志 | 比较现成字族排字后的光学校正，与少量相关构造的自绘方案 | 保证名称和小尺寸；若辅助图形很丰富，签名可保持稳定 |
| 字体 | 标题比较有明确节奏的候选；正文优先支持长文、数字与语言 | 在同一页面比较体积、重量和层级，保留功能依据 |
| 色彩 | 先用灰度确定层级，再比较同一颜色组的大区、重点和邻接 | 签名与正文随背景检查，功能标记另设角色 |
| 辅助图形 | 连续层线在局部按规则偏移，纸面研究局部压凹 | 分配使用位置和细节尺度；长文页可简化、退出或移至边缘 |

稳定名称、文字层级、颜色角色和受控变化共同承担方向。海报、长文页面和实尺寸纸样使用相同内容核对；变化也可以返回修正感知方向。

## 两套配套在三触点中的检验

[材料工作室第二轮](/meta/brand-vi-research/practice-round2)以同一假设简报制作“连续响应”和“样品索引”：共享签名与色板，比较标题字体、图形角色和编排，并各覆盖信息页、样品卡、项目介绍。资产总览留下当前尺寸、文字、色彩与图形配置。

肌理从过程提示变成样品局部标记和章节索引，具体细节随显示空间调整；内容编号也需要与各处引用共同更新。两套完整配套同时改变多项选择，当前可比较整体方向，局部原因需要另做互换试作。96个屏幕状态及字段对应检查通过，感受、识别、实物与正式资产选型继续检验。

## 这一层的答卷

[第三轮适配](/meta/brand-vi-research/practice-round3)区分小签名与辅助图形的简化权限，并实际切换标题字体、合并单色角色。替代需要核对真正使用的字族、换行与信息层级；当前机器的Songti SC→PingFang SC已生效，PDF字体也已嵌入。屏幕、PDF和真实材料各自留证据，数字通过不能代替实物与识别检验。

| 产物 | 应说清什么 |
|---|---|
| 四资产的任务与候选记录 | 每项服务什么，保留什么，为什么选择，替代方案怎样比较 |
| 标志及字标图稿 | 正式形态、主子关系、版本、最小条件、背景与可操作范围 |
| 字体配套与文字样例 | 字标/标题/正文/数字/语言角色，字族、层级、替代与许可 |
| 色彩角色及配对样例 | 颜色规格、面积/邻接关系、模式、图像和签名的选择条件 |
| 辅助图形的生成与使用 | 来源、操作、参数、对象、变化范围、内容与材料接口 |
| 资产关系表与联合样稿 | 同源、配套、约束和独立适配分别记录；典型与边界场景 |
| 修改与验证记录 | 已观察的结果、失败条件、替代方案与未决问题 |

这些产物完善 VI3；具体组合和变化规则接 VI4，实物、设备与内容适配接 VI5。规则描述设计意图，实际感受与识别结果要以观察记录核对。

## 字体继续长成排版系统

字体选择以后，继续按文字职责、跨文字配套、参数表达、局部呼应、替代触发和内容检验往下推。[字体专题](/aesthetics/brand-vi-typography-system)提供六条条件路线与原页依据。它接续本篇的资产职责：哪些字承担性格、哪些字承担长文；再带真实内容进入组合，而不是把字族名单作为字体交付的终点。

## 资产怎样携带输出与接手条件

新研究补充VI3至VI6的接口：色名应能指到对应定义，颜色编码按媒介配套；资产的主方案与替代说明触发条件。字体或图形示例、可用源文件、模板字段和制作参照各负其责，版权署名与实际许可范围继续分别核对。

联合样稿可以先比较形式职责，再选择必要的输出配方和供给方式。规则、模板、预制部件或工艺样件是可选择的实现候选；新接手者怎样使用，需要实际输入作检验。见[规则与交接工作台](/aesthetics/03-applications/vi-rules-handoff)。

## 相关链接

- [资产案例记录](/meta/brand-vi-research/asset-review)——版本、四资产矩阵、页码和局部过程
- [品牌调性策略](/aesthetics/brand-tone-strategy)——品牌依据、姿态、性格和边界
- [肌理与品牌感知方向](/aesthetics/brand-sensory-direction)——体验意图与生成机制
- [切入点与方法库](/aesthetics/brand-vi-design-reasoning)——可组合的操作及适用条件
- [VI 骨架](/aesthetics/brand-vi-framework)——六模块和交付接口