训练样式 ID

上次更新日期: 2026年4月27日

了解如何训练和测试样式 ID 以定义布局、空间规则,确保生成设计中的品牌一致性,并使用 Firefly 设计智能系统发布它们。

训练样式 ID 有助于 Firefly 设计智能系统了解您品牌的设计系统,建立元素关系和布局规则。 这可确保在调整设计大小或改编设计时保持视觉一致性。 建立这些规则后,您就可以放心地生成多种设计布局变体,因为您知道它们将保持您的设计标准。

要训练样式 ID,您需要:

  • 启用了 Firefly Design Intelligence 的 Adobe Illustrator
  • 已创建并分配了设计资产的样式 ID
  • 了解您品牌的布局和间距要求

使用视觉元素、布局和空间规则

注释

开始之前,创建样式 ID 以从 Illustrator 文档中提取视觉元素,并了解设计资产中的布局和空间规则。

转到视觉元素选项卡,查看从原始文件中提取的所有元素。

在“视觉元素”选项卡中查看从文件图层提取的所有元素。

展开元素以查看每个图层,并根据需要添加说明。 对于某些图层,您还可以添加或移除视觉资产。

向图层添加更多资产、移除现有资产,或为已提取的视觉元素添加说明。

使用布局选项卡查看 Firefly 设计智能系统已学习的布局和方向。 

渠道下拉菜单中选择合适的平台。 使用复选框从检测到的选项中选择您偏好的布局来训练样式 ID。

使用“布局”选项卡查看 Firefly 设计智能系统已学习的布局和方向。

转到空间规则部分,定义当纵横比发生变化时,各元素之间的相对关系如何变化。

从您的设计中选择一个元素以激活固定部分。 使用下拉菜单选择第二个元素以固定到第一个元素。

在“固定”部分,使用下拉菜单选择要固定到第一个元素的第二个元素。
在“固定”部分,使用下拉菜单选择要固定到第一个元素的第二个元素。

选择固定以定义这两个元素之间的关系。

提示

将元素固定在一起可创建参考点,帮助 Firefly 了解在调整大小时哪些设计元素应保持其关系。 这对于徽标、标题或其他需要相对于彼此保持特定位置的元素特别有用。

适配模式部分,选择您的设计如何填充不同的纵横比:

  • 覆盖:完全填充区域,保持纵横比。 溢出部分将被裁切。 
  • 包含:完全适合区域内,保持纵横比。 可能会留下空白空间。
  • 适合宽度:匹配目标宽度;高度按比例调整
  • 适合高度:匹配目标高度;宽度按比例调整。
  • 拉伸:填充两个维度,忽略纵横比。 可能会扭曲元素。
  • 重复至宽度:水平平铺以填充宽度。 仅限图像。 
  • 重复至高度:垂直平铺以填充高度。 仅限图像。 
“适合模式”和“应用于”部分已打开,其下方显示一个方向以及所选的适配模式选项。
使用“应用于”部分,选择在创建新设计时要应用这些空间规则的布局。

应用于部分,选择在生成新设计时希望应用这些空间规则的布局。 如果您希望空间规则应用于所有方向,请选择全选

测试并发布您训练的样式 ID

一旦您对视觉元素、布局和空间规则感到满意,请在同一个 Illustrator 文档中创建具有不同纵横比的新画板。

选择测试按钮以使用新设计填充画板。

审阅生成的设计,确保它们符合您的品牌标准并遵循既定的布局和空间规则。 感到满意后,选择发布图标。

需要确认对话框中,选择确认以发布样式 ID。

您还可以通过选择“样式 ID”面板右上角的汉堡菜单 ,然后选择切换到生成器模式切换到训练器模式,在生成器模式和训练器模式之间切换。

汉堡菜单显示重新加载面板、切换到生成器模式、关于 Firefly Design Intelligence 等选项。
选择“重新加载面板”以刷新面板。

我们建议在生产工作流中使用样式 ID 之前,先在多个纵横比下测试您的样式 ID,以识别空间规则的任何必要调整。 如果生成的布局不符合您的期望,请返回视觉元素布局空间规则分区并优化所选设置。

注释

培训是一个迭代过程。 您可能需要多次调整设置、定义规则并重新测试,才能在所有目标设计和纵横比中实现最佳效果。