logo-design-guide

用途

本技能用于指导使用 AI 图像生成工具设计 Logo，重点讲解 Logo 设计原则与 AI 图像生成的最佳实践。它通过 inference.sh CLI（belt）调用图像生成模型来产出 Logo 概念图。

安装与准备

安装 belt CLI 技能：

npx skills add belt-sh/cli

需要 inference.sh CLI（belt），安装说明见官方文档。登录命令：

belt login

生成一个 Logo 概念：

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 类型

类型	说明	适用场景	示例
文字标（Wordmark）	公司名称作为 Logo 样式	品牌名强、较短（少于 10 字符）	Google、Coca-Cola
字母标（Lettermark）	仅用首字母缩写	公司名较长、正式	IBM、HBO、CNN
图形标（Pictorial）	可识别的图标/符号	通用品牌，无文字也可用	Apple、Twitter 小鸟
抽象标（Abstract）	几何/非具象形状	科技公司、概念品牌	Nike 勾、Pepsi
吉祥物（Mascot）	角色插画	亲和品牌、食品/体育	KFC 上校、Pringles
组合标（Combination）	图标 + 文字标组合	需要辨识度与名称的新品牌	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（矛盾——Logo 不是照片）
3D rendered logo（过于复杂，缩小后不可用）
gradient logo（结果不一致，难以复现）
logo with text "Company Name"（文字渲染会失败）

提示词结构

flat vector logo of [subject], [style], [color constraint], [background], [additional detail]

按 Logo 类型的示例

# 抽象几何
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"
}'

可缩放性规则

Logo 必须在各种尺寸下都可用：

场景	尺寸	必须满足
Favicon	16x16 px	轮廓可识别
应用图标	1024x1024 px	完整细节可见
社交头像	400x400 px	一眼清晰
名片	约 1 英寸	印刷复现干净
广告牌	10+ 英尺	无像素化，足够简单

可缩放性检查清单

作为 16px favicon 可识别（眯眼测试）
单色可用（白底黑字）
反色可用（黑底白字）
没有在小尺寸下消失的微小细节
没有缩小后消失的细线
无颜色时轮廓清晰

配色指南

主 Logo 最多使用 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	网站 favicon（16、32、48px）
高分辨率 PNG（4096px+）	印刷、广告牌

注意：AI 生成的是栅格图像（PNG）。要获得真正的矢量 SVG，可将 AI 输出作为参考在矢量工具中描摹，或使用 AI 转 SVG 工具。

技能介绍

用途