从一个Logo到完整品牌识别系统：logo-design-skill身份系统扩展完全指南-港品优选

从一个Logo到完整品牌识别系统：logo-design-skill身份系统扩展完全指南

【免费下载链接】logo-design-skillA comprehensive logo-design skill for Claude, Gemini CLI, Codex and other AI agents: principles, process, SVG craft, testing tools and a 1,400+ logo reference library.项目地址: https://gitcode.com/gh_mirrors/lo/logo-design-skill

很多团队花了一周设计出一个漂亮的 Logo，结果一落地就"翻车"：印在杯子上的颜色不对，缩到浏览器标签页里糊成一团，官网、名片、包装各长各样。logo-design-skill是一个为 Claude、Gemini CLI、Codex 等 AI Agent 打造的开源 Logo 设计与品牌识别技能，它不仅帮你画出一个专业的 Logo，更能沿着"品牌识别系统"这条主线，一路扩展到配色规范、子品牌架构、动态身份、图案语言、品牌指南手册——这正是它的核心能力。

上图是技能内置的 28 个虚构品牌案例总览：每一个都走完"需求简报 → 调研 → 3 个概念 → 16px 测试 → 确认节点"的完整流程。本文将聚焦其中最常被忽略的一环——从 Logo 到完整品牌识别系统的扩展。

为什么"只有一个 Logo"不够：系统五原则

在 references/identity-system.md 中，技能开宗明义：

Logo 是地基，身份系统是建立其上的框架。受众永远不会在真空中遇到你的 Logo——它永远出现在卡片、车身、屏幕、建筑上，和摄影、文字放在一起。

系统设计的 5 条原则，新手也能秒懂：

原则	一句话解释
🎯 概念一致性	每个元素都在向受众"指认"同一个组织，但一致 ≠ 呆板
💬 信息清晰	所有元素服务 Logo 与预期印象，谁也不许抢戏
🌱 衍生而非复制	系统从标志中"长出来"（角度、圆角、颜色、碎片），而不是重复它
🤝 为用户而设	想清楚谁会用这套系统（设计师、印刷厂、加盟商、开发），让他们在约束内自由发挥
🧩 灵活抗造	预留足够变量保持新鲜感，同时做到"被误用也不出戏"

"部件套装"清单：一份身份系统该有什么

技能把交付物拆成一张 checklist（见 identity-system.md §2），你可以直接当验收表用：

Logo 与变体：横版 / 竖版 / 纯符号 / 纯字标，外加小尺寸简化版和刺绣等单色版
色彩系统：主色 + 备选色、黑白用法、可否反白、精确的 HEX/RGB/CMYK/Pantone 值
字体系统：主/辅字体家族、字重、网页与 App 回退方案
标语与修饰文案：主标语、替代标语、与 Logo 的尺寸比例、™/® 规范
影像风格：摄影/插画调性、与 Logo 的比例和距离
容器形状与图形装置：Logo 是否放进形状里？形状能否承载其他内容？
图案、图标、纹理：基于 Logo 几何构建的图标集
动态与声音：Logo 如何入场、定格、退场，以及声音标识
品牌声音：文案调性——不是视觉，但属于识别的一部分

好消息是，这套"部件套装"里的大部分工作技能已经工具化了：

scripts/presentation_board.py —— 自动生成带行业专属样机的客户提案板（咖啡店是杯子和纸袋，开发工具是 README 和终端）
scripts/export_variants.py —— 一键导出黑白版、单色版、方版、favicon、App 图标和完整 Web 图标集
scripts/concept_sheet.py —— 生成概念总览图，含真实的 64/32/16 px 尺寸
templates/presentation-spec.example.json —— 提案板配置样例，复制改两个字段就能用

子品牌规划：三种品牌屋架构

当你有多个产品时，技能给出了三种经典架构（identity-system.md §3）：

品牌屋（Branded House）：一个母标志，子品牌靠描述文字、颜色或统一修饰符区分。权益传递最强，灵活性最低。
背书品牌（Endorsed Brand）：每个子品牌有独立标志，但与母品牌保持可见联系（如"by 母品牌"），或共享结构元素（外框、字体、图标网格）。
多品牌屋（House of Brands）：子品牌完全独立，母品牌对消费者隐形。

两条实操要点值得记住：

先做战略再做设计——如果挂靠母品牌会让产品定位受损，那是战略问题，不是画图问题；
一次只变一个维度——同一套重复元素（字体、符号比例、间距规则）必须完全一致，只允许变化颜色或图标或描述词其中之一。

静态还是动态：5 种动态身份模式

屏幕时代的 Logo 不再"不可触碰"——有人会把它转起来，不如由你自己定义怎么转。技能列出 5 种动态身份模式：

固定框架 + 变化内容：容器/网格不变，图片、颜色、图案在里面换
固定字标 + 变化符号：字母和颜色恒定，配套图形按场景变换
批准集合：从 12 种批准色里挑一方色块 + 12 种批准字体，用户在集合内自由组合
生成式：一条规则（数据、日期、位置、用户输入）自动产出变体
多标志、一个声音：用多个低调标志服务厌倦大声品牌的成熟受众，识别感来自一致的态度

核心约束：无论怎么变，至少保留两个锚点（如"字标字体 + 主色"，或"外框 + 位置"），且运动本身必须强化概念，为动而动只会稀释品牌。

图案与图形装置：Logo 之外最重要的资产

图案常常是仅次于 Logo 的第二重要品牌资产。

它必须能"从名片用到机身、从招牌用到室内"。技能给出的构建路径是：

优先从标志中取料——一个碎片、构建网格、关键角度
标志给不出东西时——另起一套与 Logo 同级（或刻意反差）的视觉语言
网格决定性格——方形（通用）、三角、六边、旋转
图形装置（容器、描边、色带、边框）解决杂色背景下的可见性，比例要与 Logo 同步

测试环节也有现成工具：scripts/preview_sheet.py 会生成 HTML 测试表，包含尺寸阶梯、16/32 px 像素测试、单色、反白、眯眼模糊、镜像旋转，以及和竞品并排的"货架测试"。

案例走读：从 Kiln 的 Logo 到咖啡烘焙品牌全貌

看一个真实跑完流程的案例——虚构的伊斯坦布尔精品咖啡烘焙商Kiln。概念阶段，技能给出 3 个方向并附推荐：

推荐方案Kiln K：字母 K 的斜腿就是烘焙炉的拱形炉口，拱形又回到字标的 n 上。在展示之前，scripts/svg_audit.py 已经揪出一个 60.8° 的"近似角"和一个偏心的符号——这些工艺细节正是 AI 画图容易翻车、而这套技能强制补上的地方。

确认方向后，"kit"阶段产出完整的品牌识别展示板，覆盖该行业的 6 个真实触点：

再往后就是 scripts/export_variants.py 导出的 favicon、App 图标、单色版，以及一页纸使用指南——至此，一个"能印、能投屏、能贴车"的品牌识别系统才算成立。

品牌指南：一页纸模板 + 九节标准手册

系统建好后要交给别人用，规范文档就是"交接说明书"。技能提供两个层级：

创业公司一页纸：templates/brand-guidelines-template.md 已内置模板——标志思路、版本、安全区（用 Logo 自身元素定义，随尺寸缩放）、最小尺寸表、色彩代码、批准背景组合、Don'ts 清单、联系人
完整九节手册：见 identity-system.md §7——引言（领导层短信促成内部认同）、Logo 与误用示例、色彩、字体、影像与图案、网格与版式、应用场景（信纸/数字/招牌/车身/制服/包装）、动态与声音、联系人与文件位置

写作原则很实用：用非设计师看得懂的白话，"do" 比 "don't" 多，规则友好一点，误用的代价就低一点。

上线与维护：系统会"腐烂"，除非有人定期体检

最后容易被跳过的一环（identity-system.md §8）：

上线顺序：数字端先上（便宜），招牌车身后置（贵），早期生产要盯印刷与制作
资产管理：母文件只有一个"唯一真相源"，命名清晰，全员可访问
定期审计：上线后按"月度 → 季度 → 年度"节奏检查物料一致性、供应商合规，访谈使用者找摩擦点

技能的原话很扎心：一套从不被复核的系统，一年内就会腐烂。

快速上手：安装与触发方式

整个技能采用开放的Agent Skills格式（一个带SKILL.md的文件夹），支持 Claude、Gemini CLI、Codex、Cursor、GitHub Copilot 等任何支持技能的 Agent。

git clone https://gitcode.com/gh_mirrors/lo/logo-design-skill

然后把skills/logo-design/复制到对应 Agent 的 skills 目录即可（具体路径见 README.md 的 Install 一节）。日常使用不需要敲命令——直接说人话就能触发：

"把我们选定的 Logo 扩展成品牌系统：配色、横竖版锁定、子品牌命名方案、一页纸使用指南。"

技能会依据 SKILL.md 的模式表自动进入System 模式，加载identity-system.md逐节执行；想手动研究工具，直接运行python3 skills/logo-design/scripts/export_variants.py your-logo.svg --web-icons就能产出全套 Web 图标。

小结

一个 Logo 只是品牌的"第一声"，而品牌识别系统是让这声音在所有渠道保持同一个音色。logo-design-skill 把这条路拆成了可执行的阶梯：

✅ 用"部件套装"清单补齐变体、色彩、字体、图案
✅ 用三种品牌屋架构规划子品牌
✅ 用"两个锚点"规则设计动态身份
✅ 用presentation_board.py产出行业场景展示板
✅ 用模板写一页纸指南，并按季度审计维护

从 Logo 到系统，技能负责工艺与纪律，你只需要在概念确认节点做一次选择。🎨

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

企业官网建设流程全解析