mcpField
L
logo-design-guide

logo-design-guide

github.com/skills-101设计与 UI17123 次安装13 周前更新
代码仓库

关于 logo-design-guide

logo-design-guide 是一份使用 inference.sh CLI 和 AI 图像生成设计标志的指南,适合需要构思或迭代品牌标志的人。内容涵盖标志类型、提示词、缩放与配色原则,并说明 AI 生成文字的局限及后续处理方式。

主要功能

  1. 01介绍六类标志设计形式
  2. 02提供图像生成提示词结构
  3. 03说明标志缩放与配色原则
  4. 04建议 AI 图像文字的处理方式
  5. 05列出常见交付文件格式

适用场景

  1. 01为新品牌构思标志图形
  2. 02生成并迭代标志概念
  3. 03检查标志在不同尺寸下的清晰度
  4. 04准备数字或印刷用途的标志文件

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/skills-101/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