Adobe联合香港城市大学发布Custom-SVG：下一代可编程矢量图形生成框架

Custom-SVG 框架概述

Custom-SVG 是由 Adobe 和＊＊＊城市大学联合开发的两阶段风格定制生成框架，专注于基于文本提示生成高质量且风格定制的 SVG 图形。该框架结合了前馈模型的高效性和扩散模型的强大生成能力，能够快速生成结构规整且风格一致的矢量图形，适用于设计、图标生成等多种场景。

主要功能

保持 SVG 结构规则性
生成的矢量图形具有清晰的层次结构和规整的路径，便于后续编辑和调整。

实现风格定制
根据用户提供的少量风格示例，生成与之匹配的多样化风格的 SVG 图形，满足个性化需求。

高效生成
基于前馈式生成方式，快速生成结果，适合实际设计场景，提升工作效率。

语义对齐
生成的 SVG 内容与输入文本提示高度一致，确保图形的语义准确性，满足用户需求。

技术原理

基于路径级表示的 T2V 扩散模型训练

• 路径级表示：将 SVG 分解为路径级表示，每个路径由贝塞尔曲线和颜色等参数定义，基于预训练的 SVGVAE 编码为紧凑的潜空间向量。
• 扩散模型：利用扩散模型的去噪过程，从噪声中逐步恢复出与文本提示对齐的 SVG 张量。
• Transformer 架构：使用 Transformer 作为骨干网络，结合自注意力和交叉注意力机制，让模型理解文本语义并生成对应的 SVG 结构。
  

基于图像扩散先验进行风格定制

• 风格提取：微调 T2I 扩散模型，利用少量风格示例生成多样化的定制图像。
• 图像级损失：将生成的 SVG 渲染为图像，基于图像级损失函数对 T2V 模型进行微调，使生成的 SVG 具有所需的风格。
• 风格迁移：将定制图像的风格迁移到 SVG 生成过程中，实现风格的灵活定制。
  

应用场景

图形设计与插画
快速生成符合特定风格的矢量图形，适用于设计概念验证、插画创作和品牌设计。

用户界面（UI）设计
生成图标、按钮等界面元素，满足不同界面设计的需求，提升用户体验。

网页设计
生成动态矢量图形，增强网页视觉效果和响应式设计，提升网页吸引力。

个性化内容生成
根据用户需求生成个性化图形，适用于定制礼品、社交媒体内容等场景，满足个性化需求。

GitHub 资源

Custom-SVG 的开源代码和详细文档可在 GitHub 上获取：Custom-SVG GitHub