グリッドとスナップ
グリッドとスナップ機能を使って、精密で整理されたダイアグラムを作成します。
グリッドの表示
グリッドの表示/非表示
グリッドの表示を切り替え:
- 表示 → グリッドを表示 (Cmd+')
表示時、グリッドはキャンバス上に線または点のパターンとして表示され、オブジェクトの視覚的な整列に役立ちます。

グリッドにスナップ
スナップの有効化
グリッドへのスナップが有効な場合、オブジェクトは自動的にグリッドの交点に整列します:
- 表示 → グリッドにスナップ (Cmd+Shift+')
以下の操作に適用されます:
- オブジェクトの移動
- オブジェクトのサイズ変更
- 新しいシェイプの描画
スナップの仕組み
スナップが有効な場合:
- オブジェクトのエッジやコーナーが最も近いグリッド線にスナップ
- ドラッグ中にオブジェクトがグリッド位置に「ジャンプ」
- サイズ変更ハンドルがグリッドの交点に整列
グリッドサイズ
グリッド間隔の調整
グリッド線間の距離をカスタマイズ:
- Diagrammix3 → 環境設定... を開く
- キャンバスセクションに移動
- グリッドサイズを調整
一般的なグリッドサイズ:
- 8px: 細かい制御、詳細な作業に適している
- 16px: バランスの取れた間隔(デフォルト)
- 24px: 粗いグリッド、素早い整列
- 32px: 大きな間隔、大きなダイアグラム向け
適切なサイズの選択
ダイアグラムのニーズを考慮:
- UI モックアップ: 8px は一般的なデザイングリッドに合う
- フローチャート: 16-24px が快適な間隔を提供
- アーキテクチャ図: 24-32px で大きなシェイプに対応
グリッド vs スマートガイド
どちらも整列に役立ちますが、動作が異なります:
| 機能 | グリッド | スマートガイド |
|---|---|---|
| 視覚的な参照 | 常に表示 | 移動中に表示 |
| 整列の基準 | 固定間隔 | 他のオブジェクト |
| 適した用途 | 一貫した間隔 | 相対的な整列 |
| 組み合わせ可能 | はい | はい |
両方を併用
最大限の精度のために:
- 一貫した配置のためにグリッドスナップを有効化
- 既存のオブジェクトとの整列のためにスマートガイドを有効化
- 初期配置にはグリッドを、最終調整にはガイドを使用
一時的なオーバーライド
スナップの一時的な無効化
ドラッグ中に Cmd を押し続けると、グリッドスナップが一時的に無効になり、自由な配置が可能になります。
正確な位置指定
スナップなしで正確な座標を指定するには:
- オブジェクトを選択
- インスペクタパネルのジオメトリセクションを使用
- 正確な X と Y の値を入力
ヒント
- スナップをオンにして開始: ダイアグラムを作成する前にスナップを有効にして一貫した整列を確保
- ズームに合わせて調整: 特定のズームレベルではグリッドが細かすぎたり粗すぎたりする場合がある
- 間隔の統一に使用: グリッドで要素間の均等なギャップを確保
- シェイプに合わせる: 一般的なシェイプの寸法に合わせてグリッドサイズを設定