Lucidでコンテンツを整理するためにアシストレイアウトを使用する

ご覧ください:Lucid Suiteのアシストレイアウト

アシストレイアウトを有効にする

アシストレイアウトは、フレーム、コンテナー、スイムレーン内の調整可能なグリッド パターンにコンテンツを整理し、コンテンツが追加または削除されたときに必要に応じてスペースを自動的に調整します。フレーム、コンテナー、スイムレーンのアシストレイアウトを有効にする手順は、Lucid 製品ごとに異なります。Lucidchart と Lucidspark での手順については、以下のセクションをご覧ください。

Lucidchart の場合

Lucidchart でアシストレイアウトを有効にするには、次の手順に従います。

1. キャンバス上のフレーム、コンテナ、またはスイム レーンの境界線を選択します。
2. キャンバスの右側にあるコンテキストパネルから「アシストレイアウト」をオンに切り替えます。
   

フレーム、コンテナ、またはスイムレーン内の既存のアイテムは、グリッドパターンに自動的にスナップします。その他のカスタマイズオプションについては、以下の「 支援レイアウトオプションのカスタマイズ」 セクションを参照してください。

Lucidspark の場合

Lucidspark でアシストレイアウトを有効にするには、次の手順に従います。

1. ボード上のフレーム、コンテナ、またはスイム レーンの境界線をクリックします。
2. 選択表示されるコンテキスト メニューからアシスト レイアウト アイコンを選択します。

3. 「アシストレイアウト」をオンに切り替えます。

   

フレーム、コンテナ、またはスイムレーン内の既存のアイテムは、自動的にグリッドパターンに再配置されます。その他のカスタマイズオプションについては、以下の「 支援レイアウトオプションのカスタマイズ」 セクションを参照してください。

既存の図形でアシストレイアウトを使用する

キャンバス上の既存の図形のアシストレイアウトは、フレーム、コンテナ、またはスイムレーンに含まれていない場合でも有効にできます。フォロー以下の太字のセクションの手順 To Do this in Lucidchart and Lucidspark。

Lucidchart の場合

1. キャンバス上で 2 つ以上の図形を選択します。
   • キーボードの「シフト」を押したままにして、複数のオブジェクトを選択します。
2. 選択範囲を右クリックします。
3. 表示されるオプションから [ 支援レイアウトに追加 ] を選択します。

図形は、アシストレイアウトが有効になっているフレームに追加されます。

Lucidspark の場合

1. キャンバス上で 2 つ以上の図形を選択します。
   • キーボードの「シフト」を押したままにして、複数のオブジェクトを選択します。
2. 表示されるコンテキストメニューからクイッククリーンアップアイコン を選択します。
3. [支援レイアウトの適用] をクリックします。

図形は、アシストレイアウトが有効になっているフレームに追加されます。

片付ける
Lucidchart と Lucidspark の両方で、選択した図形を整理でき、オブジェクトをフレーム、コンテナ、スイムレーンに配置することなく、アシストレイアウトと同様に機能します。

キャンバスのオブジェクトを片付けるには、次の手順をフォローしてください。

1. キャンバス上で 3 つ以上の図形を選択します。
2. カーソルを合わせる 選択。
3. 選択範囲の右下隅にある [ 整理] をクリックします。

オブジェクトはキャンバス上でグリッドパターンに再編成され、オブジェクト間の間隔を調整できます。

クラスター
Lucidsparkでは、キャンバスで見開きを出している図形の選択をクラスター化できます。キャンバスの一箇所に物体を格子状に集める。

キャンバスでオブジェクトをクラスタ化するには、次の手順に従ってください。

1. キャンバス上で 3 つ以上の図形を選択します。
2. 表示されるコンテキストメニューからクイッククリーンアップアイコン を選択します。
3. [クラスタ] をクリックします。

オブジェクトは、キャンバス上で凝縮されたグリッドパターンに再編成されます。

アシストレイアウトを使用したコンテンツの追加と管理

アシストレイアウトを有効にすると、コンテンツを追加および管理するための複数のオプションがあります。コンテンツの追加、再配置、スパンの詳細については、以下のセクションをご覧ください。

新しいコンテンツを追加する

アシストレイアウトが有効になったら、フレーム、コンテナー、またはスイムレーンにドラッグして新しいコンテンツを追加します。

• オブジェクトを暗い線の上にドロップすると、そのオブジェクトが新しい行または列に挿入されます。
• オブジェクトを影付きのドロップゾーンにドロップすると、オブジェクトが既存のスペースに追加されます。

精密配置
アシストレイアウトを有効にしてフレーム、コンテナ、またはスイムレーンの正確な場所にオブジェクトを配置するには、精密配置を使います。これにより、グリッドスナップを一時的にオフにでき、図形を正確に好きな場所に配置できます。

精密配置を使用するには、次の手順に従います。

1. オブジェクトを選択します。
2. キーボードの Ctrl キー (PC) または Command キー (Mac) を押したまま、オブジェクトを所定の位置にドラッグします。

新しいオブジェクトがどのグリッド セルまたは既存のオブジェクトに固定されるかを示す点線が表示されます。既存のオブジェクトにアンカーすると、2 つのオブジェクトがグループ化されます。つまり、フレーム、コンテナー、またはスイムレーン内で元のオブジェクトを移動すると、新しいオブジェクトも自動的に一緒に移動します。

フレーム、コンテナ、またはスイムレーンを別のフレーム、コンテナ、またはスイムレーン内にネストする
整理のレイヤーを増やすために、フレーム、コンテナ、またはスイムレーンを別のフレーム、コンテナ、またはスイムレーン内にネストできます。

ネストされたフレーム、コンテナ、またはスイムレーンは、レイアウト内のタイルを占有しますが、独自のアシストレイアウト設定は維持されます。たとえば、ネストされたコンテナは、ネストされている親フレームとは異なる余白と間隔を持つことができます。

フレーム、コンテナ、またはスイムレーンをネストするには、アシストレイアウトが有効になっているフレーム、コンテナ、またはスイムレーン内にドラッグします。

オブジェクトの並べ替え

2 つのオブジェクトの配置を交換するには、1 つのオブジェクトを別のオブジェクトの上にドラッグ アンド ドロップします。

オブジェクトを複数のセルにまたがる

アシストレイアウトグリッド内の複数のセルにオブジェクト、フレーム、コンテナ、スイムレーンを横断すれば、以下の手順に従うことができます。

Lucidchart の場合

1. 複数のセルにまたがりたいオブジェクト、フレーム、コンテナ、またはスイムレーンを選択します。
2. ワークスペースの右上隅にあるコンテキストパネルアイコン をクリックします。
3. 「セルにまたがる」で、ドロップダウンメニューをクリックします。
4. ドロップダウンメニューからオプションを選択します。
   • セルを占有 して、図形を 1 つのセルに残します。図形は、サイズを変更しても複数のセルにまたがることはありません。
   • 水平方向にまたが って、図形を複数の水平セルにまたがらせます。
   • 垂直方向にまたがると 、図形が複数の垂直セルにまたがることができます。
   • 両方向にまたがって、 図形を水平方向と垂直方向の両方の複数のセルにまたがらせることができます。
5. オブジェクトの端に表示されるプル タブを使用して、目的の方向にオブジェクトを広げます。

オブジェクトは、アシストレイアウトグリッド内の複数のセルを占めるようになりました。

Lucidspark の場合

1. 複数のセルにまたがりたいオブジェクト、フレーム、コンテナ、またはスイムレーンを選択します。
2. 表示されるコンテキストツールバーから [セルのスパン] アイコン をクリックします。
   • この図形のスパン設定を以前に更新した場合、アイコンは異なる場合があります。
3. 表示されるパネルからオプションを選択します。
   • セルを占有 して、図形を 1 つのセルに残します。図形は、サイズを変更しても複数のセルにまたがることはありません。
   • 水平方向にまたが って、図形を複数の水平セルにまたがらせます。
   • 垂直方向にまたがると 、図形が複数の垂直セルにまたがることができます。
   • 両方向にまたがって、 図形を水平方向と垂直方向の両方の複数のセルにまたがらせることができます。
4. オブジェクトの端に表示されるプル タブを使用して、目的の方向にオブジェクトを広げます。

オブジェクトは、アシストレイアウトグリッド内の複数のセルを占めるようになりました。

補助レイアウトオプションのカスタマイズ

フレーム、コンテナ、またはスイムレーンのアシストレイアウトを有効にした後、各オブジェクトのレイアウトや配置をカスタマイズできます。これらのオプションは 、AIと Lucidchart ダイアグラムを生成した後にも利用可能です。

アシストレイアウトの設定にアクセスするには、以下の手順をフォローしてください:

1. レイアウト補助が有効になっているフレーム、コンテナ、またはスイム レーンの境界線を選択します。
2. アシストレイアウト設定を確認してください:
   1. Lucidchartでは、設定はキャンバスの右側に開くコンテキストパネルにあります。
   2. Lucidsparkでは、表示されたコンテキストメニューからアシストレイアウトのアイコン選択します。

アシストレイアウト設定から、以下の調整が可能です:

• スペース/余白:上下矢印を使うか、新しい数字の値を入力して、オブジェクト間のスペースの幅を変えます。
• サイズ:サイズのオプションを選択してください。「フィット」はフレーム、コンテナ、スイムレーンを自動的にサイズ変更してオブジェクトを収め、「手動」はコーナーをドラッグして手動でサイズ変更し、アシストレイアウトグリッド内のセルを増減させることができます。
• 線:自動線ルーティングの有効化または無効化。 自動線ルーティングはデフォルトで有効で、線を最適なパスにスナップし、他のオブジェクトとの重複を避けます。
  • 自動線ルーティングを無効にしている場合、クイッククリーンアップ線アイコン クリックしてフレーム、コンテナ、またはスイムレーンの既存の線を一度だけ素早くクリーンアップできます。
• 配置：オブジェクトが占めるセル内での配置方法を変更します。
  

オブジェクト間の間隔を手動で調整してください

オブジェクト間のスペースを拡大または縮小するには、次の手順に従います。

1. キャンバス上のフレーム、コンテナ、またはスイム レーンの境界線を選択します。
2. オブジェクト間に表示される線を水平または垂直にクリックしてドラッグし、スペースを追加または削除します。
   • キーボードのシフトキーを押したまま線をドラッグすると、アスペクト比がロックされます。

親から子コンテナへ設定を継承する

コンテナをネストする際、以下の手順に従って親のレイアウト設定を引き継ぐように設定できます:

1. ネストされた(子)コンテナを選択します。
2. コンテキストメニューからアシストレイアウトのアイコン 選択してください。
3. 表示されたパネルの上部にある「継承」をクリックしてください。

スペースや余白などのレイアウト設定は親コンテナと一致します。 カスタム をクリックすると、 ネストコンテナのユニークなレイアウト設定を設定できます。

よくある質問 (FAQ)

なぜアシストレイアウトを使おうとするとエラーが出るのでしょうか?
アシストレイアウトがサポートされていないオブジェクトタイプに遭遇するとエラーが発生します。 サポートされていないオブジェクトタイプには、テーブル、タイムライン、組織図、ビジュアルアクティビティ、ダイナミックテーブル、スマートコンテナーなどがあります。

この記事へのフィードバックをお寄せください