/yushio-vi

name: yushio-vi
description: "Triggers — CN: 做一套VI · 做个VI · 品牌视觉识别 · VI提案 · VI设计 · 视觉识别系统 · 品牌画册 · brand book · 做品牌形象 · logo+吉祥物+周边整套 | EN: build a VI · brand identity system · VI proposal · brand guidelines · brand book · full visual identity | JA: VIを作る · ブランドアイデンティティ | KO: VI 제작 · 브랜드 아이덴티티 | ES: sistema de identidad visual · manual de marca | FR: identité visuelle · charte graphique | DE: Corporate Design · Markenidentität. Also when a request implies producing a COMPLETE visual identity deck (logo + wordmark + color + type + mascot + graphic language + mockups + campaign) rather than a single asset. Establishes the VI production playbook — the executable procedure that turns a brand brief into a magazine-grade, full-breadth VI proposal. Layers ON TOP of yushio-art-director (which supplies the design judgment). SKILL body is in Chinese; methodology is language-agnostic — respond to the user in their language. Portable across brand types and tech stacks."
user_invocable: false

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 份提案讲同一个品牌故事、打同一群人、用同一套广告概念——**只在"视觉怎么表达"上分叉**。

| 共享（所有方向一致） | 分叉（每个方向不同） | |---|---| | Brief / 品牌内核(01) / 命名体系 | 视觉锤的**材质化**（像素块/液滴/溶解） | | 目标人群 / 定位 / 差异化 | 配色