mcpField
A
ai-graphic-design

ai-graphic-design

github.com/designrique设计与 UI29131 次安装30 周前更新
代码仓库

关于 ai-graphic-design

ai-graphic-design 是一份使用 AI 进行标志与视觉识别设计的技能指南,适用于设计师和品牌团队。它按创作任务梳理工具选择、提示词编写、从简报到交付的流程,以及矢量化和格式规范。

主要功能

  1. 01按场景选择图像工具
  2. 02提供品牌简报框架
  3. 03整理多种工具的提示词方法
  4. 04说明品牌视觉一致性技巧
  5. 05涵盖栅格图转矢量及交付格式

适用场景

  1. 01制定品牌标志设计简报
  2. 02探索视觉方向并制作情绪板
  3. 03将栅格标志转换为矢量文件
  4. 04为品牌活动保持视觉一致性

安装

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

$npx skills add https://github.com/designrique/ai-graphic-design-skill --skill ai-graphic-design

安装后在 Claude Code 中输入/ai-graphic-design确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

linkedin-post-en.md
README.md
LICENSE
CONTRIBUTING.md
linkedin-post-pt.md

详细介绍

AI 平面设计 — 使用 AI 打造标志与视觉识别

何时触发

当用户提到以下内容时,调用此技能:

  • Logomarca、logo、logotipo、marca、branding
  • 视觉识别、平面设计、矢量化
  • Mockup、视觉呈现、平面物料
  • 视觉提示词、为品牌生成图像
  • SVG、EPS、矢量、Illustrator、Recraft、Midjourney

1. 工具选择矩阵

根据场景选择工具。不存在万能银弹 —— 每种 AI 都有其特定的强项。

场景工具原因
干净且可缩放的矢量标志(SVG)Recraft V3/V4生成具有结构精度的原生 SVG;Style IDs 可锁定一致性
创意探索 / 情绪板Midjourney v6+无与伦比的电影级美学;--sref 和 --cref 可保持一致性
商业用途且 IP 安全(企业级)Adobe Firefly / Illustrator基于 Adobe Stock 训练;提供 IP 赔偿
故事板 / 对话式迭代DALL-E 3(ChatGPT)按字面理解;可通过自然对话进行优化
完全控制 / 批量生成Stable Diffusion开源;可定制 LoRA;ControlNet 可实现毫米级精确度
线框图 / UI 原型Uizard将草图转换为可交互的线框图
照片级真实 MockupNano Banana / Phygital+将作品置入 3D 环境,带有真实阴影与形变
位图矢量化Vectorizer.ai以精准方式将 JPG/PNG 转换为 SVG/EPS
去背景Remove.bg / Adobe Express一键完成复杂抠图(头发、细线)
放大Upscayl(本地/免费)/ Topaz Labs(付费)提升分辨率而不产生像素化
调色板ColormindML 从参考照片中提取色彩逻辑
识别字体WhatTheFont计算机视觉将图像与字体库进行比对
产品/角色一致性Krea AI / Flora AI专用模式可在多个角度下保持保真度
情绪板 → 一致风格Visual Electric从 6-12 张精选图像中提取“Custom Style”

2. 简报框架

在生成任何视觉内容之前,先定义品牌的言语识别。

RCAO 框架(用于大模型提示词)
Role:    "Voce e um diretor de arte senior especialista em [nicho]"
Context: "[publico-alvo], [tom de voz], [valores da marca], [concorrentes]"
Action:  "Crie [N] direcoes visuais para [tipo de entregavel]"
Output:  "Formato: [tabela/lista]. Restricoes: [sem gradientes, max 3 cores]"
StoryBrand 方法论(品牌识别)

指示大模型定义:

  1. 角色 —— 客户及其欲望
  2. 问题 —— 外部(功能性)+ 内部(情感性)
  3. 向导 —— 品牌作为导师(绝不是英雄)
  4. 计划 / CTA —— 清晰的步骤
  5. 成功 vs 失败 —— 有与没有该服务的场景

输出:定位段落 + 语气语调 + 主导原型。

品牌原型

在任何视觉生成之前,定义唯一一个主导原型。混淆相互冲突的原型(例如:奢华 + 俏皮 + 廉价)是 AI 简报中的头号错误。


3. 各工具的提示词工程

3.1 Recraft(矢量标志)

提示词应像一份严谨的设计简报那样运作:

Estrutura obrigatoria:
1. Tipo de grafico     → "bold word logo", "logotipo tipografico em negrito"
2. Logica de formas    → geometria, simetria, silhueta
3. Sistema de cores    → paleta exata + estilo (flat, chapado)
4. Disciplina de linhas → centralizacao, escalabilidade, coesao
5. Restricoes (CRITICO) → "evite gradientes, texturas, sombras, linhas finas"

可用示例:

Logo "KINDRA" Serif or sans-serif, typographic composition in bold, ultra-chunk.
Brand about care, community, kindness, human connection.
Flat colors, no gradients, no shadows, no thin lines.
3.2 Midjourney(构思与情绪板)

需要艺术词汇 + 语法参数:

Parametros essenciais:
--ar [ratio]     → proporcao (1:1, 16:9, 4:5)
--sref [url]     → Style Reference (copia paleta/luz/textura sem copiar sujeito)
--cref [url]     → Character/Omni Reference (mantem rosto/objeto identico)
--seed [n]       → fixa aleatoriedade para iteracao controlada
--stylize [n]    → 0=literal, 1000=maximo artistico
--chaos [n]      → variacao entre resultados

迭代技巧: 固定 seed + 宽高比 → 每次只改一个词。

3.3 DALL-E 3(对话式)
  • 无语法参数 —— 100% 自然语言
  • 侧重于描述性空间关系
  • 通过对话优化:“向左移动”、“将颜色改为蓝色”
  • 最适合:连续故事板和超特定资产
3.4 Stable Diffusion(完全控制)
  • 需要在 ComfyUI/A1111 中搭建节点(nodes)
  • LoRA:用 15-30 张品牌图像训练 → 提示词中使用 <lora:nome:0.8>
  • ControlNet:以毫米级精确度施加姿势、深度或构图
  • 学习曲线更陡峭,但控制力无与伦比
3.5 Mockup 通用公式
[Assunto] + [Background] + [Estilo] + [Material] + [Detalhes] + [Tamanho] + [Camera] + [Parametros]

可用示例:

A mockup design of a sleek wine bottle on a marble surface,
surrounded by delicate golden details, minimalist and luxurious,
set against a clean white background,
shot with a Canon EOS 5D, 50mm f/1.2 lens, soft natural lighting
会失败的提示词
  • 细节过多 → 图像混乱
  • 没有负面限制 → logo 带不可用的渐变/纹理
  • 多种冲突风格 → 泛泛的“AI slop”

4. 端到端工作流

阶段 1:简报与策略
  1. 使用大模型(Claude/ChatGPT)配合 RCAO 或 StoryBrand 框架
  2. 定义:受众、原型、价值观、语气、色板
  3. 汇编为品牌手册(PDF)
  4. 将手册作为持久上下文插入(Claude 项目 / Custom GPT)
阶段 2:视觉构思
  1. 在 Midjourney 中生成 20-40 个变体(moodboards)
  2. 严格筛选——选出 3-5 个有前景的方向
  3. 在继续之前与客户确认
阶段 3:矢量资产创作
  1. 将已批准的方案带入 Recraft V3/V4 或 Adobe Illustrator
  2. 在 Recraft 中:用品牌资产训练 Style ID 以保证一致性
  3. 生成 logo + SVG 图标库
  4. 手动精修 Bezier 曲线(Box Method——见第 6 节)
阶段 4:样机与展示
  1. 在 Midjourney 中生成基础图(公式:主体+背景+风格+相机)
  2. 或使用 Phygital+ / Nano Banana 进行自动置入
  3. 在 Photoshop 中:应用 Displacement Maps + Blend Options(见第 7 节)
  4. 最终筛选素材
阶段 5:交付
  1. 按正确格式导出(见第 8 节)
  2. 组织交付物:主 logo + 变体 + 图标 + 样机
  3. 记录使用指南

5. 营销活动中的视觉一致性

AI 的最大挑战是驯服素材之间的随机性。

按工具划分的技术:
技术工具方法
Style IDsRecraft喂入品牌资产 → 锁定所有生成的风格
--sref + --crefMidjourneyStyle Ref 复制氛围;Char Ref 保持面孔/物体一致
--seed 固定Midjourney固定 seed → 一次只改一个元素
LoRAsStable Diffusion用 15-30 张图像训练 → 按权重应用(例如:0.8)
Custom StyleVisual Electric汇集 6-12 张精选图像 → 提取光线/颜色/纹理规则
黄金法则:
  • 按角色/活动管理文件夹——绝不混用 seeds
  • 归档 seeds 和提示词——每个批准的生成都应有记录好的提示词
  • 在提示词中标准化“风格块”——复用氛围描述
  • 人工筛选——拒绝与品牌叙事不符的素材

6. 矢量化流水线(Raster → Vector)

第 1 步:智能放大

选择正确的模型,以免幻觉出纹理:

模型何时使用作用
Prime像素化 logo / 压缩的 JPEG以清晰度和有机纹理重建边缘
Gentle只需要更高分辨率的干净作品在不做创造性解读的情况下增加像素(适合排版)
Digital Art插画、图标、扁平设计、MJ/SD 输出保留平涂颜色和清晰线条,无照片噪点
Ultra极低分辨率文件(最后手段)激进重建——以低强度使用

陷阱: 对扁平 logo 使用照片模型(Prime)→ AI 会在标志中间添加颗粒和纸张纹理。请使用 Digital Art 或 Gentle。

第 2 步:矢量化
  • Vectorizer.ai → 自动将放大后的 raster 转换为 SVG/EPS/PDF
  • Chat2SVG(新兴)→ 大模型生成几何结构 + 扩散应用纹理 + 优化调整矢量点
第 3 步:Bezier 清理(手动)

即使有 AI,矢量也可能有无用的节点或失控的句柄。

Box Method:

  1. 在生成的形状周围创建边界矩形
  2. 将锚点精确放在曲线接触盒子切线处
  3. 句柄始终在水平或垂直方向对齐
  4. 目标:最少锚点数量 → 渲染快速、绘图仪精确

三次 Bezier 曲线允许用少量点实现复杂形状(基于 Bernstein 多项式)。


7. 专业 Mockup 技术

置换贴图(Photoshop)

要将图案逼真地应用到织物/表面:

  1. 复制 mockup 的原始照片
  2. 去除饱和度(Ctrl+U → 饱和度 0)
  3. 应用轻微的 Gaussian Blur(约 0.7px)
  4. 保存为 PSD(这就是“贴图”)
  5. 将图案放置在 mockup 上
  6. 滤镜 > 扭曲 > 置换(Displace)→ 加载该 PSD
  7. 图案会跟随褶皱和纹理发生变形
混合选项(混合选项)
  1. 点击图案图层 → 混合选项
  2. 按住 Alt → 将“下方图层”(暗部区域)的滑块向右拖动
  3. 照片的阴影会“渗透”到图案上 → 与环境光照融合
AI 替代方案
  • Phygital+:FLUX ControlNet 以语境感知方式将 logo 植入 3D 表面
  • Nano Banana:描述环境 → AI 以真实阴影自然地将图案置入

8. 交付格式

矢量(无限可扩展)
格式主要用途规格
SVG响应式 Web、CSS 动画、数字排版数学化 XML,无像素
EPS工业印刷(绘图仪、包装、户外广告)必须 CMYK
矢量 PDF通用交付、大幅面印刷CMYK、ICC 配置文件
栅格(像素网格)
格式主要用途规格
PNG带透明度的数字用途72 PPI(屏幕)/ 300 DPI(印刷)
JPG照片、mockup、数字素材72 PPI(屏幕)/ 300 DPI(近距离印刷)/ 150 DPI(巨型横幅)
规则:始终交付原始矢量 + 派生的栅格化版本。

9. Python 自动化

必备库
库功能
py5通过代码生成几何形状和数学图案
vpype后处理:优化路径、移除隐藏线条(occult 插件)、简化路径
Aspose.SVG批量操作与转换(SVG → PDF/PNG/JPEG)
Blender Python API渲染 3D → 导出 2D 矢量轮廓(Freestyle 插件)
典型流水线
1. LLM gera codigo SVG bruto (manipulando tags XML: <path>, <rect>)
2. Python processa em lote:
   - Remove redundancias
   - Ajusta cores programaticamente
   - Exporta variantes (light/dark, tamanhos)
3. vpype otimiza caminhos e reduz tamanho de arquivo
4. Aspose exporta formatos finais

10. IP 安全与伦理

按工具划分的风险矩阵
工具训练数据IP 赔偿风险
Adobe FireflyAdobe Stock + 公有领域 + 授权内容是低
Midjourney未披露;有未决诉讼否中高
Stable Diffusion未披露;有未决诉讼否中高
DALL-E 3部分披露部分(Enterprise)中
法律规定(巴西和美国)
  • 作者身份仅限于人类 —— 100% 由 AI 生成的图像不受著作权保护
  • 要获得法律保护:显著的人类创造性贡献(后期制作、编辑、构图)
  • 英国立法较为宽松(将作者身份归属于进行了“必要安排”的人)
实用建议
  • 有 IP 要求的企业项目 → Adobe Firefly
  • 个人 / 探索性项目 → 任何工具
  • 始终记录人类创作过程,以备法律抗辩

11. 反模式(常见错误)

错误后果如何避免
提示词没有负面限制生成带有渐变/纹理的、不可用的 Logo始终列出 AI 应当避免的内容
在扁平化设计中使用摄影模型进行放大Logo 中出现颗粒感和纸张纹理使用 Digital Art 或 Gentle 模型
没有简报/原型就生成“AI Slop”——没有识别度的通用视觉使用 RCAO/StoryBrand;定义 1 个主导原型
专注于工具的短暂语法技能几个月后就过时掌握永恒的基础:符号学、色彩、构图、Bezier
不记录 seed 和提示词无法复现或迭代归档每次获批生成的提示词 + seed + 参数
混合冲突的原型品牌不一致1 个主导原型,最多 1 个次要原型
盲目信任 AI 的输出交付物存在结构性错误始终进行人工策展 + Bezier 清理

12. 2025-2026 设计师的能力

设计师从执行者进化为 AI 创意总监:

  1. 策展与审美品味 — 从数百个输出中筛选出真正有潜力的内容
  2. 高级提示词工程 — 艺术词汇 + 提示词链 + XML 三明治
  3. 数学基础 — 线性代数、微积分、概率(理解模型如何操作矩阵)
  4. Python 与自动化 — py5、vpype、批量生成流水线
  5. 经典基础 — 符号学、色彩理论、构图、Pen Tool、Bezier 曲线
  6. 伦理与治理 — 偏见审计、版权、安全商业使用

“AI 界面几个月就会过时。基础却能持续数十年。”

评论

支持 Markdown