logo-design

Logo 设计

Logo 是一套标记系统，而非一幅单独的图画。本技能会产出多个可用于实际生产的变体，探索不同的构造方式；每个变体都附有设计理由、应用规范，以及对其传达内容和排斥内容的清晰说明。

输出是用于决策的材料，而非完成品 Logo。品牌所有者从各个变体中选定方向后，本技能会针对选定方向进行生产级细化。

---

适用场景

• 品牌已有名称和调性方向；交付内容专门针对 Logo 设计
• 生成 6 到 12 个变体，供客户审阅和选择
• 将字标打磨至可用于实际生产：字距调整、视觉微调、字重选择
• 为现有字标探索可搭配的图形标志
• 从较长的名称中设计字母组合，供受限场景使用
• 根据不同应用场景调整现有 Logo（小尺寸、标牌、动态效果、刺绣）
• 品牌所有者已审阅第一轮方案，希望针对某个方向继续迭代

不适用场景

• 如果交付内容是完整的品牌识别系统（Logo、颜色、字体、语调和应用），请改用 brand-identity。本技能专注于 Logo；brand-identity 专注于系统。
• 品牌定位、受众和语调相关工作请使用 brand-discovery。没有策略的 Logo 只是一幅图。
• 项目整体美学方向请使用 creative-direction。创意指导用于校准多项决策；Logo 设计则用于产出具体标记。
• 一次性的插画、图标或象形图设计
• 品牌纹样、纹理或辅助图形设计
• 与品牌名称无关的纯字体探索

---

必需输入

• 品牌名称。 确切拼写。大小写和标点偏好（如有）。名称是否带有与之共同使用的类别描述（例如“Atlas Coffee”或仅“Atlas”）。
• 行业或类别。 律师事务所、消费品、B2B SaaS、酒店服务等。类别意味着可遵循或打破的惯例。
• 受众。 谁会看到 Logo、在什么场景下看到、当时处于何种心境。受众视角的感知比创始人的审美更能影响选择。
• 调性方向。 在正式到休闲的轴线上处于何处；在克制到表现力丰富的轴线上处于何处；在传承感到现代感的轴线上处于何处。
• 应用场景。 常见场景包括：网页页眉、移动应用图标（28px）、网站图标（16 到 32px）、名片、信笺、电子邮件签名、社交媒体头像、标牌（大尺寸）、刺绣贴章（1.5 英寸）、单色印刷、视频动态组合标志、周边商品（服装、帽子、托特包）。
• 喜欢的参考 Logo，并分别用一句话说明具体喜欢之处。参考案例比抽象描述更能明确哪种构造方式和调性更合适。
• 不喜欢的参考 Logo，并用一句话说明需要避免什么。明确负面偏好有助于聚焦正面选择。
• 硬性约束。 必须包含元素 X。因行业惯例必须避免颜色 Y。必须能单色呈现。必须能作为 16px 网站图标使用。必须适用于刺绣。
• 可选：如果项目是品牌焕新而非从零开始，提供现有品牌资产；如果工作仅涉及图形标志，则提供现有字标；如果现有配色必须保持不变，则提供现有色板。

---

框架：Logo 设计的 5 项考量

Logo 的决策取决于五项考量的交汇。每一项都会筛选后续选择。

1. 确定标志架构

从结构上看，标志是什么？

架构：

• 纯文字标志。 标志是用选定的字体排版的品牌名称，也可能使用定制字形。Stripe、Google、Pinterest。设计时需逐字母斟酌，包括字距调整、视觉校正，有时还会定制一个具有辨识度的字符。品牌名称足够独特、能凭文字设计建立识别度时，效果最佳。
• 组合标志（文字标志加图形符号）。 大多数品牌采用的标准架构。文字标志与图形符号以固定关系排列。Slack、Airbnb、Asana。常见变体：图形符号置于文字标志左侧、上方或右侧（较少见）。每种组合标志还可以配备适用于方形场景的竖排替代版本。
• 纯图形符号。 标志由单个图形符号构成，不含文字标志。Apple、Twitter、Target。这种形式需要数十年的品牌认知积累。新品牌很少能凭纯图形符号作为主标志取得成功，但大多数成熟品牌最终都会设计一个纯图形符号作为备用标志。
• 字母图形符号。 将品牌名称中的一个字母（通常是首字母）用作图形符号。Beats by Dre 的 “b”、McDonald's 的 “M”、Underscore 的 “_”。当文字标志太长、不适合紧凑组合，或名称中有适合进行视觉创作的字母时，这是设计图形符号最直接的方式。
• 字母组合标志。 将多个字母组合成图形符号。CN（Chanel）、GG（Gucci）、HBO、MN（为一家机构型金融公司 Morgan Northrop 设想的字母组合标志）。常见于法律、金融、酒店和传承型品牌。既可以读作首字母，也可以读作连字。

如何选择： 品牌需要在小尺寸下实现什么效果？在 16px 下，大多数组合标志都会失效。适用于网站图标的标志需要有醒目的图形符号，或有字母图形符号作为备用方案。组合标志还需要适用于方形场景（社交平台头像、应用图标）的竖排替代版本。纯文字标志只有在品牌另有标志可供小尺寸场景使用时才行，通常是字母图形符号或字母组合标志。

常见的制作方案是：大多数场景使用主组合标志，方形场景使用字母组合标志，网站图标和刺绣使用字母图形符号。这三种形式都源自同一文字标志，并共享相同的视觉基因。

2. 字体风格

如果是字标或组合标识，用哪类字体来呈现文字？

风格类别：

• 几何无衬线。 Futura、Avenir、Avenir Next、Cabinet Grotesk、ITC Avant Garde。由圆形和竖线构成。给人现代、考究、常常乐观的印象。如果没有色彩、自定义字形或上下文来增添温度，可能显得冷漠或像泛泛的科技初创公司。
• 人文主义无衬线。 Gill Sans、Optima、Frutiger、Source Sans，以及较大光学尺寸下的 Inter。没有衬线，却带有类似衬线字体的书法笔触。给人专业而温暖的印象。当所属类别要求克制而又不失个性时，这是极佳的中性选择。
• 新怪诞无衬线。 Helvetica、Inter、Aktiv Grotesk、Söhne、GT America。现代专业风格的默认选择。给人可靠、当代的印象。如果没有鲜明的色彩或符号搭配，可能显得千篇一律。
• 过渡衬线。 Source Serif、Charter、Lyon、IBM Plex Serif。现代衬线字体，对比度高且易读。给人编辑感、考究、知性的印象。适合法律、出版、金融和编辑类品牌。
• 旧风格衬线。 Garamond、Caslon、Sabon、Adobe Garamond。对比度低、形态温润的古典衬线字体。给人传承感、传统、机构化的印象。常用于学术、法律、金融和传承型品牌。
• 板衬线。 Sentinel、Adelle、Roboto Slab、Tisa。结构厚重的衬线字体。给人强劲、鲜明、有时带有新闻感的印象。常用于编辑和出版领域。
• 定制展示字体。 专门绘制或经过大幅修改的字体。辨识度高，但耗时较多。只有在品牌需要独一无二的字标，且预算足以支持字体绘制时，才值得采用。

如何选择： 品牌想要避开什么？大多数类别都有默认的字体风格。法律事务所通常默认使用旧风格或过渡衬线。科技初创公司通常默认使用几何或新怪诞无衬线。在类别默认风格内选择，传达的是专业可靠；跳出默认风格选择，传达的则是品牌定位。采用几何无衬线字体的精品法律事务所，传达出“现代、亲和”；采用旧风格衬线字体的 SaaS 初创公司，则传达出“我们很认真地看待自己”。

3. 符号方法

如果架构中包含符号（组合标志、单独符号、以字母形态作为符号），那么它属于哪种符号？

方法：

• 具象。 符号描绘品牌名称所指的事物。户外品牌可以用山峰，火箭公司可以用火箭，可持续发展品牌可以用叶子。识别迅速，歧义较少。如果描绘过于普通，就有沦为陈词滥调的风险。要避免这一点，关键在于独特的表现方式：选取特定的山峰，用有力的笔触绘制，并采用品牌特有的视觉风格。
• 抽象手势。 符号不直接描绘事物，而是传达某种特质。用上升的弧线表示“成长”，用一对相对的形状表示“平衡”，用连续的环表示“诚信”。识别较慢，但独特性较高。如果手势过于抽象，就有显得随意的风险。清晰的形式逻辑和一致的视觉语言有助于避免这一点。
• 几何简化。 符号是没有特定指代对象的形式化抽象。比如六边形、三角形、一叠水平线，或被垂直线平分的圆。风格现代而自信。但有可能与其他许多几何简化标志雷同。具体的比例、经过推敲的表现方式，以及与独特字标的搭配，有助于避免这一点。
• 字母形态衍生。 符号由名称中的字母形态构成。比如 McDonald's 的“M”、Beats 的“b”，或假想中的 Atlas Coffee 将定制的“A”设计成山峰。字标与符号之间的协调性强。如果字母形态不够突出，就有看起来只有字标的风险。关键在于夸张的特征：字母既要看起来像字母，也要呈现出视觉隐喻。
• 字母组合。 将多个首字母组合起来。符号本身就是这些首字母，通常采用连字处理、紧凑字距或几何外框（圆环、盾形、菱形）。法律、金融和酒店行业较为常见。如果字体处理过于保守，就有显得过时的风险。应在传统架构中采用现代的表现方式。

如何选择： 品牌名称本身已经传达了什么？描述性名称（Atlas、Forge、Pulse、Anchor）适合具象符号和以字母形态作为符号的做法。抽象名称（Stripe、Anthropic、Linear）则需要抽象或几何简化符号。传承类名称（创始人的姓氏、地名）通常适合使用字母组合。错误的方法会让符号与名称脱节。

4. 应用场景适配规范

标志不是一张固定的图稿。它必须适用于品牌涉及的每种场景。

场景及其限制：

• 16px 网站图标。 最严苛的小尺寸测试。组合标志通常无法通过；此时应由符号或字母形符号承担识别功能。从一开始就为此场景规划备用标志。
• 28px 应用图标。 比网站图标稍有余地，但仍要求轮廓鲜明。通常使用符号或字母组合，而非组合标志。
• 1.5 英寸刺绣贴章。 限制颜色数量（通常最多 4 到 6 种），要求形状简洁、不含精细细节。渐变和照片元素无法使用。此场景可检验标志在实体媒介上的复现能力。
• 单色复现。 蚀刻、烫箔、单色印刷、传真。所有渐变和依赖颜色的设计都必须能干净地转为单色。将设计转换为纯黑白进行测试。
• 反白（深色背景上的浅色图案）。 许多标志在反白时会失效。尽早在品牌预期使用的深色背景上进行测试。渐变标志在这方面尤其难处理。
• 大型标牌。 需要边缘清晰的矢量图，不得栅格化。此场景可检验构造网格的质量，以及细线条在放大后能否保持清晰。
• 动态组合标志。 检验标志是否适合自然地入场和退场动画。文字标志可逐字显现；符号则可旋转、缩放或由多个部分组合而成。
• 社交媒体方形头像。 组合标志需要有堆叠式备选版本或字母组合备用方案。纯符号则可直接使用。
• 服装刺绣（线绣在布料上）。 限制比刺绣贴章更严格。精细字形和细节会在此处失效。标志需要一个适合厚重针脚的版本。
• 纸张或皮革上的烫箔。 仅限单色，不可使用渐变，且需要足够粗的线条才能经受压印。

适配规范： 每个版本都必须通过应用场景测试，才能成为候选方案。生成每个版本后，逐一在脑中测试这些场景。如果一个版本在三个或更多场景中失效，它就不适合作为主标志；它仍可用作辅助标志或展示用组合标志，但不能承担品牌识别的重任。建立备用层级：主组合标志、次级字母组合、适用于网站图标的字母形符号。

5. 克制规范

标志设计失败，大多是因为设计过度。克制的关键在于删减。

测试：

• 轮廓测试。 眯起眼睛看标志。如果去掉文字后仍无法仅凭轮廓识别它，那么轮廓就过于普通。Apple、Nike、Twitter 都通过了测试；大多数普通的 SaaS 标志都无法通过。
• 独特性测试。 在 Google 图片中搜索“[你的类别] logo”。如果你的候选标志看起来和三个或更多现有标志一模一样，它就不够独特。尤其要留意那些已经被做过上千次的几何简化标志。
• 可绘制性测试。 让一个 7 岁的孩子在看了 30 秒后凭记忆画出标志。如果他们画不出来，细节就太多，难以留在文化记忆中。
• 单色测试。 去掉所有颜色后，它仍然清晰可辨吗？如果不行，说明颜色承担了过多作用。
• 可复现性测试。 用黑白打印机以 1 英寸大小打印。它仍然容易辨认吗？如果不行，这个标志就无法用于刺绣、烫箔或低分辨率场景。
• 两秒测试。 将标志展示给不熟悉该品牌的人看两秒，然后问他们记住了什么。他们回想起的特征才真正发挥了作用；其余部分都是噪音。

克制规范并非拒绝所有细节，而是拒绝那些不值得保留的细节。每个视觉元素都应通过这个问题的检验：“在最小应用尺寸下，它还能清晰呈现吗？”

---

工作流

1. 收集输入。 所需输入见上文。如果用户提供了参考 Logo，请逐一了解他们具体欣赏每个 Logo 的哪些方面。这些参考有助于校准实际适用的架构和风格。

2. 确定主要架构。 仅字标？组合标？字形即符号？字母组合？这是基础决策，后续一切都由此展开。对于大多数拥有独特描述性名称的新品牌，合适的架构是组合标，搭配具象符号或源自字形的符号，并为方形场景提供字母组合备用方案。

3. 生成字体探索方案。 生成 3 到 4 个仅字标的变体，探索不同的字体风格。每个变体都应是完整的字标，经过字偶距调整和光学调整。这些方案既可作为独立候选，也可作为后续搭配符号的基础。

4. 生成符号探索方案（如果架构包含符号）。针对每个字体探索方案，使用不同的符号思路生成 1 到 2 个符号搭配方案（具象、抽象笔势、源自字形、字母组合）。符号必须在视觉上与字标的字重、视觉密度和风格基调协调一致。厚重的衬线字标需要搭配粗壮的符号；极细的几何字标则需要搭配纤细的符号。

5. 在应用场景中测试每个变体。 针对每个候选方案，逐一检查 16px 网站图标、1.5 英寸刺绣、单色复现、方形堆叠式替代版本。淘汰在超过两个场景中无法胜任的变体。记录每个变体在哪些场景中表现出色，以及在哪些场景中需要备用方案。

6. 选出供客户审核的优选方案。 通常选出 6 到 12 个最终变体。每个变体都必须与其他方案明显不同。过于相似的变体会削弱审核效果，并让客户感到困惑（他们无法判断为何要选择其中一个而非另一个）。

7. 记录每个变体。 每个变体需注明：描述性名称（例如“01，轻盈几何字标，Avenir Next”）、架构、字体、适用时的符号思路、颜色标记、应用说明、传达的信息，以及明确排除的方向（它明确不是什么）。

8. 为前三个候选方案提供生产规格。 提供适用于 SVG 的构建说明、颜色十六进制代码（主色、纯黑单色、纯白单色和反白版本）、尺寸指南（按媒介划分的最小尺寸）、动效入场和退场建议，以及刺绣和烫箔适配方案。

9. 提供应用场景样机。 在 3 到 5 个代表性场景中呈现每个优选方案：网站页眉、名片、16px 和 32px 网站图标、刺绣徽章、标牌。样机可以通过图像生成或示意图制作。重点是向客户展示标志在不同场景中的实际效果，而不是交付成品营销材料。

10. 交付。 输出用于辅助决策。品牌所有者负责选择方向。之后，该技能（或后续迭代）会沿选定方向进行生产级完善：优化构图、调整字偶距、最终确定色彩系统、建立应用素材库。

---

常见失败模式

• 迎合创始人的喜好，而非受众的感知。 创始人每天都会看到这个标志；受众则是在心情不佳时看它 3 秒。应以受众视角的测试结果为准。
• 跳过轮廓测试。 无法通过轮廓测试的标志，在小尺寸和动态场景中都会失效。尽早测试。
• 忽视小尺寸下的易读性。 16px 的网站图标测试是最容易被忽略的单项规范。大多数组合标志都过不了这一关。从一开始就规划备用符号，或将字形设计为符号标志。
• 试图描绘品牌所做的一切。 标志可以承载一个概念，有时也可以是两个。三个就太多了。塞进多个隐喻的符号看起来像是委员会的产物。
• 为了追赶潮流而选择字体。 单线几何无衬线字体（Cabinet Grotesk、GT Pressura）会让人觉得是“2024 年的创业公司”，很快就会显得过时。选择字体时应考虑品类契合度和持久性，而非紧跟设计潮流。
• 过度定制字形。 定制字形应解决具体问题（例如，与下伸笔画冲突的平底“g”、破坏节奏的“a”，或化作山峰的“A”）。只为求新而定制，会显得哗众取宠。
• 在某些尺寸下无法保持完整的组合标志。 分别以 200%、100%、50%、25% 的尺寸测试组合标志。如果任何尺寸下比例失调或元素冲突，就需要调整组合标志。
• 依赖颜色的标志。 必须依靠颜色才能辨认的标志，无法适应单色印制。颜色是最后一层，而非基础。
• 无法通过字母本身轮廓测试的字母转符号标志。 “作为山峰的 A”必须既看起来像山峰，也看起来像字母 A。如果它只像其中一种，那么这个隐喻就没有存在的价值。
• 审阅太多相似的方案。 向客户展示 10 种不同几何无衬线字体的字标变体，会让决策变得模糊。应展示 3 种设计架构，每种搭配 2 到 3 种字体方案。这样客户就能清楚地看到架构上的选择。
• 跳过刺绣测试。 许多品牌最终都会需要帽子或马球衫。细节精细或带有照片级渐变的标志无法干净地刺绣。应在客户确认前进行测试。

---

输出格式

默认输出为包含多个变体的 Markdown 规范文档，通常保存为项目根目录下的 logo-variants.md，或 design/ 子目录中。规范文档需配有每个变体的渲染图，并将图片保存在旁边（通常位于 design/logo-variants/）。

每个变体的结构：

1. 变体名称。 带编号的描述性标识（例如，“01，浅色几何字标，Avenir Next”或“07，山峰 A 组合标志，IBM Plex Sans”）。
2. 设计架构。 字标 / 组合标志 / 符号 / 字母转符号 / 字母组合。
3. 字体。 具体的字体名称和字重。如有定制字形，注明相关说明。说明字距和字偶距的处理方式。
4. 符号说明（如适用）。设计方法（具象 / 抽象笔势 / 几何简化 / 源自字形 / 字母组合）和视觉描述。如适用，注明构造网格。
5. 颜色标记。 主色板的十六进制代码、单色黑色版本、单色白色版本，以及深色背景上的反白处理方式。
6. 应用说明。 此变体适用的场景（例如，“适用于大型标牌和信笺”），以及需要备用标志的场景（例如，“16px 网站图标使用字母转符号标志作为备用”）。如适用，注明刺绣适配说明。
7. 传达信号。 此变体传达的品牌形象，以及它突出的特征。
8. 排除项。 明确说明此变体不是什么，以及它所留出的意义空间。
9. 样机。 在 3 到 5 种应用场景中展示渲染效果。至少包括：网站页眉、名片、网站图标。加分项：刺绣贴片、大幅面标牌、社交媒体个人资料。

规范文档用于辅助决策。交付后的下一步是选定方案，并对选定方向进行制作层面的完善。

---

参考文件

• references/architectures-explained.md。介绍 5 种架构及其示例、各自适用的场景和失效情形，以及如何将它们组合成以主要方案为主、备用方案为辅的层级结构。
• references/typographic-registers.md。介绍各类字体风格，包括指定字体、类别适配说明，以及每种风格的品牌示例。
• references/symbol-approaches.md。介绍 5 种符号设计方法及其模式示例，用于校准 Agent 在生成符号时使用的词汇。
• references/application-contexts.md。介绍每个标志都必须适用的场景，并列出约束规格（favicon 尺寸、刺绣用色数量、单色规则、动态效果入场建议）。
• references/category-conventions.md。概述主要品牌类别中的常见惯例，包括有效的默认做法、值得遵循的惯例、可为品牌定位而打破的惯例，以及各类别特有的应用场景。
• references/example-variant-spec.md。提供一个完整示例，展示如何为一个典型项目填写每个变体的全部九个字段。
• references/client-package.md。介绍客户端期望的交付包格式：文件格式矩阵、变体矩阵、文件夹结构、命名惯例、文档层（使用指南、品牌颜色和许可证）、交付方式，以及会导致客户端因缺少变体而要求补交的失败模式。