色彩与字体决定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 也能产出经得起 16px 与招牌放大考验的Logo。本文将带你快速读懂它的色彩与排版两大核心规则。为什么色彩与字体是Logo的生死线logo-design-skill 的核心理念是先有形状再谈颜色。规则文档 SKILL.md 明确指出Logo 是识别符号而非解释器必须在单色、反白、刺绣等极端场景下依然成立。而真正拉开差距的正是色彩与字体这两个第二记忆钩子形状负责被认出色彩负责被记住、被拥有比如某一种标志性品牌色字体是文字的图片字母形状在文字被读出之前就先传递出态度、行业与气质。这两份规则文档是全文档体系中最可落地的部分色彩规则skills/logo-design/references/color.md排版规则skills/logo-design/references/typography.md色彩规则先黑白后彩色第一步永远是灰度设计color.md 给出的操作顺序非常反直觉但极其关键用纯黑设计——只靠颜色才成立的图形还不算Logo概念阶段用灰度展示——让反馈聚焦于想法而不是我不喜欢这个颜色方向确定后再选色——先研究竞品色板除非有战略理由刻意避开它们的颜色规范所有版本——全彩、单色、黑色、反白、品牌色底五种版本缺一不可。下面的概念图就是典型的灰度先行阶段三个方案全部以黑白呈现尺寸阶梯64/32/16px同步验证小尺寸可读性。颜色数量数据说话这是新手最常犯的错——颜色用得太多。规则基于技能自带的1,400 真实Logo参考库assets/library/gallery.html 可本地浏览给出了统计结论指标数据1~2 色的Logo占比≈ 58%≤3 色的Logo占比≈ 75%单色独立图标占比≈ 47%蓝色主导的Logo占比≈ 22%科技圈是保护色渐变的使用率仅 ≈ 19%推论很直接在科技行业蓝色等于隐身。一个非蓝的签名色暖橙、青绿、品红就是低成本的差异化机会若必须用蓝则通过色相偏移群青、青蓝、长春花蓝拉开距离。和谐、对比与无障碍和谐系统是生成器不是公式互补色红绿、蓝橙冲击强可微调色相避免直白邻近色需靠明度差保持可读多数配色问题是明度问题两个相近亮度的颜色在灰度或色盲视角下会糊在一起——规则要求始终检查灰度版本对比度底线Logo 内的文字含标语对背景至少3:1正文级文字 4.5:1落地四件套每个品牌色都要规范 HEX、RGB、CMYK、Pantone 四套数值霓虹色在 CMYK 下会明显变灰签名色必须打样验证。最终选定的方向上完色后就是下面这种色彩在真实物料中的预览暖橙墨黑的双色系统在纸杯、包装、名片、招牌上全部一致可复现。字体规则从字体研究到定制字母字体研究先试 20~40 款再挑 3~5 款typography.md 推荐的字体研究流程是字体选型的正确打开方式把品牌名用20~40 款候选字体、大/小/首字母大写三种写法全部排一遍评判标准不是单字母而是字母组合的形状节奏、小尺寸可读性短名单中找机会点有趣的字母对、可藏形状的字腔、能变成符号的字母、重复字母的节奏最后才动手定制。字体分类决定品牌语气每一类字体都有声音选错类别等于品牌气质跑偏字体类别典型语气人文/老式衬线文学感、传统、温暖、可信赖现代/Didone 衬线时尚、奢华、戏剧性小尺寸脆弱板状衬线Slab稳重、工业、复古几何无衬线现代、干净、科技、乐观圆体无衬线俏皮、温和、年轻化手写/脚本体个人化、手工感库数据同样印证几何无衬线占 49%是科技圈的默认值——衬线、板状衬线或真正定制的字标反而更出挑。粗体显得自信细体显得优雅小写亲切大写纪念碑感。下面的奢侈品案例就是教科书级的 Didone 衬线应用高粗细对比的 M·O 字母组合在酒红色系统里传递低调的自信字体本身就完成了品牌叙事。四级定制让你的名字无法被输入这是新手最容易忽略、却最能保护品牌资产的一步。未修改的商用字体任何人都能打出来——包括竞品。规则给出从浅到深的四级定制收紧现有字体的字距与 kerning改几个字母独特的 a、g、R、切角收尾、替换的圆点按统一逻辑重绘整词共享圆角、笔画对比、收尾角度从零绘制基于方格网格或把符号的曲率应用到文字上。注意两个红线字母变形越远过时越快、越难读符号特征要呼应而非复制到文字里一个圆角、一个切角足矣。排版工艺字距是光学的不是数值的这部分是好与伟大的分水岭规则清单值得逐条对照等面积不等距离O、C 等圆字要比 H、I 更靠近邻居A、V 等斜字需要专门 kerning按使用尺寸调字距书封标题的字距放到Logo尺度会显得松散超切圆形字母需略高出基线/字高 1~3% 才看起来一样高横细竖粗水平笔画比垂直笔画略细才视觉等粗笔画交汇处要减细组合锁lockup一旦锁定尺寸与间距永久固定符号与字标的间距应取自标志本身如字干宽度、x 高度才能在任何尺度下一致缩放最终交付必须转曲为路径SVG 里不能保留text。字体与符号的比例、上下标对齐通常对准 x 高度而非几何中心、标语在小尺寸下直接舍弃……这些意识不到但都看得到的细节正是规则反复强调的 craft。如何把这些规则跑起来工具链logo-design-skill 不只是文档还配了全套无依赖 Python 脚本规则→检验闭环脚本用途scripts/search_library.py按--color、--type-style等从1,400库中检索参考--summary直接输出类别惯例scripts/svg_audit.py审计颜色数、锚点数、渐变并与库复杂度基线对比scripts/preview_sheet.py生成16px像素测试、单色、反白、模糊眯眼、货架测试页scripts/concept_sheet.py一键生成灰度概念总览图含尺寸阶梯比如一条命令就能验证你的配色是否撞车python3 scripts/search_library.py --color blue --industry finance --summary最后用 templates/brand-guidelines-template.md 输出规范文档色值四件套、最小尺寸、禁用组合——这正是上面每个案例交付物里的内容。总结把手感变成规则把全文浓缩成一张可自查清单✅ 黑白设计先行灰度展示概念方向定了再上色✅ 颜色 ≤2 个起步签名色避开行业保护色科技圈躲开蓝✅ 每个颜色规范 HEX / RGB / CMYK / Pantone单色版本必须成立✅ Logo 内文字对比度 ≥ 3:1别只用颜色编码含义✅ 先做 20~40 款字体研究按类别语气而非今年流行选型✅ 至少做一级定制字距或改字母让名字无法被直接打出✅ 字距看光学面积、按使用尺寸校准交付前转曲。色彩与字体不是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创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考