Custom

Custom-SVG 是什么

Custom-SVG 是由 Adobe 与香港城市大学联合开发的一种两阶段风格化 SVG 定制生成框架，能够根据文本提示生成具有特定风格的高质量矢量图形。该框架采用两阶段生成流程，通过路径级表示的扩散模型学习 SVG 的结构和内容，并从定制化的文本到图像（T2I）模型中提取风格信息，从而实现多样化的风格定制。结合前馈模型的高效性和扩散模型的强大生成能力，Custom-SVG 能够快速生成结构清晰、风格统一的矢量图形，适用于设计、图标生成等多种场景。

Custom-SVG 的主要功能

• 保持 SVG 结构规则性：生成的矢量图形具备清晰的层次结构和规整的路径，便于后续编辑。
• 实现风格定制：基于用户提供的少量风格示例，生成符合要求的多样化风格 SVG。
• 高效生成：采用前馈式生成方式，提升生成效率，适应实际设计需求。
• 语义对齐：生成的 SVG 内容与输入文本提示高度一致，确保图形语义准确。

Custom-SVG 的技术原理

• 基于路径级表示的 T2V 扩散模型训练：
  • 路径级表示：将 SVG 分解为路径级表示，每个路径由贝塞尔曲线和颜色等参数定义，并通过预训练的 SVG VAE 编码为紧凑的潜空间向量。
  • 扩散模型：利用扩散模型的去噪过程，从噪声中逐步恢复出与文本提示对齐的 SVG 张量。
  • Transformer 架构：使用 Transformer 作为骨干网络，结合自注意力和交叉注意力机制，使模型理解文本语义并生成对应的 SVG 结构。
• 基于图像扩散先验进行风格定制：
  • 风格提取：微调 T2I 扩散模型，通过少量风格示例生成多样化的定制图像。
  • 图像级损失：将生成的 SVG 渲染为图像，并基于图像级损失函数对 T2V 模型进行微调，使生成的 SVG 具备所需风格。
  • 风格迁移：将定制图像的风格迁移到 SVG 生成过程中，实现灵活的风格定制。

Custom-SVG 的项目地址

• 项目官网：https://customsvg.github.io/
• GitHub仓库：https://github.com/intchous/custom-svg-style
• arXiv技术论文：https://arxiv.org/pdf/2505.10558

Custom-SVG 的应用场景

• 图形设计与插画：用于生成符合特定风格的矢量图形，支持概念验证、插画创作和品牌设计。
• 用户界面（UI）设计：生成图标、按钮等界面元素，满足不同设计需求。
• 网页设计：生成动态矢量图形，增强网页视觉效果和响应式设计。
• 教育与培训：生成教学图形和互动学习工具，辅助教学内容展示。
• 个性化内容生成：根据用户需求生成定制图形，应用于礼品、社交媒体内容等领域。