关于 ai-graphic-design
ai-graphic-design 是一份使用 AI 进行标志与视觉识别设计的技能指南,适用于设计师和品牌团队。它按创作任务梳理工具选择、提示词编写、从简报到交付的流程,以及矢量化和格式规范。
主要功能
- 01按场景选择图像工具
- 02提供品牌简报框架
- 03整理多种工具的提示词方法
- 04说明品牌视觉一致性技巧
- 05涵盖栅格图转矢量及交付格式
适用场景
- 01制定品牌标志设计简报
- 02探索视觉方向并制作情绪板
- 03将栅格标志转换为矢量文件
- 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.mdREADME.mdLICENSECONTRIBUTING.mdlinkedin-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 | 将草图转换为可交互的线框图 |
| 照片级真实 Mockup | Nano Banana / Phygital+ | 将作品置入 3D 环境,带有真实阴影与形变 |
| 位图矢量化 | Vectorizer.ai | 以精准方式将 JPG/PNG 转换为 SVG/EPS |
| 去背景 | Remove.bg / Adobe Express | 一键完成复杂抠图(头发、细线) |
| 放大 | Upscayl(本地/免费)/ Topaz Labs(付费) | 提升分辨率而不产生像素化 |
| 调色板 | Colormind | ML 从参考照片中提取色彩逻辑 |
| 识别字体 | 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 方法论(品牌识别)
指示大模型定义:
- 角色 —— 客户及其欲望
- 问题 —— 外部(功能性)+ 内部(情感性)
- 向导 —— 品牌作为导师(绝不是英雄)
- 计划 / CTA —— 清晰的步骤
- 成功 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:简报与策略
- 使用大模型(Claude/ChatGPT)配合 RCAO 或 StoryBrand 框架
- 定义:受众、原型、价值观、语气、色板
- 汇编为品牌手册(PDF)
- 将手册作为持久上下文插入(Claude 项目 / Custom GPT)
阶段 2:视觉构思
- 在 Midjourney 中生成 20-40 个变体(moodboards)
- 严格筛选——选出 3-5 个有前景的方向
- 在继续之前与客户确认
阶段 3:矢量资产创作
- 将已批准的方案带入 Recraft V3/V4 或 Adobe Illustrator
- 在 Recraft 中:用品牌资产训练 Style ID 以保证一致性
- 生成 logo + SVG 图标库
- 手动精修 Bezier 曲线(Box Method——见第 6 节)
阶段 4:样机与展示
- 在 Midjourney 中生成基础图(公式:主体+背景+风格+相机)
- 或使用 Phygital+ / Nano Banana 进行自动置入
- 在 Photoshop 中:应用 Displacement Maps + Blend Options(见第 7 节)
- 最终筛选素材
阶段 5:交付
- 按正确格式导出(见第 8 节)
- 组织交付物:主 logo + 变体 + 图标 + 样机
- 记录使用指南
5. 营销活动中的视觉一致性
AI 的最大挑战是驯服素材之间的随机性。
按工具划分的技术:
| 技术 | 工具 | 方法 |
|---|---|---|
| Style IDs | Recraft | 喂入品牌资产 → 锁定所有生成的风格 |
| --sref + --cref | Midjourney | Style Ref 复制氛围;Char Ref 保持面孔/物体一致 |
| --seed 固定 | Midjourney | 固定 seed → 一次只改一个元素 |
| LoRAs | Stable Diffusion | 用 15-30 张图像训练 → 按权重应用(例如:0.8) |
| Custom Style | Visual 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:
- 在生成的形状周围创建边界矩形
- 将锚点精确放在曲线接触盒子切线处
- 句柄始终在水平或垂直方向对齐
- 目标:最少锚点数量 → 渲染快速、绘图仪精确
三次 Bezier 曲线允许用少量点实现复杂形状(基于 Bernstein 多项式)。
7. 专业 Mockup 技术
置换贴图(Photoshop)
要将图案逼真地应用到织物/表面:
- 复制 mockup 的原始照片
- 去除饱和度(Ctrl+U → 饱和度 0)
- 应用轻微的 Gaussian Blur(约 0.7px)
- 保存为 PSD(这就是“贴图”)
- 将图案放置在 mockup 上
- 滤镜 > 扭曲 > 置换(Displace)→ 加载该 PSD
- 图案会跟随褶皱和纹理发生变形
混合选项(混合选项)
- 点击图案图层 → 混合选项
- 按住 Alt → 将“下方图层”(暗部区域)的滑块向右拖动
- 照片的阴影会“渗透”到图案上 → 与环境光照融合
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 Firefly | Adobe 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 创意总监:
- 策展与审美品味 — 从数百个输出中筛选出真正有潜力的内容
- 高级提示词工程 — 艺术词汇 + 提示词链 + XML 三明治
- 数学基础 — 线性代数、微积分、概率(理解模型如何操作矩阵)
- Python 与自动化 — py5、vpype、批量生成流水线
- 经典基础 — 符号学、色彩理论、构图、Pen Tool、Bezier 曲线
- 伦理与治理 — 偏见审计、版权、安全商业使用
“AI 界面几个月就会过时。基础却能持续数十年。”
评论
支持 Markdown