关于 logo-design
logo-design 是引导品牌从设计简报走向标志规范的设计技能,适用于需要规划品牌视觉的团队。它涵盖概念方向、方案调整、标志变体及屏幕和印刷场景的使用说明。
主要功能
- 01收集品牌背景与设计约束
- 02提出不同的概念方向
- 03调整选定的设计方案
- 04规划标志格式与变体
- 05编写品牌使用指南
适用场景
- 01为新品牌整理标志设计简报
- 02为数字与印刷场景准备标志变体
- 03记录标志的一致使用规则
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ seb1n/ awesome-ai-agent-skills --skill logo-design安装后在 Claude Code 中输入/logo-design确认已加载。
详细介绍
Logo 设计
此技能可引导 Agent 完成完整的 Logo 设计流程,从创意简报到最终交付物。Agent 会生成设计规范,涵盖符号概念、配色方案、字体选择和文件格式要求。它会运用简洁、可缩放、易记忆和用途广泛等核心设计原则,确保 Logo 适用于数字屏幕、印刷品、网站图标和社交平台头像。
工作流
-
收集品牌背景信息:了解品牌名称、所属行业、目标受众、竞争对手和品牌个性特征(例如“现代且亲切”或“奢华且独特”)。询问是否有必须纳入设计的现有品牌颜色、字体或视觉素材。确定 Logo 主要的使用场景——网站、移动应用、包装、标牌等,因为这会影响格式和可缩放性要求。
-
制定设计简报:将收集到的信息整理为结构化的设计简报,包含品牌价值观、视觉方向关键词、颜色偏好和强制约束。明确所需的 Logo 类型:图标/符号标志、文字标志(字标)、组合标志,以及网站图标/应用图标。提前列出所需文件格式和尺寸,确保交付内容明确。
-
生成概念方向:提出 2-3 个各不相同的概念方向,并分别说明其如何体现品牌。针对每个方向,描述符号或字形处理方式、配色方案(主色、次色、强调色及十六进制代码)和推荐的字体搭配。解释每个概念背后的视觉隐喻或设计逻辑。
-
完善选定概念:用户选定方向后,围绕该方向迭代。调整比例、字距、图标笔画粗细和色彩平衡。在多种尺寸下测试设计——16x16 的网站图标、48x48 的应用图标、200px 的网页页眉,以及大幅面印刷版本——确认在各种尺寸下都清晰易辨且视觉效果出色。
-
制作最终交付物:输出完整的文件规范:SVG(矢量母版)、512x512、256x256、128x128 和 64x64 的 PNG,以及 16x16 和 32x32 的 ICO 网站图标。提供浅色背景和深色背景版本、单色版本,以及最小尺寸指南。附上一页品牌标志使用指南,涵盖留白、安全最小尺寸和颜色放置规则。
-
编写品牌指南:提供简明的风格参考,列出准确的十六进制/RGB/HSL 颜色值、字体名称和字重、Logo 安全区域(留白等于某个关键字母的高度),以及明确的错误用法示例(拉伸、使用配色方案以外的颜色、放置在杂乱背景上)。
使用方法
向 Agent 提供品牌名称、业务或产品描述、目标受众和任何视觉偏好。Agent 会引导你完成上述工作流,并生成设计简报、概念选项,以及列出所有交付物的最终规范文档。
示例
示例 1:科技初创公司 Logo 设计简报与规范
用户请求:“为名为 ‘NovaByte’ 的云基础设施初创公司设计一个 Logo,该公司面向企业 DevOps 团队。我们希望它现代、具有科技感且值得信赖。目前没有指定颜色。”
Agent 回复:
设计简报 — NovaByte
- 品牌个性:技术精准、可靠、面向未来的创新
- 受众:企业 DevOps 工程师和 CTO
- 竞争对手:AWS、Vercel、Cloudflare — 简洁、几何化的标志
概念 A — 轨道节点 一个六边形节点与三条轨道路径构成抽象的 “N”。传达分布式系统和连接性。
- 主色:
#0A2540(深海军蓝)/次色:#00D4AA(亮青绿色)/点缀色:#F5F7FA(云白色) - 字体:字标使用 Inter Bold,标语使用 Inter Regular
- 风格:几何、简约、扁平
概念 B — 字节堆叠 三个堆叠的平行四边形构成向上的箭头,代表分层基础设施和增长。
- 主色:
#1A1A2E(午夜蓝)/次色:#6C63FF(亮靛蓝)/点缀色:#E0E7FF(柔和薰衣草色) - 字体:字标使用 Space Grotesk Bold
交付物规范:
| 格式 | 尺寸 | 变体 |
|---|---|---|
| SVG | 矢量主文件 | 全彩、单色、反白 |
| PNG | 512、256、128、64 px | 浅色背景、深色背景 |
| ICO | 32x32、16x16 | 网站图标 |
最小尺寸:图标标志不得小于 24px。字标宽度不得小于 80px。 留白空间:四周留白应等于 “Nova” 中 “o” 的高度。
示例 2:现有品牌的 Logo 变体
用户请求:“我们有 ‘GreenLeaf Organics’ 的主 Logo(圆圈内有一片叶子,旁边是公司名称)。请生成一套适用于所有使用场景的完整变体。”
Agent 回复:
GreenLeaf Organics — Logo 变体集
- 主组合标志:完整的圆圈叶片图标 + 右侧的 “GreenLeaf Organics” 字标。用于网站页眉、名片和信笺。
- 上下组合标志:图标位于字标上方居中。用于社交媒体个人资料、标牌和包装标签等垂直空间充足的场景。
- 纯图标标志:不含文字的圆圈叶片符号。用于小于 48px 的尺寸、应用图标和水印。确保图标在 32x32 时不带字标也能识别。
- 纯字标:“GreenLeaf Organics” 使用品牌字体,不含图标。用于电子邮件签名、页脚文字和文档中的行内引用。
- 网站图标:简化的叶片轮廓(无圆圈),针对 16x16 和 32x32 优化。移除在小尺寸下会消失的细节。
- 单色版本:以上所有标志均提供纯黑和纯白版本,适用于单色印刷、压印和雕刻。
每种变体的文件交付物:SVG 矢量文件、PNG @1x 和 @2x;网站图标另提供一个 ICO 文件,其中包含 16x16 和 32x32 两种尺寸。
最佳实践
- 优先针对最小尺寸进行设计:如果 Logo 在 16x16 网站图标中无法辨认,就说明它过于复杂。简化图标,直到它在极小尺寸下清晰可辨,然后再放大。
- 将调色板限制在 2-3 种颜色:颜色越少,越容易识别、印刷成本越低,单色版本也越协调。
- 选择与图标粗细相匹配的字体:厚重的几何图标搭配极细的衬线字体会产生视觉冲突。确保符号和字标的笔画粗细相匹配。
- 始终提供反白(浅色图案置于深色背景)版本:Logo 经常出现在深色背景上——主视觉区域、深色模式 UI、周边商品等。反白变体不可或缺。
- 与竞争对手并排测试:将拟定的 Logo 与 3-4 个竞争对手的 Logo 以相同尺寸并排放置。仅凭轮廓就应能立即区分。
- 避免生命周期短的潮流设计:渐变、投影和过于精细的插画很快就会过时。扁平的几何标志和简洁的字标经久耐看。
边缘情况
- 品牌名称很长:对于超过 20 个字符的名称,应优先采用醒目的图标标记,并缩写或将文字标志分行排列。提供一个简短版本(首字母或缩略词),以便在空间受限时使用。
- Logo 必须适用于繁杂的摄影背景:提供一个带有低调镂空底形的版本(在标记后添加纯色胶囊形或圆形背景),确保 Logo 在各种图像上都清晰可辨。
- 客户完全没有颜色偏好:默认采用中性色调(海军蓝/炭灰色 + 一种强调色),并提供 2-3 种强调色选项。避免默认使用蓝色——它在科技领域已被过度使用。
- Logo 将用于刺绣或雕刻:提供简化版本,不使用渐变,成品尺寸下笔画不得细于 1mm,字母高度至少为 3mm。
- 多个子品牌需要保持视觉统一:建立一套主图标系统,让每个子品牌使用相同的结构网格和字体,但通过颜色或图标细节加以区分。