关于 logo-design-guide
这是一项通过 inference.sh 使用 AI 图像生成开发 Logo 概念的 belt CLI 技能,涵盖类型、提示词、缩放、配色、迭代和交付格式,并说明生成文字可能不可靠。
主要功能
- 01使用图像模型生成 Logo 概念
- 02选择常见 Logo 类型
- 03组织 Logo 生成提示词
- 04检查不同尺寸下的可识别性
- 05参考配色与对比度指南
- 06准备栅格和矢量交付文件
适用场景
- 01探索品牌 Logo 初始概念
- 02通过多轮迭代改进图标
- 03评估标志在小尺寸下的效果
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ magentosh/ superpowers --skill logo-design-guide安装后在 Claude Code 中输入/logo-design-guide确认已加载。
详细介绍
安装 belt CLI 技能:
npx skills add belt-sh/cli
Logo 设计指南
通过 inference.sh CLI 使用 AI 图像生成来设计出色的 Logo。
快速开始
需要 inference.sh CLI(
belt)。安装说明
belt login
# Generate a logo concept
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector logo of a mountain peak with a sunrise, minimal geometric style, single color, clean lines, white background",
"width": 1024,
"height": 1024
}'
Logo 类型
| 类型 | 描述 | 适用场景 | 示例 |
|---|---|---|---|
| 字标 | 将公司名称设计为 Logo | 品牌名称有辨识度且较短(< 10 个字符) | Google、Coca-Cola |
| 字母标 | 仅使用首字母 | 公司名称较长、风格正式 | IBM、HBO、CNN |
| 具象图形 | 可识别的图标/符号 | 面向广泛受众的品牌,无需文字也能传达品牌形象 | Apple、Twitter 小鸟 |
| 抽象图形 | 几何/非具象形状 | 科技公司、概念型品牌 | Nike 勾形标志、Pepsi |
| 吉祥物 | 角色插画 | 友好型品牌、食品/体育领域 | KFC 山德士上校、Pringles |
| 组合标志 | 图标与字标组合 | 需要兼顾辨识度和名称的新品牌 | Burger King、Adidas |
AI 的重要局限
AI 图像生成器无法可靠地渲染文字。 字母可能变形、拼错或乱码。
策略:
- 使用 AI 仅生成图标/符号
- 在设计工具(Figma、Canva、Illustrator)中添加文字/字标
- 或采用组合方式:AI 图标 + 手动排版的字体
Logo 提示词
有效关键词
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 (contradiction — logos aren't photos)
❌ 3D rendered logo (too complex, won't scale down)
❌ gradient logo (inconsistent results, hard to reproduce)
❌ logo with text "Company Name" (text rendering fails)
提示词结构
flat vector logo of [subject], [style], [color constraint], [background], [additional detail]
各类 Logo 示例
# Abstract geometric
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector abstract logo, interlocking hexagonal shapes forming a letter S, minimal geometric style, single navy blue color, white background, clean sharp edges"
}'
# Pictorial nature
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector logo of a fox head in profile, geometric faceted style, orange and white, minimal clean lines, white background, negative space design"
}'
# Mascot style
belt app run bytedance/seedream-4-5 --input '{
"prompt": "friendly cartoon owl mascot logo, simple flat illustration, wearing graduation cap, purple and gold colors, white background, clean vector style"
}'
# Tech abstract
belt app run xai/grok-imagine-image-pro --input '{
"prompt": "minimal abstract logo mark, interconnected nodes forming a brain shape, line art style, single teal color, white background, tech startup aesthetic"
}'
可扩展性规则
Logo 必须在各种尺寸下都能正常使用:
| 场景 | 尺寸 | 必须满足的要求 |
|---|---|---|
| 网站图标 | 16x16 px | 轮廓清晰可辨 |
| 应用图标 | 1024x1024 px | 细节完整可见 |
| 社交头像 | 400x400 px | 一眼即可辨认 |
| 名片 | ~1 英寸 | 打印效果清晰 |
| 广告牌 | 10+ 英尺 | 不出现像素化,设计足够简洁 |
可扩展性检查清单
- 缩小为 16px 网站图标后仍可辨认(眯眼测试)
- 单色显示效果良好(白底黑色)
- 反色显示效果良好(黑底白色)
- 没有缩小后会消失的细小细节
- 没有缩小后会消失的细线
- 不依赖颜色也能清晰呈现轮廓
颜色指南
- 主 Logo 最多使用 2-3 种颜色
- 必须支持单色(黑色、白色或品牌主色)
- 考虑色彩心理学:
- 蓝色:信任、专业(金融、科技、医疗)
- 红色:活力、紧迫感(食品、娱乐、零售)
- 绿色:成长、自然(健康、可持续发展、金融)
- 橙色:友好、创意(初创公司、年轻品牌)
- 紫色:奢华、智慧(美容、教育)
- 黑色:高端、优雅(时尚、奢侈品、科技)
- 在浅色和深色背景上都进行测试
迭代工作流
# Step 1: Generate 5-10 broad concepts
for i in {1..5}; do
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector logo of a lighthouse, minimal geometric, single color, white background"
}' --no-wait
done
# Step 2: Refine the best concept with variations
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector logo of a geometric lighthouse with light beam rays, minimal line art, navy blue, white background, negative space design"
}'
# Step 3: Generate at high resolution for final
belt app run bytedance/seedream-4-5 --input '{
"prompt": "flat vector logo of a geometric lighthouse with radiating light beams, minimal clean design, navy blue single color, pure white background",
"size": "2K"
}'
# Step 4: Upscale for production use
belt app run falai/topaz-image-upscaler --input '{
"image": "path/to/best-logo.png",
"scale": 4
}'
常见错误
| 错误 | 问题 | 修正方法 |
|---|---|---|
| 细节过多 | 缩小后不够清晰 | 简化为必要形状 |
| 依赖颜色 | 在黑白环境下效果不佳 | 先以黑色设计 |
| 在 AI 生成中加入文字 | 字母乱码/拼写错误 | 仅生成图标,手动添加文字 |
| 使用流行特效(发光、阴影) | 容易过时,且难以复现 | 坚持扁平、经典的设计 |
| 颜色过多 | 难以复现,印刷成本高 | 最多使用 2-3 种颜色 |
| 无目的地采用不对称设计 | 看起来不完整 | 有意采用不对称设计,或保持平衡 |
文件格式交付
| 格式 | 用途 |
|---|---|
| SVG | 可缩放矢量图、网页、编辑 |
| PNG(透明背景) | 数字用途、演示文稿 |
| PNG(白色背景) | 文档、电子邮件签名 |
| ICO / 网站图标 | 网站图标(16、32、48px) |
| 高分辨率 PNG(4096px+) | 印刷、广告牌 |
注意:AI 生成的是栅格图像(PNG)。要获得真正的矢量 SVG,可将 AI 输出用作参考并在矢量工具中描摹,或使用 AI 转 SVG 工具。
相关技能
npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@prompt-engineering
浏览所有应用:belt app list
评论
支持 Markdown