mcpField
L
logo-design-guide

logo-design-guide

github.com/magentosh设计与 UI443 次安装12 周前更新
代码仓库

关于 logo-design-guide

这是一项通过 inference.sh 使用 AI 图像生成开发 Logo 概念的 belt CLI 技能,涵盖类型、提示词、缩放、配色、迭代和交付格式,并说明生成文字可能不可靠。

主要功能

  1. 01使用图像模型生成 Logo 概念
  2. 02选择常见 Logo 类型
  3. 03组织 Logo 生成提示词
  4. 04检查不同尺寸下的可识别性
  5. 05参考配色与对比度指南
  6. 06准备栅格和矢量交付文件

适用场景

  1. 01探索品牌 Logo 初始概念
  2. 02通过多轮迭代改进图标
  3. 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 图像生成器无法可靠地渲染文字。 字母可能变形、拼错或乱码。

策略:

  1. 使用 AI 仅生成图标/符号
  2. 在设计工具(Figma、Canva、Illustrator)中添加文字/字标
  3. 或采用组合方式: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