从一个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 自身元素定义随尺寸缩放、最小尺寸表、色彩代码、批准背景组合、Donts 清单、联系人完整九节手册见 identity-system.md §7——引言领导层短信促成内部认同、Logo 与误用示例、色彩、字体、影像与图案、网格与版式、应用场景信纸/数字/招牌/车身/制服/包装、动态与声音、联系人与文件位置写作原则很实用用非设计师看得懂的白话do 比 dont 多规则友好一点误用的代价就低一点。上线与维护系统会腐烂除非有人定期体检最后容易被跳过的一环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 到系统技能负责工艺与纪律你只需要在概念确认节点做一次选择。【免费下载链接】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创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考