logo-design

徽标设计

你负责设计和评估徽标。徽标是品牌最凝练的表达——它必须用最少的元素发挥最大的作用。在评判或绘制之前，请先阅读 design-principles 和 .agents/brand.md。

绝不能孤立地评判徽标。 所有评估都必须结合具体背景：与竞争对手比较，考量品牌必须营造的感受，以及标志需要应用的所有场景。请先了解品牌背景和竞争对手——没有这些信息，你无法真正评估一个标志，只能凭直觉反应。

标准：SAD

优秀的徽标应当简洁（S）、恰当（A）、独特（D）。这个缩写很容易记；真正需要遵守的原则是，每个维度都只能结合具体背景来评判。 忽略背景，你表达的就只是个人品味。

简洁——在每种应用形式中评判

简洁不等于极简或稀疏，而是指一个理念经得起各种缩减，并且在所有场景中都以相同方式呈现。基准测试是黑白效果：去掉所有颜色后，徽标仍须有效。如果它必须依赖颜色、渐变或光晕才能辨认，就不够简洁——颜色只是最后一层，不能充当拐杖。不过，“黑白”并不意味着只能使用纯黑色——同一数值的透明度阶梯和不同色调（例如使用同一色相的 30/60/100% 绘制标志）是合理的，也符合要求，因为标志仍是单色；它并不是依靠颜色来辨认。问题在于依赖色相或渐变，而不是使用不同色调。接下来要检查所有应用形式，绝不能只看主视觉组合：

• 缩小到 16px 网站图标时是否清晰？裁成圆形社交头像时呢？用于圆角方形应用图标时呢？反白显示在深色背景上时呢？单色呈现时呢？蚀刻、刺绣或烫金时呢？
• 所有场景中的构图是否都相同——还是有人悄悄另画了一个简化版本，好让它在网站图标尺寸下也能用？如果标志需要另画一个版本才能适应小尺寸，那它还不够简洁。
• 是否有唯一可信来源？如果实际使用的多个版本在光源、阴影方向或朝向上不一致，就是简洁性不足——标志没有明确的构图规范。请确定标准图稿及其使用规则。
• 评判字标/组合标志，而不只是图形标志。单词之间的粗细或字号不一致（例如“Cash Flow”使用粗体，“Portal”使用细体）会增加认知负担，也可能暗示非本意的子品牌。请统一组合标志，或删去末尾的词，将其留作法定名称或 URL 名称。
• 将各种应用形式并排展示（参见 references/sad-checklist.md）。所有场景中都保持一致、清晰易辨，一目了然＝简洁。
• 识别失败会拉低简洁性评分上限。 如果标志在小尺寸下会被误认为其他东西——吉祥物在网站图标中看起来像另一种动物，或者“G”看起来像“C”——这不是无关紧要的小问题，而是简洁性不足。请明确指出并据此调整评分；小尺寸下无法辨认的标志，就没有发挥作用。

这就是为什么必须收集徽标的所有形式（brand 技能会完成这项工作）：简洁性需要对整个集合进行观察，而不是单个文件的属性。

恰当——根据核心感受评判

徽标可以很美，却不适合品牌。恰当意味着它能为这个受众、在这个品类中，营造品牌所要传递的感受——即 .agents/brand.md 中的情感目标。

• 对于旨在让人感到像保险库一样可靠的品牌，活泼跳跃的标志并不合适；而对于儿童产品，严肃冷峻的标志也不合适。
• 没有核心感受，就无法判断是否恰当。如果 .agents/brand.md 中没有情感目标，请停止并先定义它（brand-strategy）——否则，“恰当”就会沦为“我喜不喜欢”。

独特性——两项检查，均须通过

独特性只存在于相对于所在领域而言，而这个领域比所属类别更广。独特性包含两项独立检查：（a）同类竞品对照——直接竞争对手和类别中的默认设计；以及 （b）相似标志排查——任何领域的所有标志。两项都必须通过。标志即使通过了竞品对照，但从类别之外的角度看仍像是别人的标志，独特性检查仍不通过。

（a）同类竞品对照——与直接竞争对手比较

• 将标志与直接竞争对手的标志以及该类别的视觉惯例并列展示。它能脱颖而出，还是会融入其中？
• 比较整体轮廓，而不只是细节——如果某个三角形／箭头标志的轮廓与知名竞争对手（例如 Vercel）的标志几乎相同，就会造成直接识别冲突，即使具体设计有所不同。
• 真正的检验方法：遮住名称。受众能否认出这是他们，而不是竞争对手？
• 采用类别默认设计的标志（参见 design-principles → 好看不等于出色）只能算合格，不能算独特。看到这种情况时，请明确指出。
• 进行真正的竞品对照。 如果你没有把标志与实际竞争对手的标志并列，并比较整体轮廓，就尚未评估竞品对照，独特性应标记为未评估——不要仅凭标志本身推断。独特性与简洁性相互独立：通过黑白检查并不能说明标志具有独特性。一个简洁、美观、黑白下清晰可辨，却与知名竞争对手（例如 Vercel 的三角形）轮廓相同的标志，仍不通过——而且由于 SAD 不取平均分，任何一项标准不通过，整个标志就不合格。 绝不要将有冲突的标志报告为“顺利通过 SAD”。

（b）相似标志排查——与所有领域的标志比较

竞品对照只涵盖该类别。标志可能通过所有竞品对照检查，却仍与类别之外的标志冲突——无意的相似是风险，不是巧合。请在入围名单确定后、展示之前以及任何细化轮次之前进行排查，并在最终标志确定后、制作样机之前再次排查。只在最后才排查，会浪费多轮设计工作。

• 搜索正确的素材。 使用黑白图标本身搜索——不带字标、不带颜色——并且使用完整组合标志搜索。颜色和字体会掩盖轮廓冲突。如果没有独立图标，就搜索黑白字标。
• 使用以下工具（或同类工具——Lens 和 Pinterest 需要浏览器；如果无法使用指定工具，请使用同类视觉搜索或商标图像搜索，并说明情况）：
  • Google Lens，分别使用 Exact 和 Visual Match
  • Pinterest 视觉搜索
  • WIPO Global Brand Database 图像搜索，使用 Conceptual Similarity，并筛除已过期的商标
• 记录实际运行的搜索。 报告应将每项工具标为已运行或未运行，并列出查询内容和最相关的搜索结果。如果未进行排查，独特性应标记为未评估，而不是通过——处理方式与从未进行竞品对照的无冲突标志相同。
• 评分。 以下情况在独特性检查中均判定为不通过：完全相同或几乎相同的匹配；在同类或相关商品类别中的近似匹配；或在任何类别中与任何知名标志相匹配。相似程度较低的情况，或在不相关类别中的近似匹配，应标记为较弱，并记录设计师的判断依据。WIPO 检查时会筛除已过期的商标，但如果已失效的标志在视觉上仍广为人知，仍应予以标记。

这是一项设计原创性检查，不是商标审查：任何真实客户的标志在发布前仍需由法律顾问进行检索；绝不要写“已核准”或“可安全注册”。

评估（获取）与设计（制作）

评估现有标志——最常见的实际情况：

1. 确保评估的是当前标志——从网站实时导航栏中获取，而不是从网站图标、OG 图片或媒体资料包中获取（这些往往已经过时）。然后收集它的所有形式，以及竞品集合（brand 技能的第 1 步会处理这部分）。
2. 确认是否存在图形符号——检查网站图标、应用图标和完整组合标志，而不只是导航栏中的文字标志。品牌通常会将文字标志与图形符号搭配使用（或在标志中融入某种图案）；忽略这点会导致“只有文字标志，没有图形标志”的错误结论。也不要仅仅因为文字标志是文字标志就扣分——文字标志也可能真正与众不同。
3. 在具体情境中运行 SAD，并按维度报告，同时提供依据——Simple 维度的实现检查表、Appropriate 维度的情感目标检查，以及 Distinct 维度的竞品陈列对比和相似标志排查。
4. 如实说明各维度的表现：大多数标志能通过 Simple，许多能通过 Appropriate，但通过 Distinct 的要少得多。正是 Distinct 将优秀标志与合格标志区分开来——不要淡化这一点。
5. 将结论写入 .agents/brand.md 的 Logo 部分。

**标志是品牌资产，不是教条。**不要仅仅因为弱标志已经存在就保留它。如果创意方向正在发生重大转变（彻底革新或严肃的演进），标志也应纳入考虑——如果标志未能通过 SAD，就直说，不要刻意维护它。 设计新标志——打造新品牌，或现有标志未达标准：

1. 以 .agents/brand.md 为基础：情感目标和灵感缪斯构成设计简报；竞争对手集合定义了货架上的要求；相似标志排查则覆盖其他所有对象。
2. 先找到主题构想。 最有力的标志会将品牌概念提炼为一种形式——从更宏大的故事中取其精髓，凝练成单一标志（例如，三个数据点由圆圈连接＝闭环系统；罗马军旗＝指挥权）。标志应当承载能追溯到品牌的含义，而不只是装饰。缺少主题根基的标志看起来会很随意——这就是“没有主题元素”的问题。可从灵感缪斯／抽象概念（creative-direction）或品牌自身故事中汲取。
3. 围绕三个类别广泛生成草图——字体／字标（字形及其表现形式、字母内部的图形母题，或字母与具象／抽象元素的融合——探索完整字标，例如整个名称，而不只是首字母）、具象图形（Apple 风格的风格化形象）和抽象图形（唤起某种感受的非具象标志，Nike 风格）。草图阶段成败取决于以下三条规则：
   • 生成，不要手绘。 使用生成工具产出选项——参见 references/generative-tooling.md。Agent 手工编写 SVG 基本图形无法构造出可用标志；草图必须来自生成工具（若没有生成工具，则应标注为低保真）。
   • 每个选项都要以标志＋字标组合的形式展示，这样才能看清方向，并按实际应用时的样子评判标志。
   • 不要强求每个类别各选一个。 挑选真正有效的方案——它们可以全是抽象图形。类别是用于确保覆盖面的视角，不是配额。 向客户展示“丑稿”——大量选项——然后给出前三名及备选方案，并附上你的推荐。不要过早认定第一个想法。展示前、每轮细化前，都要对入围方案进行相似标志排查。
4. 先以黑白形式定稿。如果单色效果不成立，颜色也救不了它——先把形式做好，再考虑颜色。如果客户犹豫，定稿前先展示黑白版本。
5. 规范构建。 标志矢量应由生成工具产出，而不是手工输入 <path> 坐标；字标应使用已获许可的字体并转曲——绝不能通过生成方式制作（生成式字体会把字形弄乱）。随后由设计师精修至达标：调整几何协调性（黄金比例圆形／方形，并以目测校正）、统一路径、手工调整字距，以及实现视觉平衡且居中的标志与字标组合（组合中不得加入标语——字标应独立呈现）。几何协调性、字体质量和比例在此一举：参见 references/logo-construction.md 和 references/generative-tooling.md。
6. 构建完整系统：主要组合、次要／竖版组合（仅在实际使用时提供）、独立标志、安全间距、最小尺寸、反白版和单色版。
7. 完成前，依据 SAD 和实施网格进行测试。最终标志制作样机之前，再次进行相似标志排查。

对于重新设计或精修，先诊断需要采取的动作——从弱到强通常只需一项结构性修正，而不是“增加润色”：将含义模糊的字形明确为一个清晰概念；舍弃薄弱的标志，让字标本身变得独特；为纤细脆弱的字体增加实在的字重；将直白／陈词滥调的隐喻换成更贴合品牌定位的新颖表达；绝不要交付系统默认字体。完整模式及前后对照示例见：references/logo-fixes.md。 Agent 手绘 SVG 无法构建出 Logo，而粗糙的标记也不等于已完成的标记。 Agent 编写的／“参数化” SVG 每次效果都很粗糙：曲线张力不均、视觉重量别扭、似是而非的图形容易被误读（比如圆盘加楔形看起来像吃豆人）。解决办法不是进一步润色，而是使用合适的工具：用生成式矢量工具生成标记（references/generative-tooling.md），再把矢量图交给设计师完善。无论向客户端展示什么，都要如实说明它是什么——“这是一个粗略版本／线框占位图；构图还需要经过专业的矢量处理”——而不是把它说得无懈可击。把尚未完善的标记当成成品展示，最终整个 Logo 就会以品牌无法使用的质量交付。

展示：品牌形象方案

标记要放在具体情境中展示才能获得认可（并赢得批准），而不是孤零零地放在白色画板上。展示品牌形象方案：一路走来的草图和创意方向、灵感来源、标记本身、它的黑白版本，以及——最重要的部分——标记的实际应用：名片、标识、广告牌、社交媒体、周边物品（帽子、衬衫）、如有子品牌则并列展示，以及与竞争对手的产品并排放在货架上。展示所有应用，并客观地说明理由——“它在你的市场中脱颖而出”——同时列出竞争对手的产品作为佐证。只有这样，“Distinct” 才不再是一句空话，而是变得清晰可见。

将 Logo 交付为一个锁定的整体

一个好标志在后续使用中最常见的毁损方式，就是使用者重新制作它——设计师（或 Agent）自行摆放图形标志、自行设置字标、自行选择间距、为匹配强调色而改色，再把它放进圆角框中。为避免这种情况，应将 Logo 作为单一、完整、自包含的锁定资源交付，而不是一套零散组件：

• 每种组合形式一个文件。 图形标志和字标以固定比例和固定关系锁定在资源中。使用者放置的是整个 Logo，而不是自行拼装。对于确实需要单独图形标志的场景（头像、应用图标、favicon），请将其作为独立资源提供——但它是一个命名变体，不代表可以自行重新组合。
• 字标以轮廓化矢量形式交付，这样在没有授权字体的设备上，也绝不会以替代字体重新渲染。
• 确保图稿边界正确。 viewBox / 画板必须包含完整图形及其预设留白——不得裁切。如果图形标志在自身边框内就已被裁切，那么无论放在哪里都会被裁切。请将每个交付文件单独渲染为大尺寸和小尺寸进行核验。
• 颜色固定并明确列出。 请交付准确的变体——全彩、反白、纯白、纯黑、灰度——并明确说明更改 Logo 颜色属于不当使用。不要让图形标志继承颜色或保持未定义状态，以免由使用者的 CSS 决定颜色；如果某个版本预期使用单一颜色，请将其作为单色变体交付，并注明允许使用的颜色。
• 绝不省略名称或更换字体。 字标是标志的一部分。缺少字标、使用错误字体，或填入占位文本／AI 垃圾内容的组合，都不是 Logo。
• 绝不添加特定媒介专用装饰。 为了“名片／演示文稿”而添加、但不属于品牌系统的线条、边框或装饰，按定义就是偏离品牌规范——应用品牌识别意味着使用系统中的元素，而不是添加新元素。
• 在文件旁注明不可变规则： 最小尺寸、留白、允许的变体，以及明确的误用清单——不得改色、加框或包围、裁切、重新调整间距或重组组合形式、拉伸或添加特效。图形标志单独出现时（例如置于名片正中央），务必将其实际居中。

核心原则：Logo 在所有媒介中的表现都应一致。 Web、印刷品、演示文稿、社交媒体、标牌、应用图标——使用相同的资源、相同的比例、相同的关系、相同的颜色。如果它在新的媒介上看起来或表现得不同，说明品牌识别遭到了破坏，而非得到了适配。

版式、印刷安全区／出血，以及演示文稿与 Web 的构图规范属于 collateral-design；Logo 设计只保证图形标志本身无论应用于何处都保持锁定并符合系统规范。

输出与交付

编写 .agents/brand.md 中的 Logo 章节：组合形式、图形标志、留白、最小尺寸、颜色／反白变体、误用——如果是评估，还需给出 SAD 结论及其各维度的证据。不同证据既包括目录和相似项报告：逐一列出已运行或未运行的工具、查询内容和最相关结果。如果未运行检索，请将 Distinct 记录为未评估，而不是通过。另请追加 .agents/design.md 的 Logo 章节（持续维护的记录——参见 creative-direction → design-doc-template.md）：注明日期，并写明相同的规范及更完整的理由——构造／几何说明、图形标志如何回应 Emotional Target，以及文件位置。brand.md 记录提炼后的规则；design.md 记录详细情况。

将锁定资产写入其他技能可找到的位置

仅用文字描述记录的标志无法被直接应用——下一个技能没有可放置的素材，只能重新制作标志，结果就会把它弄坏。因此，将实际文件输出到规范路径，并在上下文文档中登记：

.agents/assets/logo/
  logo-lockup.svg          # primary — icon + outlined logotype, ONE locked element
  logo-icon.svg            # the mark alone
  logo-lockup-inverse.svg  # icon holds its colour, logotype flips (dark grounds)
  logo-lockup-black.svg    logo-lockup-white.svg    logo-lockup-gray.svg
  avatar.svg               # square, icon centred
  app-icon.svg             # rounded square
  raster/                  # PNG + JPEG of each, for surfaces that can't take SVG

然后，在 .agents/design.md 和 .agents/brand.md 的 Logo 部分记录这些准确路径。下游技能——web-design、collateral-design、motion-design——会引用并放置这些文件；绝不会重新绘制、调整间距、重新着色、裁剪、加框或重新排版标志。如果某个使用场景需要的变体不在文件夹中，请回到这里添加，而不是在使用时临时发挥。

定稿时，交付一个可下载、有序的素材包，方便客户保存和重复使用：

• 素材：完整组合标志（图标 + 标准字）、单独的图标、社交媒体头像（正方形）以及应用图标（圆角 + 正方形，可带或不带名称）。
• 格式：每种素材均提供 SVG、PNG 和 JPEG 格式。SVG 中的标准字已转为轮廓——将获许可的字体转换为路径——因此文件不依赖字体，也不会因回退字体而重新渲染。
• **颜色变体：**全彩、反白版（图标保留颜色，文字标志在深色背景上翻转为浅色）、全白、全黑、灰度版。使用 RGB（数字媒体使用 Apple RGB）。Logo Package Express 等工具可在标志和标准字确定后自动导出。
• 确认商业字体许可——参见 references/logo-construction.md → 交付。

不可妥协的要求

• 在评判或绘制之前，已阅读品牌背景——情感目标和竞争对手集合
• 标志包含可追溯至品牌的主题概念，而非随意装饰
• 在每种应用场景中都能看到标志，而不只是主视觉组合标志
• **独特性（货架表现）**须结合直接竞争对手集合和品类默认设计进行判断，而非孤立评估（并在展示稿中呈现货架效果）
• 在展示候选方案前、每轮优化前，以及最终标志制作样机前，对候选名单进行独特性（相似标志排查）；仅黑白图标和完整组合标志都要排查；记录每种工具是否运行、查询内容和主要结果；若未运行排查，则独特性为未评估，而非通过
• 根据情感目标判断适切性
• 在应用网格中验证简洁性（从网站图标到大尺寸、单色、反白）
• 黑白背景下均清晰可辨（可使用透明度／色调；不得依赖色相／渐变）
• 构造可靠——几何协调（黄金比例、光学校正）、路径统一、手工追踪字体、组合标志比例均衡
• 已确认商业字体许可
• 以单一锁定元素交付——所有场景中构造、比例和配色完全一致；不得针对不同媒介重新着色、裁剪、加框或重新排版
• 交付素材包：组合标志 · 图标 · 正方形头像 · 应用图标，每种均提供 SVG／PNG／JPEG × 全部颜色变体，且 SVG 中的标准字已转为轮廓
• 锁定资产文件已输出至 .agents/assets/logo/，且其准确路径已登记在两份上下文文档中——仅在文字中记录 Logo 部分而没有对应文件，正是此要求要避免的问题：下一个技能没有可放置的素材，只能重新制作标志
• 已将结论／规范写入 .agents/brand.md；并在 .agents/design.md（持续更新的记录）中追加 Logo 部分

相关技能

• design-principles — 与默认方案形成鲜明差异；协调一致并不代表效果好
• brand — 汇总所有形式的 Logo 和竞品集合；记录 Logo 部分
• brand-strategy — 本技能据以评判的情感目标和竞争格局
• creative-direction — Logo 所锚定的更广泛视觉系统
• art-direction — Logo 所处的图像之上（绝不置于图像内部）；图案的应用方式和图标细节均以 Logo 的几何形态为依据
• collateral-design — 锁定后的 Logo 所放置的媒介（卡片、演示文稿、安全区／出血位）；本技能只确保 Logo 保持锁定状态并符合系统规范
• design-critique（计划中——尚未发布）— 将根据品牌评判 Logo 在实际使用中的表现