ダイアグラムシステム
フローチャート、UML 図、ネットワーク図を作成し、任意のビジュアル要素をスマートコネクタに接続します.
プロフィール
図形システムは提供します:
- 図形 — フローチャート、UML、ネットワークシンボル
- スマートコネクタ — 形状の移動時に更新する自動ルーティング矢印
- すべてのキャンバス項目(画像、テキスト、図形、SVG)を接続
- 自動レイアウト — 自動的に図を整理
図パネルへのアクセス
- 左側のツールバーにあるDiagramボタンをクリック
- ダイアグラムパネルは、利用可能な形状を示すオープン
図形の作成
パネルから
- ダイアグラムパネルを開く
- 形状カテゴリを選択(フローチャート、UML、ネットワーク、基本)
- シェイプをクリックしてキャンバスに追加します
- 位置にドラッグ
形状のカテゴリー
| カテゴリー | 形状 | 使用のために |
|---|---|---|
| フローチャート | プロセス、決定、ターミナル、データ、文書、データベース | フローチャート、ワークフロー |
| ログイン | クラス、ユースケース、俳優 | ソフトウェア図 |
| ネットワーク | クラウド、サーバー | 建築図 |
| 基本情報 | 長方形、円、三角形、星 | 一般目的 |
アイテムの接続
クイックコネクト(任意のアイテム)
- ソース項目を選択
- Shiftを握り、ターゲット項目をかちりと鳴らして下さい
- コネクターは自動的に作成されます
Connect モードの使用
- ダイアグラムパネルのConnectをクリック(またはCを押します)
- ソース項目のポート(青い円)をクリックします
- 対象となる項目のポートにドラッグ
- 接続を作成するリリース
あらゆる項目を使用すれば
コネクターは図形に限られません。 接続:
- イメージおよび輸入されたSVGs
- テキスト要素
- カスタム形状(円形、星、長方形)
- ジェネレータ作成要素
コネクター様式
ルーティングスタイル
| スタイル | コンテンツ | 最高ののための |
|---|---|---|
| ダイレクト | ストレートライン | 簡単な接続 |
| 矯正歯科 | 右角道 | 技術的な図 |
| カーブ | 滑らかなビーザーのカーブ | オーガニックレイアウト |
アローヘッドスタイル
| スタイル | インフォメーション |
|---|---|
| クラシック | 埋められた三角形 |
| ステルス | ノッチ付きダイヤモンド |
| シャープ | 延長ポイント |
| オープン | V形輪郭 |
| ダイヤモンド | ダイヤモンドの形 |
| サークル | 埋められた円 |
| なし | 矢印なし |
自動レイアウト
自動的にあなたの図を整理して下さい:
- 形状を選択(またはすべて選択)
- ダイアグラムパネルのAuto-Layoutをクリック
- レイアウトアルゴリズムの選択
レイアウトタイプ
| レイアウト | コンテンツ | 最高ののための |
|---|---|---|
| ヒエレクトリック | 層別トップ・ツー・ボトム | フローチャート、org チャート |
| ツリー | 親子階層 | 家族の木、ファイル構造 |
| ラジアル | 同心円 | マインドマップ |
| グリッド | 規則的な格子 | 在庫、ギャラリー |
| 力指示される | 物理ベース | ネットワーク図 |
図形例
フローチャート
簡単なプロセスフローチャート:
- 開始/終了のための末端の形
- アクションのプロセス形状
- 条件のための決定ダイヤモンド
- 正当性コネクタ
ネットワーク図
ネットワークアーキテクチャ:
- インターネット向けクラウド型
- インフラ向けサーバー形状
- 内部リンク用のコネクタをダッシュ
UMLユースケース
使用例図:
- 俳優スティックフィギュア
- ユースケースの楕円
- 協会のコネクター
アニメーションコネクタ
アニメーションフローの「ボルト」効果を追加します
- コネクターを選ぶ
- プロパティでBolt Effectを有効にします
- 設定を調節して下さい:
- 色 — ボルト色
- 速度 — アニメーション速度
- サイズ — ボルトサイズ
ボルトはコネクターに沿って移動し、データの流れの方向を示します.
ニュース
の特長
の特長
ダイアグラムのヒント:
- 技術的な図にオーソロゴンルーティングを使用する
- オーガニック、マインドマップスタイルでカーブしたルーティングを使用
- すべての形状を追加した後、オートレイアウトを適用
- Shiftを握り、スナップ・ツー・グリッドをドラッグします
キーボードショートカット
| キーキー | アクション |
|---|---|
| C | 接続モードを入力 |
| Escapeの特長 | 出口はモードを接続します |
| Deleteの特長 | 選択されたコネクター/形の削除 |
関連記事
- 配列とコネクタ — レガシー矢印ツール
- アニメーション — アニメーションの要素
- キーフレームエディタ — 複雑なアニメーションシーケンス