Lucidでコンテンツを整理するには、グリッドレイアウトを使用します。

ご覧ください:Lucid Suiteのグリッドレイアウト

グリッドレイアウトを有効にする

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

Lucidchart の場合

Lucidchartでグリッドレイアウトを有効にするには、以下のステップをフォローしてください:

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

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

Lucidspark の場合

Lucidsparkでグリッドレイアウトを有効にするには、以下のステップをフォローしてください:

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

3. 「グリッドレイアウト」をオンに切り替えます。

   

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

既存の図形でグリッドレイアウトを使いましょう

フレームやコンテナ、スイムレーンで囲まれていなくても、キャンバス上の既存の図形のグリッドレイアウトを有効にすることができます。 下の太字セクションの手順をフォローしてください。Todo this in do in do this do 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)

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

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