品牌资产协议：让 AI 精准读懂你的品牌
背景：2026年4月，一个真实的返工教训。做 DJI Pocket 4 发布动画时，AI 凭记忆猜了「大疆应该是橙色」，实际是#000000黑色。生成出来的是「通用黑底+橙accent的科技动画」，没有大疆识别度。花叔的原话：「否则，我们在表达什么呢？」
品牌资产协议的诞生
品牌资产协议不是「设计规范」，它是让 AI 做对品牌设计的执行规则。
核心洞察是：做品牌设计时，AI 的第一反应是「猜」——猜品牌色、猜 logo 位置、猜产品长什么样。猜对了能用，猜错了返工。而猜错的概率远高于猜对的概率。
品牌资产协议是来解决这个问题的：不要猜，要找。要找到真实资产，用真实资产。
资产的识别度优先级
不是所有品牌元素都一样重要。协议按识别度排序：
| 资产类型 | 识别度贡献 | 必需性 |
|---|---|---|
| Logo | 最高 · 任何品牌出现 logo 就一眼识别 | 任何品牌都必须有 |
| 产品图/产品渲染图 | 极高 · 实体产品的「主角」就是产品本身 | 实体产品必备 |
| UI 截图/界面素材 | 极高 · 数字产品的「主角」是它的界面 | 数字产品必备 |
| 色值 | 中 · 辅助识别，脱离前三项时经常撞衫 | 辅助 |
| 字体 | 低 · 需配合前述才能建立识别 | 辅助 |
| 气质关键词 | 低 · agent 自检用 | 辅助 |
翻译成执行规则：
- 只抽色值 + 字体、不找 logo / 产品图 → 违反协议
- 用 CSS 剪影/SVG 手画替代真实产品图 → 违反协议
- 找不到资产不告诉用户，硬做 → 违反协议
5 步硬流程
Step 1：问（资产清单一次问全）
不要问「你有 brand guidelines 吗」——太宽泛，用户不知道该给什么。按清单逐项问：
关于这个品牌，你手上有以下哪些资料？
1. Logo（SVG / 高清 PNG）—— 任何品牌必备
2. 产品图 / 官方渲染图 —— 实体产品必备
3. UI 截图 / 界面素材 —— 数字产品必备
4. 色值清单（HEX / RGB / 品牌色盘）
5. 字体清单（Display / Body）
6. Brand guidelines PDF / Figma design system / 品牌官网链接
有的直接发我，没有的我去搜/抓/生成。
Step 2：搜官方渠道
| 资产 | 搜索路径 |
|---|---|
| Logo | <brand>.com/brand · <brand>.com/press · 官网 header 的 inline SVG |
| 产品图 | 官方产品页 hero image · 官方 press kit · YouTube 官方视频截帧 |
| UI 截图 | App Store / Google Play 产品页 · 官网 screenshots section |
| 色值 | 官网 inline CSS · Tailwind config · brand guidelines PDF |
Step 3：下载资产（3 条兜底路径）
以 Logo 为例：
-
独立 SVG/PNG 文件（最理想）：
curl -o assets/<brand>-brand/logo.svg https://<brand>.com/logo.svg -
官网 HTML 全文提取 inline SVG（80% 场景）：
curl -A "Mozilla/5.0" -L https://<brand>.com -o assets/<brand>-brand/homepage.html # 然后 grep <svg>...</svg> 提取 logo 节点 -
官方社交媒体 avatar（最后手段）：GitHub/Twitter/LinkedIn 公司头像
「5-10-2-8」素材质量门槛：
- 搜索 5 轮，找到 10 个候选
- 从中精选 2 个作为最终素材
- 每个 8/10 分以上，宁可少，不要凑数
Step 4：验证 + 提取
| 资产 | 验证动作 |
|---|---|
| Logo | 文件存在 + SVG/PNG 可打开 + 至少两个版本（深底/浅底）+ 透明背景 |
| 产品图 | 至少一张 2000px+ 分辨率 + 去背或干净背景 |
| UI 截图 | 分辨率真实（1x/2x）+ 是最新版本 + 无用户数据污染 |
| 色值 | grep -hoE '#([0-9A-Fa-f]{6})' assets/<brand>-brand/*.{svg,html,css} |
Step 5：固化为 brand-spec.md
# DJI · Brand Spec
> 采集日期：2026-04-20
> 资产来源：dji.com/brand · press.dji.com/press-kit
> 资产完整度：完整
## 核心资产
### Logo
- 主版本：`assets/dji-brand/logo.svg`
- 浅底反色版：`assets/dji-brand/logo-white.svg`
- 使用场景：片头/片尾/角落水印
### 产品图
- 主视角：`assets/dji-brand/pocket4-hero.png`（2000×1500）
- 场景图：`assets/dji-brand/pocket4-scene.png`
## 辅助资产
### 色板
- Primary: #000000
- Accent: #FFD043（暖金，非橙色）
- Background: #1A1A1A
### 字体
- Display: DIN Alternate / Bebas Neue
- Body: SF Pro Text
### 禁区
- 不用橙色（撞车 DJI 橙色错觉）
真实踩过的坑
坑 1：Kimi 动画猜错色
发生了什么： 凭记忆猜 Kimi 应该是橙色，实际 Kimi 是 #1783FF 蓝色。
后果： 返工一遍，重新做。
教训： 「我记得好像是...」是所有返工里最贵的一句话。
坑 2：Lovart 设计混淆品牌色
发生了什么： 把产品截图里演示品牌的喜茶红，当成了 Lovart 自己的色值。
后果： 差点毁了整个设计。
教训： 产品截图里的第三方品牌色不是你的品牌色。
坑 3：DJI Pocket 4 发布动画用 CSS 剪影代替产品
发生了什么： 没下载 DJI logo、没找 Pocket 4 产品图，用 CSS 剪影代替产品。
后果： 生成出来是「通用黑底+橙accent的科技动画」，没有任何大疆识别度。
教训： 品牌的本质是「它被认出来」。CSS 剪影等于没有品牌。
协议代价 vs 不做代价
| 场景 | 时间 |
|---|---|
| 正确走完协议 | 30 分钟（下载 logo 5min + 下载产品图 10min + grep 色值 5min + 写 spec 10min） |
| 不做协议的代价 | 返工 1–2 小时 |
30 分钟的资产协议，是稳定性的投资。尤其是商单/发布会/重要客户项目，30 分钟是保命钱。
核心心得
品牌资产协议解决的不是「怎么做设计」的问题，而是**「怎么让 AI 知道它在做谁的设计」的问题**。
AI 不认识 DJI，不认识 Lovart，不认识任何品牌。它只知道「科技感」是紫渐变、「温暖」是橙色。
品牌资产协议是把「这是 DJI」翻译成「这是 #000000 + 暖金 + DIN 字体 + Pocket 4 真机图」的规则。
有了这个翻译，AI 才能做对。没有这个翻译，AI 就只能盲猜。
截图清单
当前文章价值9.11元，扫一扫支付后添加微信提供帮助！（如不能解决您的问题，可以申请退款）
评论已关闭！