安装 belt CLI 技能:
npx skills add belt-sh/cli
标志设计指南 是做什么的?
通过 inference.sh CLI 使用 AI 图像生成来设计有效的标志。
快速开始
需要 inference.sh CLI(
belt)。安装说明
belt login
# 生成一个标志概念
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
}'
标志类型
| 类型 | 描述 | 何时使用 | 示例 |
|---|---|---|---|
| 字标 (Wordmark) | 将公司名称设计为标志 | 品牌名称强、简短(< 10个字符) | Google, Coca-Cola |
| 字母标记 (Lettermark) | 仅使用首字母 | 公司名称长、正式 | IBM, HBO, CNN |
| 图形标记 (Pictorial) | 可识别的图标/符号 | 通用品牌,无需文字也能识别 | Apple, Twitter鸟 |
| 抽象图形 (Abstract) | 几何/非字面形状 | 科技公司、概念品牌 | Nike swoosh, Pepsi |
| 吉祥物 (Mascot) | 角色插画 | 友好品牌、食品/体育 | KFC上校, Pringles |
| 组合型 (Combination) | 图标+字标一起 | 需要兼顾识别度和名称的新品牌 | Burger King, Adidas |
AI关键限制
AI图像生成器无法可靠渲染文字。 字母会出现变形、拼写错误或乱码。
策略:
- 仅用AI生成图标/符号
- 在设计工具(Figma, Canva, Illustrator)中添加文字/字标
- 或采用组合方式: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(矛盾——标志不是照片)
❌ 3D rendered logo(过于复杂,无法缩小)
❌ gradient logo(结果不一致,难以复现)
❌ logo with text "Company Name"(文字渲染失败)
提示结构
flat vector logo of [主题], [风格], [颜色限制], [背景], [额外细节]
各类型示例
# 抽象几何
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"
}'
# 自然图形
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"
}'
# 吉祥物风格
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"
}'
# 科技抽象
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"
}'
可扩展性规则
标志必须在所有尺寸下都有效:
| 场景 | 尺寸 | 必须达到效果 |
|---|---|---|
| 网站图标 (Favicon) | 16x16 px | 轮廓可识别 |
| 应用图标 (App icon) | 1024x1024 px | 完整细节可见 |
| 社交头像 | 400x400 px | 一眼清晰 |
| 名片 | 约1英寸 | 印刷再现清晰 |
| 广告牌 | 10英尺以上 | 无像素化、足够简洁 |
可扩展性检查清单
- 作为16像素的favicon可识别(眯眼测试)
- 单色(黑底白字)可用
- 反色(白底黑字)可用
- 没有缩小后会消失的微小细节
- 没有缩小后会消失的细线
- 无颜色时轮廓清晰
颜色指南
- 主要标志最多使用2-3种颜色
- 必须能单色(黑色、白色或品牌主色)使用
- 考虑颜色心理学:
- 蓝色:信任、专业(金融、科技、医疗)
- 红色:能量、紧迫(食品、娱乐、零售)
- 绿色:成长、自然(健康、可持续、金融)
- 橙色:友好、创意(初创公司、年轻品牌)
- 紫色:奢华、智慧(美容、教育)
- 黑色:高档、优雅(时尚、奢华、科技)
- 在浅色和深色背景上均需测试
迭代工作流程
# 步骤1:生成5-10个宽泛概念
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
# 步骤2:对最佳概念进行变体优化
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"
}'
# 步骤3:生成最终高分辨率版本
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"
}'
# 步骤4:为生产用途进行放大
belt app run falai/topaz-image-upscaler --input '{
"image": "path/to/best-logo.png",
"scale": 4
}'
常见错误
| 错误 | 问题 | 修复 |
|---|---|---|
| 细节过多 | 小尺寸下失去清晰度 | 简化为基本形状 |
| 依赖颜色 | 黑白场景下无法使用 | 先用黑色设计 |
| AI生成中包含文字 | 字母乱码/拼写错误 | 仅生成图标,手动添加文字 |
| 流行效果(发光、阴影) | 快速过时,复制困难 | 坚持扁平、永恒的设计 |
| 颜色过多 | 难以复制,印刷成本高 | 最多2-3种颜色 |
| 无目的的不对称 | 看起来未完成 | 使用有目的的不对称或保持平衡 |
文件格式交付
| 格式 | 用途 |
|---|---|
| SVG | 可缩放矢量图形、网页、编辑 |
| PNG(透明) | 数字用途、演示文稿 |
| PNG(白底) | 文档、电子邮件签名 |
| ICO / Favicon | 网站图标(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