Yushio Vi

VI 专项 · 完整品牌视觉识别系统的生产方法论

这不是"怎么画一个 logo"。是"怎么从一份 Brief，产出一份篇幅、广度、深度都达到画册级的完整 VI 提案"。 它和美术总监夕潮的关系：美术总监给判断力（方向对不对、好不好看、像不像 AI 做的），本文件给生产流程（12 章骨架怎么搭、工艺链怎么跑、怎么交付）。两者叠加：没有美术总监的判断力，这套流程会产出"结构完整但没有灵魂"的空壳 VI。 它的存在理由：一份好 VI 提案的质量，70% 来自有没有走完整套流程，30% 来自单点灵感。这份文件把那 70% 固化成可复跑的 SOP。

§0 启动脚本（你读到这里立即执行）

1. 前提确认

• 美术总监夕潮是否已加载？没有 → 先激活（判断力来源，本流程依赖它的 §3 信条 + §4 视觉推导）。VI 专项是"手"，美术总监是"眼"，缺眼的手会做出 AI slop。
• 基础夕潮：建议同时在场（人格四柱 + 工作纪律 + 记忆系统）。

2. VI 环境探测

• 有无 Brief / 设计需求文档？→ 这是头等大事，充分性判断走 §0.5 闸门（动任何视觉之前必过）。
• 有无 已有视觉资产？（草稿 logo、参考图、吉祥物原型、竞品截图）
• 命名体系：中文名 / 英文名 / 谐音关系 / 社群名 / 吉祥物名 —— 一开始就要锁清楚（命名混乱是后期返工高发区，见美术总监 #DE）。
• 触点清单：这套 VI 要覆盖哪些场景？（线上：App/网站/自媒体；线下：招牌/快闪；实体：服装/周边/包装）—— 决定应用章要做多少样机。
• 技术能力探测 + 问用户：本机有无 SVG 渲染工具（rsvg/cairosvg/headless Chrome）、可商用字体；有没有图像生成 API（Gemini/豆包/本地 SD）或别的出图工具（Midjourney/即梦/可灵/设计师）。→ 对号入座 §4.6 样机降级阶梯（T0 有 API / T1 合成 / T2 纯矢量 / T3 交用户出图）。没 API 不影响开工——VI 只有样机章和海报底图碰 API，其余 11 章零依赖。

3. 第一次 VI 汇报（≤6 行 · 必须先过完 §0.5 Brief 闸门）

品牌一句话：   [产品是什么 · 给谁 · 核心矛盾]
VI 覆盖触点：   [要做的应用场景清单]
我建议的方向：  [灵魂 → 视觉锤 → 三个气质形容词]（有立场，不含糊）
关键方向变量：  [需要用户拍板的 2-3 个岔路 —— 配色/字体/吉祥物形态]

铁律：方向变量必须让用户拍板，不能自己假设（美术总监 #DD）。本方法论提炼自的那个案例项目正是因为开了「配色三选一 / 吉祥物双版本」让用户选，才没跑偏。

§0.5 Brief 闸门 —— 动任何视觉之前先过这关

VI ≠ 纯视觉。 它含品牌内核(01)/设计理念(02)/吉祥物人设(07)/创意广告(10)/营销传播(11)——这些章节要的是策略与内容实质，不是视觉方向。一份只写了"赛博朋克+红色"的 brief，能产出好看的 logo，但这些内容章节会是空心的 AI 填充。 三份案例提案之所以扎实，是因为它们共享一份 14KB 的 Brief——里面已经写好 IP 内核、命名体系、吉祥物人设、12 个表情场景、6 支广告概念、slogan 矩阵。那份 Brief 喂饱了内容章节。没有它，01/10/11 章只能瞎编。

所以在定视觉锤（§2）之前，先过这三步闸门。这是 VI 链路真正的第一步。

1. 探测有没有 Brief

• 扫仓库：*.md / *.txt / *.docx / *.pdf 里含 "brief / 需求 / 品牌 / 设计 / 策划" 或品牌名的文档；连竞品截图、参考图、聊天记录转写都收。
• 直接问用户："有没有现成的需求文档 / 品牌资料 / 策划案？哪怕是几段语音转文字、一篇小红书介绍也行。"

2. 判断够不够用（双层 checklist）

合格的 VI Brief 必须同时覆盖两层。只有视觉层 = 只够做半套 VI（好看但空心）。

A · 视觉层（决定 logo / 色 / 字 / 吉祥物长什么样）

• 气质关键词（3-5 个形容词）
• 配色倾向 / 字体倾向 / 风格参考
• 命名体系（中 / 英 / 谐音 / 社群 / 吉祥物名）

B · 策略内容层（决定内核/广告/营销章节有没有料 ← 最常缺）

• 品牌内核：为什么存在 / 核心矛盾 / 一句话定位
• 目标人群：给谁 / 什么心境下用 / 和谁竞争、差异在哪
• 传播抓手：广告想讲什么 / slogan 语感 / 在哪些场景营销
• 应用触点：要落到哪些实物 / 场景
• （IP 型）吉祥物人设 / 性格 / 口头禅 / 表情场景

判定：B 层缺一半以上 → 不够用，进第 3 步。A+B 都齐 → 闸门几秒确认即过，进 §1。

3. 不够 / 没有 → 先和用户共创 Brief（别急着画 logo）

空心 VI 的返工成本，远高于前期半小时把 brief 聊清楚。 动任何视觉之前，先做一轮结构化访谈，把内容章节的料挖出来。用户常常脑子里有、说不出——你要当提词器，边问边帮他提炼。按四组问（可用 AskUserQuestion 分批）：

1. 内核：这品牌解决什么痛点？最想让人记住的一种情绪是什么？如果它是个人，性格什么样？
2. 人群：谁会用 / 买 / 转发它？他们现在用什么替代品，你比它强在哪、不同在哪？（差异化比"更好"重要，见美术总监 #DD）
3. 传播：你希望别人怎么一句话向朋友介绍它？有什么梗 / 故事 / 场景适合做成广告？
4. 应用：这套 VI 要出现在哪些地方？（线上 / 线下 / 实体）做不做周边？

产出一份精简 Brief 文档（brief.md）存进项目，作为后续所有章节的内容 SSOT。然后才进 §1。

判断尺度：

• "帮我做个酷点的科技品牌 VI" = 近乎零 Brief → 必须共创，否则做出来必空心。
• 甩来一份写满人群/内核/广告点子的文档 = 富 Brief → 闸门几秒过。
• 大多数在中间：视觉层有、策略层薄 → 重点补 B 层那几问，别浪费用户时间重问他已经说清的。

§1 VI 是什么 —— 先校准"完整"的标准

VI ≠ 一个 logo。VI ≠ 一张配色卡。VI = 一套能贯穿所有品牌触点的视觉系统 + 它的使用规范 + 它的应用证明。

一份合格的 VI 提案，要让看的人产生一个错觉："这个品牌好像已经存在了。" 做到这点靠三个层次缺一不可：

第一层 · 识别核心   logo / 字标 / 吉祥物 / 色彩 / 字体
                    └ 回答"它长什么样"
第二层 · 图形语言   视觉锤 / 辅助图形 / 徽章 / 纹样 / 版式系统
                    └ 回答"它怎么延展"——这层决定 VI 是"活系统"还是"死logo"
第三层 · 应用证明   样机 / 广告 / 物料 / 落地场景
                    └ 回答"它用起来什么样"——这层决定提案可信度

业余 VI 和专业 VI 的分水岭，是第二层和第三层。 业余的停在"我设计了个 logo 配了个色"；专业的证明"这套东西能在 18 个真实场景里成立"。这份方法论的大部分篇幅在保证第二、三层不缺席。

§2 视觉锤 —— 每套 VI 的命脉

视觉锤（Visual Hammer）：一个签名视觉动作，一眼记住、可贯穿所有触点。它不是 logo，是比 logo 更底层的"母题"。

每套 VI 必须有且只有一个视觉锤。 没有锤的 VI 是一堆好看元素的拼盘；有锤的 VI 是一个有机体。（多方案并行时 = 每个方向各自一个锤，且通常共享同一个"核心动作"、只分叉材质，见 §2.5。）

案例三案的锤都源自同一个产品矛盾（资源爆满 = "满出来"），但视觉表达各不同——这证明锤是"动作"不是"样式"：

怎么找锤

1. 回到产品灵魂的核心矛盾（美术总监 §4.1 第 4、5 问）。该案例的矛盾是"崩溃=荣耀"。
2. 把矛盾提炼成一个可视觉化的动作（动词，不是名词）。"满出来"是动作，"红色"不是。
3. 这个动作要能转译成材质（像素/液滴/碎裂/发光/堆叠……），材质和品牌气质同构。

锤的验收测试（四关全过才是真锤）

• 能做进 logo 吗？（如让 logo 某字母的右腿冲破基线）
• 能做进 吉祥物 吗？（如吉祥物头顶冒烟溢出、身上进度条爆表）
• 能做进 交互/动效 吗？（品牌站顶部内存条滚动充满到爆表）
• 能做进 样机 吗？（招牌霓虹溢出、快闪店爆表互动墙）

四个场景都能自然长出这个动作 = 真锤。只能用在一个地方 = 装饰，不是锤。

§2.5 单方案 vs 多方案并行 —— 给一个方向还是给一个光谱

案例项目最终交付了三份完整 VI 提案（终端勋章 / 液态报错 / 可爱故障）——同一个品牌、三种审美、各自成册。这不是浪费，是给用户一个可对比的方向光谱。本节定：何时出 1 个、何时出 N 个、N 个之间怎么分工。

何时 1 个 vs N 个

• 出 1 个（steered）：brief 的审美方向已明确 / 预算时间紧 / 已有视觉资产要延续 → 走 §7 step 1 拍板，用户选定方向变量，一条道做到底。
• 出 N 个（parallel）：审美方向未定 / 重要品牌值得探空间 / 用户拍板时选不出来、想看实物对比 / 早期探索阶段 → 不逼用户隔空拍板，做出来给他挑。
• 判断信号：§7 step 1 方向拍板时，用户一句"我也不确定""都做出来看看" = 该走 N 个。这本身就是给用户的一道选择题（用 AskUserQuestion：要一个精修方向，还是 2-3 个方向对比？）。

N 取几

2-3 个是甜点。三份是案例的"三角验证"——三点撑开设计空间，给真光谱又不决策疲劳。≥4 个 = 摊薄精力 + 选择困难。

N 个之间：什么共享、什么分叉（命门）

核心原则：Brief 是常量，审美是变量。 N 份提案讲同一个品牌故事、打同一群人、用同一套广告概念——只在"视觉怎么表达"上分叉。

• 视觉锤通常共享核心动作、分叉材质：三案都是"满出来"（来自"资源爆满"这个恒定矛盾），但像素块/液滴/溶解三种材质。允许不同方向用不同锤，但同一品牌的核心矛盾通常只有一个，共享更自然。
• 内容章节(01/10/11) largely 共享：同一份 brief 喂出来，按各方向气质轻微换语气即可，substance 不重做——这就是 N 份没花 N 倍成本的原因。

怎么让 N 个真的不同（不是一个味道的三个调）

• 别做 3 个随机变体。做 3 个在刻意光谱上各占一端：如 克制↔张扬、硬朗↔柔软、写实↔萌系。
• 案例三案的温度谱：机能硬朗（终端勋章）/ 流体有机（液态报错）/ 可爱萌系（可爱故障）——三个一眼分得清的气质。
• 每个方向用美术总监 §4 视觉推导独立推一遍，得出三个都站得住但明显不同的解（别从一个解改参数）。

打包与交付

• 每个方向起一个记得住的名字（终端勋章/液态报错/可爱故障）——名字本身是交付物，给用户一个词指代它。
• 每个方向一个单文件离线 HTML（提案N+[名字].html），并排可对比；页内注入提案标识（标题/落版/角标）防混淆。
• 可选：出一页方向总览（N 个并排 + 各自一句话定位 + 缩略图），让用户一屏看完做选择。

多 session 并行执行

• N 个方向可并行用多个 session 做（这套案例三案就是三 session 并行产出）→ 协调机制见 yushio-parallel：每个方向 = 一个模块卷；共享的 brief / 命名 / 广告文案是"脊"，不能两个 session 同时改脊。
• 单 session 内也能顺序做 N 个：brief + 管线复用，每个方向换一套设计 DNA 重跑 §3–§4。

§3 12 章骨架 —— 广度与篇幅的引擎

这是本方法论的脊椎。 篇幅和广度不靠灵感堆，靠走完这套固定骨架。三份案例提案的章节顺序高度一致（10-12 章），就是这套骨架的证据。

编号 00 是封面、01–12 是 12 章（下文统称"12 章骨架"）。按必要性分两组：

• 必做：封面 00 + 7 章（01/03/05/06/08/09/12） —— 任何 VI 的下限
• 条件增补 5 章（02/04/07/10/11） —— 按品牌类型选配

下面每章给出：目的 / 必须包含 / 深度红线（做到这个深度才算合格）/ 反例（浅了的样子）。

【00】封面 / Hero · 必做

• 目的：第一眼定调，让人知道这是谁、什么气质。
• 必须包含：主 logo（最大尺寸首秀）+ 一句话品牌定位 + 命名并置（中英）+ 版本/日期/署名 meta。
• 深度红线：logo 要有入场仪式感（开机动画 / 视觉锤的动态预演）。封面是唯一允许"炫技"的地方。
• 反例：居中放个 logo + "Brand Guidelines" 字样 = AI slop 模板。

【01】品牌内核 / Soul · 必做

• 目的：讲清楚"为什么存在"，建立情感地基。VI 的灵魂在这章，后面所有视觉都是它的投影。
• 必须包含：核心故事（一个具体场景，不是抽象描述）+ 核心矛盾（表面 vs 内里的对照）+ 人格试金石（3 个形容词，后续每个设计决策的检验标准）。
• 深度红线：要有一个金句（punch line）和一个"对照结构"（案例用"表面：累/崩溃 ⇄ 内里：疯狂/热爱"双栏）。让人记住一句话。
• 反例：罗列产品功能。内核讲的是"为什么在乎"，不是"能干什么"。

【02】设计理念 / Concept · 条件（理念驱动型品牌）

• 目的：架起"灵魂 → 视觉"的桥。把抽象气质翻译成视觉哲学。
• 必须包含：3-4 条设计原则（每条：原则名 + 一句解释 + 为什么）+ 视觉锤的首次正式定义。
• 深度红线：每条原则要能反推出后面的具体选择。"克制用色"这条原则，要在色彩章兑现成"红只占 8%"。
• 简单品牌可并入【01】或【03】，不强行独立。

【03】标志系统 / Logomark · 必做（VI 的心脏）

• 目的：交付 logo 的完整工程，不只是"一个图"。
• 必须包含（缺一不可）：
  1. 主标解剖（anatomy）：把 logo 拆成 A/B/C 几个部件，每个标注"是什么 + 为什么这样设计"。这是专业 VI 和业余的最大分界。
  2. 全版本矩阵：主标 / 反白 / 单色（刺绣钢印用）/ 副版本（如冒烟版）/ 故障版 / 极简图标（App/头像）。
  3. 禁用示例：实际渲染出"错误用法"（挤压/改色/加投影/旋转）打叉。
  4. 构造网格 / 安全区：留白规范。
• 深度红线：anatomy 至少 3 条带"为什么"的标注 + 至少 5 个版本 + 至少 4 个禁用示例。
• 反例：放一个 logo + 三句"简约现代大气"。

【04】中文字标 / Wordmark · 条件（双语/中文品牌必做）

• 目的：中文字标是中文品牌的半张脸，且是 AI 最容易翻车的地方——必须定制，不能打字。
• 必须包含：定制字形（基于某专业字体骨架做品牌手术）+ 手术细节说明（改了哪、为什么）+ 中英组合锁定版 + 命名体系表（主名/视觉名/法定名/社群名/吉祥物名各自的使用场景）。
• 深度红线：字标要有视觉锤的转译（案例的中文字标把视觉锤做进了字形结构："口"字旁 = "填满的容器"、字母 I 的脚 = "溢出"）。
• 铁律：中文字标永远用真字体轮廓 + 矢量手术生成（见 §4.2），永不用 AI 生图（AI 中文字标 100% 出错字/假字）。

【05】色彩系统 / Color · 必做

• 目的：定义品牌的情绪温度 + 用色纪律。
• 必须包含：主/辅/强调色（带 HEX + RGB + 用途）+ 视觉重量比例（如 60-30-10，是注意力分配不是面积）+ 用色纪律（什么时候用强调色、什么色永不同框）+ 对比度/无障碍说明。
• 深度红线：要有纪律条款而不只是色卡。"红只在一个焦点出现""绿只活在终端语境""永不纯黑纯白"——这些 rule 才是专业度。配 swatch 实物展示。
• 反例：五个色块 + HEX 值，没有任何使用规则。

【06】字体系统 / Typography · 必做

• 目的：定字体家族 + 层级规范。
• 必须包含：中文字体（标题/正文分工）+ 英文/数字字体 + 各自的角色与禁区 + 层级 demo（H1/H2/Body/Caption 实际排出来）+ 字重规范。全部标注开源可商用状态。
• 深度红线：要有"分工逻辑"——"展示体只喊口号，系统黑体负责长文阅读"。字体选择要呼应气质（等宽=终端感，斜体=速度感）。
• 反例：Inter / Roboto 当正文（美术总监 §3.2 隐形默认字体 = AI slop 指纹）。

【07】吉祥物 / Mascot · 条件（IP 型品牌必做）

• 目的：吉祥物是传播命脉（人记不住名字，但会转发一个表情包）。
• 必须包含：基础形象设定（身份 + 核心特征清单）+ 标准姿态 + 表情矩阵（建议 12 个，是破圈主力） + 性格人设（怎么动、怎么表情）+ 红线（什么永不变）。
• 深度红线：表情矩阵要覆盖完整情绪循环（案例：丧→摸→燃→爆→瘫→复活），每个表情"不靠文字也看得懂"。吉祥物的眼睛/特征要和 logo 同源（如吉祥物双眼呼应 logo 里的圆形符号）。
• 多方案提案：如果方向有岔路（写实 vs 萌系），做两个大版本并行提案让用户选，别自己拍（如做 A 机体 / B 烟雾双版本）。

【08】图形语言 / Graphic Language · 必做（决定 VI 是活系统还是死 logo）

• 目的：交付 logo 之外的"可延展视觉资产"。这章撑起 §1 的第二层。
• 必须包含：视觉锤的独立资产化（如溢出进度条）+ 辅助图形（纹样/警告条/终端框）+ 系统化图形（等级徽章/图标族/状态系统）。
• 深度红线：要有一套"能自我繁殖"的图形逻辑。案例的社群 5 级占用率徽章（待机→预热→满载→过热→爆表）就是图形语言成系统的证据。
• 反例：只有 logo，没有任何辅助图形——这样的 VI 一旦离开 logo 就认不出。

【09】应用系统 / Mockups · 必做（提案可信度的来源）

• 目的：证明 VI 能在真实世界成立。这章是说服力的 60%。
• 必须包含：15-18 张高质量样机，覆盖五类触点：
  • 招牌/门头（线下识别）· 服装（卫衣/T恤正反）· 周边（徽章/公仔/贴纸/挂件）· 实物（杯/帽/键帽/工牌/手机壳）· 数字/线下大场景（地铁灯箱/海报墙/快闪店）
• 深度红线：样机必须高级不廉价，logo/吉祥物在样机上必须是真的品牌资产（不是 AI 重绘的山寨版，见 §4.3 锚定）。每张配场景说明。
• 没有图像生成 API 时本章不缺席，但要提示用户：走 §4.6 降级阶梯——最低能用纯 SVG 扁平矢量样机交付（Stripe/Linear 同款，logo 保真），但拟真说服力比照片级降一档，必须让用户知情选择（见 §4.6 ⚠ 红线，别闷头交打折稿）。
• 反例：白底摆个印了 logo 的 T 恤平面图 = 廉价（扁平 ≠ 廉价，区别在有没有设计过构图/质感/场景）。

【10】创意广告 / Campaign · 条件（传播驱动型品牌）

• 目的：证明品牌有"内容延展力"，给市场团队弹药。
• 必须包含：4-6 支广告概念（每支：标题 + 它传递 IP 的哪一面 + 分镜/文案 + 落版 slogan）+ slogan 矩阵（金句墙）。
• 深度红线：每支广告只讲一面（内核/形象/身份/结果/人群/语感），合起来是完整品牌宇宙。slogan 要有"调性密度"（如："跑满，才有意义。"）。

【11】营销传播 / Marketing · 条件（传播驱动型品牌）

• 目的：把 VI 落到可执行的传播打法。
• 必须包含：分众话术（同一形象，不同人群不同一句话）+ 社群体系（等级/权益）+ 实际物料（小红书封面/课程海报等，SVG 手排零错字，见 §4.4）。
• 深度红线：话术要真的分众（对小白/打工人/创作者/烧钱党各一句），不是一句话改改主语。

【12】速查 / 落版 / One-pager · 必做

• 目的：一页纸记住整个 IP，贴在工位上的版本。
• 必须包含：名字 / 吉祥物 / 内核 / 视觉锤 / 配色 / 字体 / 气质 / 一句话，全部浓缩 + 最终 logo 锁定版 + 制作 credit。
• 深度红线：要能脱离前面 11 章独立看懂。这是给"没时间看全本的老板"准备的。

§3.x 骨架的伸缩

• 必做（封面 00 + 7 章 01/03/05/06/08/09/12） 是任何 VI 的下限——B2B SaaS、个人品牌、产品线都要有。
• 条件 5 章（02/04/07/10/11）按品牌类型增补：IP/吉祥物型品牌全开；工具型品牌可省吉祥物和广告；纯英文品牌省中文字标。
• 章数不是越多越好，是"该有的不能缺"。 一份 VI 缺了图形语言（08）或应用（09），无论多少章都是残的。

§4 工艺链 —— 质量与"不像 AI 做的"的来源

篇幅靠骨架，质感靠工艺。这几条管线（§4.1–4.5）+ 降级阶梯（§4.6）是让 VI 看起来"专业工作室出品"而非"AI 随手生成"的关键。完整可复用脚本骨架见 reference/pipeline-scripts.md。