グループ化された要素を並べ替えたり、新しいコンテンツを追加するとサイズ変更するデザインを作成しましょう。このチュートリアルでは、パディングとスタックを使用してマーケティングバナーを作成する方法を学びます。長方形ツールを使用してバナーを描画し、角を丸くして整列する方法を説明します。プロパティインスペクターで属性を更新することで、バナーの水平反転や、カラー、幅、不透明度設定の調整、境界線へのドロップシャドウの追加を行います。
Adobe Stockの画像を読み込んで、美しいグラフィックを追加します。テキストツールを使用してボタンをデザインし、テキストを追加し、スタイルを適用します。プロパティインスペクターとライブラリパネルで新しいコンポーネントを作成する2通りの方法をご紹介します。プロパティインスペクターを使用して新しいステートを作成し、パディングを有効にします。それから、ボタンのラベルを編集し、異なる整列設定をしてみて、Adobe XDが要素間の間隔を保つか試してみましょう。パディングが有効の状態でスタック内のグループ化済コンテンツを編集すると、作業中にコンテンツのサイズが自動変更されます。