「視覚的要素」タブに移動して、元のファイルから抽出されたすべての要素をレビューします。
最終更新日 :
2026年4月1日
Firefly Design Intelligence を使用して、Style ID をトレーニングおよびテストし、レイアウト、空間ルールを定義し、生成されたデザインでのブランド一貫性を確保し、デザインを公開する方法について説明します。
注意：
Firefly Design Intelligence は現在、期間限定のリリースです。
Style ID をトレーニングすると、Firefly Design Intelligence でブランドのデザインシステムを理解し、要素の関係およびレイアウトルールを確立するのに役立ちます。これにより、デザインのサイズ変更や適応時に視覚的な一貫性が確保されます。このルールを確立すると、デザイン標準を維持しながら複数のデザインレイアウトバリエーションを自信を持って生成できます。
Style ID をトレーニングするには、次が必要です。
- Firefly Design Intelligence が有効になっている Adobe Illustrator
- 割り当てられたデザインアセットで既に作成されている Style ID
- ブランドのレイアウトと間隔要件の理解
視覚的要素、レイアウト、および空間ルールの操作
注意：
開始する前に、Style ID を作成して、Illustrator ドキュメントから視覚的要素を抽出し、デザインアセット内のレイアウトおよび空間ルールを理解してください。
要素を展開して各レイヤーを表示し、必要に応じて指示を追加します。一部のレイヤーでは、視覚的アセットを追加または削除することもできます。
「レイアウト」タブを使用して、Firefly Design Intelligence が学習したレイアウトおよび向きを表示します。
チャンネルドロップダウンメニューから、適切なプラットフォームを選択します。 チェックボックスを使用して検出されたオプションから好みのレイアウトを選択して、Style ID をトレーニングします。
「空間ルール」セクションに移動して、縦横比が変更されたときに要素同士の関係を定義します。
デザインから要素を選択して、「ピン留め」セクションをアクティベートします。 ドロップダウンメニューを使用して 2 番目の要素を選択して、最初の要素にピン留めします。
ヒント :
要素をピン留めすることで、サイズ変更時にいずれのデザイン要素が関係を維持すべきかを Firefly が理解するのに役立つ基準点が作成されます。これは、ロゴ、見出し、または互いに対して特定の位置を維持する必要があるその他の要素に特に有用です。
「フィットモード」セクションで、デザインにより、異なる縦横比をどのように塗りつぶされるかを選択します。
- カバー：縦横比を維持しながら、領域を完全に塗りつぶします。オーバーフローはトリミングされます。
- 含む：縦横比を維持しながら、領域内に完全に収まります。空のスペースが残る場合があります。
- 幅に合わせる：ターゲットの幅に合わせて、高さは比例して調整されます
- 高さに合わせる：ターゲットの高さに合わせて、幅は比例して調整されます。
- ストレッチ：縦横比を無視して、両方の寸法を塗りつぶします。要素が歪む可能性があります。
- 幅方向に繰り返し：縦に並べて表示して、幅を塗りつぶします。画像のみ。
- 高さ方向に繰り返し：横に並べて表示して、高さを塗りつぶします。画像のみ。
「適用先」セクションで、新しいデザインを生成するときにこの空間ルールを適用するレイアウトを選択します。空間ルールをすべての向きに適用する場合は、「すべて選択」を選択します。
トレーニング済み Style ID をテストおよび公開
視覚的要素、レイアウト、および空間ルールに満足したら、同じ Illustrator ドキュメント内で異なる縦横比の新しいアートボードを作成します。
「テスト」ボタンを選択して、アートボードに新しいデザインを配置します。
生成されたデザインがブランド基準を満たし、確立されたレイアウトと空間ルールに準拠していることを確認してください。満足したら、「公開」アイコンを選択します。
確認が必要ダイアログで、「確認」を選択して Style ID を公開します。
Style ID パネルの右上にあるハンバーガーメニュー を選択してから、ジェネレーターモードに切り替えまたはトレーナーモードに切り替えを選択することで、ジェネレーターモードとトレーナーモードを切り替えることもできます。
本番ワークフローで使用する前に、複数の縦横比でスタイル ID をテストして、空間ルールに必要な調整を特定することをお勧めします。生成されたレイアウトが期待に応えていない場合は、「視覚的要素」、「レイアウト」、および「空間ルール」セクションに戻り、選択した設定を調整します。
注意：
トレーニングは反復プロセスです。すべてのターゲットデザインおよび縦横比にわたって最適な結果を得るには、設定の調整、ルールの定義、再テストを数回行う必要がある場合があります。
