動画の内容はテキストで読むこともできます

XDユーザーズガイドのテキストを読みながら学ぶとより理解できます

公式テキストを読む

Tutorial

オブジェクトの整列、分布

この動画のサンプルファイル

ui-design-align-distribute-objects.zip (120 KB)

列パネルを使用すると、オブジェクトを整列させたり、等間隔に並べることができます。整列に使用できるオプションは以下の通りです。

  • 上揃え、上下中央揃え、下揃え
  • 左揃え、左右中央揃え、右揃え

オブジェクトを1つだけ選択した場合は、整列の対象がアートボードになります。複数のオブジェクトを選択すると、オブジェクト同士の相対位置が揃います。

複数のオブジェクトを選択し、上下または左右に等間隔に配置することもできます。その場合は、垂直方向に分布または水平方向に分布アイコンを使用します。

また、オブジェクトの端をピクセルグリッドに合わせることができます。これにより、書き出す画像の線をくっきりさせられます。オブジェクトを右クリックし、コンテキストメニューからピクセルグリッドに整合を選択します。