Install
openclaw skills install @thcjp/logo-design-guide-tool-freeopenclaw skills install @thcjp/logo-design-guide-tool-freeLogo设计指南免费版帮助个人用户掌握AI Logo设计的核心原则与优选实践。工具提供Logo类型识别、提示词编写技巧、可扩展性规则、配色指南与迭代工作流,让用户能够系统化地使用AI图像生成工具创建专业Logo。
本版本面向个人学习者与独立设计师,提供完整的设计原则知识与实用指南。
| 类型 | 描述 | 适用场景 | 示例 |
|---|---|---|---|
| 文字标 | 公司名称作为Logo | 品牌名简短有力(<10字符) | Google、Coca-Cola |
| 字母标 | 仅首字母缩写 | 公司名称较长、偏正式 | IBM、HBO |
| 图形标 | 可识别的图标/符号 | 通用品牌,无需文字即可识别 | Apple、Twitter |
| 抽象标 | 几何/非具象形状 | 科技公司、概念性品牌 | Nike、Pepsi |
| 吉祥物 | 角色插画 | 友好品牌、餐饮/体育 | KFC、Pringles |
| 组合标 | 图标+文字组合 | 新品牌需同时建立识别与名称 | Burger King、Adidas |
输入: 用户提供Logo类型识别所需的指令和必要参数。 处理: 按照skill规范执行Logo类型识别操作,遵循单一意图原则。 输出: 返回Logo类型识别的执行结果,包含操作状态和输出数据。
AI图像生成工具无法可靠渲染文字。 字母会变形、拼错或模糊。
应对策略:
输入: 用户提供AI生成的关键局限所需的指令和必要参数。 处理: 按照skill规范执行AI生成的关键局限操作,遵循单一意图原则。 输出: 返回AI生成的关键局限的执行结果,包含操作状态和输出数据。
有效关键词:
flat vector logo, simple minimal icon, single color silhouette,
geometric logo mark, clean lines, negative space design,
line art logo, flat design icon, minimalist symbol
应避免的关键词:
避免: photorealistic logo (Logo不是照片)
避免: 3D rendered logo (过于复杂,无法缩小)
避免: gradient logo (结果不一致,难以复现)
避免: logo with text "Company Name" (文字渲染会失败)
提示词结构:
flat vector logo of [主题], [风格], [颜色约束], [背景], [附加细节]
输入: 用户提供提示词编写技巧所需的指令和必要参数。 处理: 按照skill规范执行提示词编写技巧操作,遵循单一意图原则。 输出: 返回提示词编写技巧的执行结果,包含操作状态和输出数据。
input_params参数,支持创建/查询/导出操作Logo必须在所有尺寸下都有效:
| 使用场景 | 尺寸 | 必须保证 |
|---|---|---|
| Favicon | 16x16 px | 轮廓可识别 |
| 应用图标 | 1024x1024 px | 全部细节可见 |
| 社交头像 | 400x400 px | 一眼清晰 |
| 名片 | 约1英寸 | 印刷清晰 |
| 广告牌 | 10+英尺 | 无像素化,足够简洁 |
输入: 用户提供可扩展性规则所需的指令和必要参数。 处理: 按照skill规范执行可扩展性规则操作,遵循单一意图原则。 输出: 返回可扩展性规则的执行结果,包含操作状态和输出数据。
| 颜色 | 心理暗示 | 适用行业 |
|---|---|---|
| 蓝色 | 信任、专业 | 金融、科技、医疗 |
| 红色 | 能量、紧迫 | 餐饮、娱乐、零售 |
| 绿色 | 成长、自然 | 健康、可持续发展 |
| 橙色 | 友好、创意 | 初创、年轻品牌 |
| 紫色 | 奢华、智慧 | 美容、教育 |
| 黑色 | 高端、优雅 | 时尚、奢侈品 |
输入: 用户提供配色指南所需的指令和必要参数。 处理: 按照skill规范执行配色指南操作,遵循单一意图原则。 输出: 返回配色指南的执行结果,包含操作状态和输出数据。 能力覆盖范围:本skill的核心能力覆盖以下场景关键词:设计原则与图像生、成优选实践指南、提示词技巧、适合个人学习使用、设计指南免费版帮、助个人用户掌握、设计的核心原则与、优选实践、配色指南与迭代工、让用户能够系统化、地使用、图像生成工具创建、Use、when、需要设计创作、海报制作、品牌视觉时使用、不适用于、建模和动画制作等。这些关键词对应description中声明的使用场景,均已在上述能力点中提供对应的操作支持。
需求:科技公司需要一个抽象的几何Logo。
# 生成抽象Logo
# 提示词:"flat vector abstract logo, interlocking hexagonal shapes
# forming a letter S, minimal geometric style, single navy
# blue color, white background, clean sharp edges"
# 关键点:
# - 指定flat vector(扁平矢量风格)
# - 明确几何形状(hexagonal)
# 已知限制
# - 白色背景(便于后期处理)
需求:品牌需要一个动物形象的Logo。
# 生成动物图形Logo
# 提示词:"flat vector logo of a fox head in profile, geometric
# faceted style, orange and white, minimal clean lines,
# white background, negative space design"
# 关键点:
# - 明确动物与视角(fox head in profile)
# - 指定风格(geometric faceted)
# - 限制颜色(orange and white)
# - 利用负空间(negative space)
需求:教育品牌需要一个友好的吉祥物。
# 生成吉祥物Logo
# 提示词:"friendly cartoon owl mascot logo, simple flat
# illustration, wearing graduation cap, purple and gold
# colors, white background, clean vector style"
# 关键点:
# - 明确角色(friendly cartoon owl)
# - 指定风格(simple flat illustration)
# - 添加特征(graduation cap)
# - 限制颜色(purple and gold)
根据品牌需求选择:
# 基础公式
flat vector logo of [主题], [风格], [颜色约束], [背景], [附加细节]
# 示例
flat vector logo of a lighthouse, minimal geometric,
single navy blue color, white background, negative space design
# 迭代工作流
# 1. 生成基础版本
# 2. 检查:32px下是否可识别?
# 3. 检查:单色(黑白)下是否可用?
# 4. 检查:深色与浅色背景下是否都适用?
# 5. 如有问题,调整提示词后重新生成
# 6. 选定优选版本后,添加文字(手动)
结果处理: 执行完成后,查看输出结果确认操作状态。成功时输出包含处理摘要和结果数据;失败时根据错误信息排查问题,查阅错误处理章节获取恢复步骤。
# logo-prompts.yml
abstract:
template: "flat vector abstract logo, {shapes}, minimal geometric style, {color}, white background, {detail}"
examples:
- "interlocking hexagonal shapes forming letter S"
- "interconnected nodes forming brain shape"
- "concentric circles with negative space"
pictorial:
template: "flat vector logo of {subject}, {style}, {colors}, minimal clean lines, white background"
examples:
- "fox head in profile, geometric faceted style"
- "mountain peak with sunrise, minimal geometric"
- "lighthouse with light beam, line art"
mascot:
template: "friendly cartoon {character} mascot logo, simple flat illustration, {features}, {colors}, white background"
examples:
- "owl wearing graduation cap, purple and gold"
- "bear holding coffee cup, brown and cream"
- "robot waving, blue and silver"
## Logo可扩展性检查
- [ ] 16px favicon下轮廓可识别(眯眼测试)
- [ ] 单色(黑色)下可读
- [ ] 反色(白色)下可读
- [ ] 无会在小尺寸下消失的微小细节
- [ ] 无会在缩小时消失的细线
- [ ] 无颜色时轮廓清晰
- [ ] 深色背景下可用
- [ ] 浅色背景下可用
| 格式 | 使用场景 |
|---|---|
| SVG | 可缩放矢量,Web使用,可编辑 |
| PNG(透明) | 数字使用,演示文稿 |
| PNG(白底) | 文档,邮件签名 |
| ICO/Favicon | 网站favicon(16, 32, 48px) |
| 高分辨率PNG(4096px+) | 印刷,广告牌 |
注意: AI生成的是位图(PNG)。如需真正的矢量SVG,需将AI输出作为参考,在矢量工具中手动描绘,或使用AI转SVG转换工具。
| 错误 | 问题 | 修复方法 |
|---|---|---|
| 细节过多 | 小尺寸下失去清晰度 | 简化为核心形状 |
| 依赖颜色 | 黑白场景下失效 | 先设计黑色版本 |
| AI生成文字 | 字母模糊/拼错 | 仅生成图标,文字手动添加 |
| 流行特效 | 易过时,复现困难 | 坚持扁平、永恒的设计 |
| 颜色过多 | 难以复现,印刷昂贵 | 最多2-3种颜色 |
| 无目的的不对称 | 看起来未完成 | 使用有意图的不对称或保持平衡 |
# Logo设计迭代流程
# 第1轮:基础生成
# 提示词:"flat vector logo of a lighthouse, minimal geometric, single color, white background"
# 第2轮:优化细节
# 提示词:"flat vector logo of a geometric lighthouse with light beam rays, minimal line art, navy blue, white background, negative space design"
# 第3轮:提升分辨率
# 使用高分辨率模型:"flat vector logo of a geometric lighthouse with radiating light beams, minimal clean design, navy blue single color, pure white background"
# 第4轮:放大优选版本
# 使用图像放大工具:scale 4x
A: 这是AI图像生成工具的已知局限。AI无法可靠渲染文字。建议仅用AI生成图标/符号部分,文字在设计工具中手动添加,确保清晰准确。
A: 综合最优模型适合大多数场景(文字+图标)。如仅需完善文字渲染,使用专注文字的模型。如需艺术感强的图标(无文字),可使用艺术图标模型。
A: 免费版提供完整的Logo设计原则、提示词编写技巧、可扩展性规则、配色指南与迭代工作流。如需批量生成、自动矢量化与品牌变体管理,请使用PRO版。
A: AI生成的Logo作为创作起点,建议经过矢量化与手动优化后使用。使用前需确认不侵犯现有商标,必要时进行商标检索。商业使用还需遵守AI工具的服务条款。
A: 设计时同时准备浅色背景与深色背景版本。检查单色(黑白)版本是否可读。确保颜色对比度满足WCAG标准(正文4.5:1,大文字3:1)。
| 依赖项 | 类型 | 是否必需 | 获取方式 |
|---|---|---|---|
| LLM API | API | 必需 | 由Agent内置LLM提供 |
| AI图像生成工具 | 服务 | 必需 | 各AI平台提供 |
| 设计工具 | 工具 | 推荐 | Figma / Canva / Illustrator |