Community图像github.com

SeaXen/标志设计指南

涵盖标志类型、AI提示技巧、可扩展性原则和迭代工作流程的标志设计原则和AI图像生成最佳实践。适用于品牌标识、初创公司标志、应用图标、网站图标及标志概念。

标志设计指南 是什么?

该技能为开发者与AI代理用户提供了一整套基于AI图像生成工具的标志设计指南。它详细介绍了标志设计的基础知识,包括字标、字母标记、图形标记等类型及其适用场景,并针对AI图像生成器无法可靠渲染文字这一关键限制,提供了“仅生成图标,手动添加文字”的实用策略。技能中提供了经过验证的提示词结构和示例(如用于Seedream、Flux等模型),以及从favicon到广告牌的尺寸可扩展性检查清单、颜色心理学指南和从概念生成到放大的迭代工作流程。该技能主要配合 `inference.sh` 的 `belt` CLI 工具使用,适合需要快速生成高质量标志概念的初创公司、产品经理和设计师。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/SeaXen/agentskills/tree/HEAD/library/101-skills-superpowers/skills/logo-design-guide

Installed? Explore more 图像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

安装 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图像生成器无法可靠渲染文字。 字母会出现变形、拼写错误或乱码。

策略:

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

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能