Diagram System

4 min read

Akışkarları oluşturun, UML diyagramları, ağ diyagramları ve akıllı konektörlerle herhangi bir görsel elementleri bağlar.

Diagram Flowchart

Genel Bakış

Diagram Sistemi sağlar:

  • Diagram Şekilleri - Flowchart, UML ve ağ sembolleri
  • Smartups – Şekiller hareket ettiğinde güncellemek için Auto-routing oklar
  • **Herhangi bir tuval eşyasını bağlayın (görüntüler, metin, şekiller, SVGs)
  • Auto-Layout - Otomatik olarak diyagramlar düzenler

Diagram Paneline Erişim

  1. Diagram düğmesine sol araç çubuğunda
  2. Diagram paneli mevcut şekilleri gösteriyor

Diagram Panel

Diagram Şekilleri Oluşturmak

Panelden itibaren

  1. Diagram paneli açın
  2. Bir form kategorisi seçin (Flowchart, UML, Network, Basic)
  3. Tuvale eklemek için bir şekil tıklayın
  4. Konumuna kaydırın

Form Kategoriler

Kategori Şekiller Kullanım için Kullanımı
Akışkart Süreç, Karar, Terminal, Data, Document, Database Akışkarlar, akışlar
UML Sınıf, Use Case, Aktör Yazılım diyagramları
Ağ Ağı Ağı Cloud, Server Mimari diyagramlar
Temel Rect Fukushima, Circle, Üçgen, Star Genel amaç

Maddeler

Quick Connect (Herhangi bir eşya)

  1. Kaynak öğesini seçin
  2. Shift tutun ve hedef öğeye tıklayın
  3. Bir bağlantı otomatik olarak oluşturulur

Connect Mode

  1. Click Connect in Diagram Panel (veya C)
  2. Kaynağın limanına tıklayın (mavi çember)
  3. Hedef öğenin limanına gidin
  4. Bağlantı oluşturmak için

(…/images/diagram-connect-anything.png)

Herhangi Bir Ölmüş ile çalışır

Çizimler diyagram şekilleri ile sınırlı değildir. Connect:

  • Görüntüler ve ithal SVGss
  • Text elements
  • Özel şekiller (barışlar, yıldızlar, dikdörtgenler)
  • Üretilmiş elementler

Lines

Routing Styles

Style Açıklama En iyisi için
Doğrudan Doğru çizgi Basit bağlantılar
Orthogonal Doğru yol yolları Teknik diyagramlar
Curved Parlak ber eğrileri Organik düzenler

Okçular

Style Görünüm görünümü
Klasik Tamamlanmış üçgen
Stealth Diamond with notchch
Sharp Elongated point
Open V-shape draft
Elmas Elmas şekli
Circle Tamamlanmış çember
Hiçbir şey yok No okhead

Connector Styles

Auto-Layout

Otomatik olarak diyagramınızı ayarlayın:

  1. Düzenlemek için şekilleri seçin (veya hiçbirini seçin)
  2. Click Auto-Layout in the Diagram Panel
  3. Bir düzen algoritması seçin

Layout Type

Layoutout Açıklama En iyisi için
Hierarchical Katmaned top-to-altı Flowcharts, org grafikler
Ağaç Ebeveyn-çocuk hiyerarşisi Aile ağaçları, dosya yapıları
Radial Consan çevreleri Zihin haritaları
Grid Düzenli ızgara Inventories, galeriler
Force-Directed Fizik tabanlı Ağ diyagramları

Auto Layout

Diagram Örnekler

Akışkart

Flowchart

Basit bir süreç ile akış:

  • Başlangıç/Bitiş için Terminal şekilleri
  • Eylemler için süreçler şekilleri
  • Koşullar için elmas
  • Orthogonal Bağlantılar

Network Diagram

Ağ Diagram

Bir ağ mimarisi gösteriyor:

  • İnternet için Bulut formu
  • Altyapı için sunucu şekilleri
  • İç bağlantılar için Dashed Bağlantılar

UML Use Case

UML Diagram

A use case diagram with:

  • Aktör çubuğu figür
  • Elpses
  • Ortaklık Bağlantıları

Hareketlilikler

Animasyon akışı için “bolt” etkisini ekleyin:

  1. Bir bağlantı seçin
  2. Enable Bolt Etkisi In Properties
  3. Ayar ayarları:
    • Renk – Bolt color
    • Speed – Animation hız
    • **Size

Ekran boyunca cıvata seyahat eder, veri akışını gösterir.

İpuçları

Diagram İpuçları:

  • Teknik diyagramlar için kullanım ortogonal routing
  • Organik, zihin-map stilleri için eğriliği kullanın
  • Tüm şekilleri ekledikten sonra Auto-Layout
  • Shift'u tut, snap-to-grid için sürüklerken

Finger Shortcuts

Anahtar Eylem
C Bağlantı modu girin
Escape Çıkış
Delete Delete seçilmiş konektör /shape

İlgili