Sistema di diagramma

4 min read

Crea diagrammi di flusso, diagrammi UML, diagrammi di rete e collega qualsiasi elemento visivo con connettori intelligenti.

Diagram Flowchart

Panoramica

Il sistema di diagramma fornisce:

  • Diagram Shapes — Flowchart, UML e simboli di rete
  • Connettori intelligenti — Frecce auto-routing che aggiornano quando le forme si muovono
  • Connect Qualsiasi cosa — Collegare qualsiasi elemento di tela (immagini, testo, forme, SVGs)
  • Auto-Layout — Sistema automaticamente i diagrammi

Accesso al Pannello diagramma

  1. Fare clic sul pulsante Diagram nella barra degli strumenti sinistra
  2. Il pannello Diagram si apre mostrando forme disponibili

Diagram Panel

Creazione di forme di diagramma

Dal pannello

  1. Aprire il pannello Diagram
  2. Seleziona una categoria di forma (Flowchart, UML, Network, Basic)
  3. Fare clic su una forma per aggiungerlo alla tela
  4. Passare alla posizione

Categorie

Categoria Forma Utilizzare per
Carico di flusso Processo, Decisione, Terminale, Dati, Documento, Database Carrelli, flussi di lavoro
UML Classe, Caso di utilizzo, Attore Diagrammi software
Rete di rete Cloud, Server Diagrammi di architettura
Base di base Rettangolo, cerchio, triangolo, stella Scopo generale

Elementi di collegamento

Quick Connect (Ogni oggetto)

  1. Selezionare l’elemento sorgente
  2. Tenere Shift e fare clic sull’elemento di destinazione
  3. Un connettore viene creato automaticamente

Utilizzo della modalità Connect

  1. Fare clic su Connect nel pannello Diagram (o premere C)
  2. Clicca sulla porta dell’elemento sorgente (circolo blu)
  3. Passare alla porta dell’elemento di destinazione
  4. Rilasciare per creare la connessione

Connect Anything

Funziona con qualsiasi oggetto

I connettori non sono limitati alle forme del diagramma. Collegamento:

  • Immagini e SVG importati
  • Elementi di testo
  • Forme personalizzate (circoli, stelle, rettangoli)
  • Elementi creati dal generatore

Stile del connettore

Stile di routine

Stile Descrizione Migliore per
Direct Linea retta Collegamenti semplici
Ortogonale Percorsi d’angolo destro Schede tecniche
Curvo Smooth bezier curve Disposizioni organiche

Stile di freccia

Stile Aspetto
Classico Triangolo riempito
Stealth Diamante con tacca
Sharp Punto allungato
Apri Schema V-shape
Diamante Forma diamante
Circolo Cerchio riempito
Nessuno Nessuna freccia

Connector Styles

Auto-Layout

Organizza automaticamente il tuo diagramma:

  1. Selezionare le forme per organizzare (o selezionare nessuno per tutti)
  2. Fare clic su Auto-Layout nel pannello Diagramma
  3. Scegli un algoritmo di layout

Tipi di layout

Telaio Descrizione Migliore per
Gerarchica Livello superiore a fondo Cartelli di flusso, grafici di org
Albero Gerarchia dei genitori Alberi familiari, strutture di file
Radiale Cerchi concentrici Mappe della mente
Griglia Griglia regolare Inventario, gallerie
Forza diretta Fisica Diagrammi di rete

Auto Layout

Esempi di diagramma

Carico di flusso

Flowchart

Un semplice flusso di processo con:

  • Forme terminali per Start/End
  • Forme di processo per azioni
  • Diamante decisione per condizioni
  • Connettori ortogonali

Diagramma di rete

Network Diagram

Un’architettura di rete che mostra:

  • Forma cloud per internet
  • Forme server per infrastrutture
  • Connettori per collegamenti interni

Caso di utilizzo UML

UML Diagram

Un diagramma di caso di utilizzo con:

  • Figura bastone attore
  • Utilizzare ellisse caso
  • Connettori di associazione

Connettori animati

Aggiungi l’effetto “bolt” per il flusso animato:

  1. Selezionare un connettore
  2. Attivare Bolt Effect in Proprietà
  3. Regolare le impostazioni:
    • Colore — Colore di bullone
    • Speed — Velocità di animazione
    • Size — Dimensione del bullone

Il bullone viaggia lungo il connettore, mostrando la direzione del flusso di dati.

Consigli

Consigli di diagramma:

  • Utilizzare routing ortogonale per diagrammi tecnici
  • Utilizzare routing curvo per stili organici, mind-map
  • Applicare Auto-Layout dopo aver aggiunto tutte le forme
  • Tenere Shift mentre si trascina per snap-to-grid

Tastiera Scorciatoie

Chiave Azione
C Inserisci la modalità di connessione
Escape Modalità di connessione all’uscita
Delete Eliminare il connettore selezionato/shape

Correlati