Sistem de diagrame

4 min read

Creați diagrame de flux, diagrame UML, diagrame de rețea, și conectați orice elemente vizuale cu conectori inteligent.

[Diagram Flowchart] (…/images/diagram-flowchart.png)

Prezentare generală

Sistemul Diagramei oferă:

  • Diagram Shapes
  • Smart Conectors
  • Connect Anything
  • Auto-Layout

Accesarea panoului de diagrame

  1. Faceţi clic pe butonul Diagram din bara de instrumente stângă
  2. Panoul Diagramei se deschide arătând forme disponibile

Tablou Diagram

Crearea formelor diagramei

Din panou

  1. Deschide panoul Diagramei
  2. Selectați o categorie de formă (Flowchart, UML, Network, Basic)
  3. Faceți clic pe o formă pentru a o adăuga la pânză
  4. Trageți la poziția

Categorii formă

Categorie Forme Utilizare
Flowchart Proces, decizie, terminal, date, document, baze de date Debite, fluxuri de lucru
UML Clasă, utilizare caz, actor Diagrame software
Rețea Cloud, Server Diagrame de arhitectură
Basic Rectangle, Circle, Triangle, Star Scopul general

Elemente de conectare

Conectare rapidă (orice element)

  1. Alegeți elementul sursă
  2. Țineți Shift și faceți clic pe elementul țintă
  3. Un conector este creat automat

Folosind modul de conectare

  1. Faceți clic pe Conecta în panoul Diagrama (sau apăsați C)
  2. Faceți clic pe portul elementului sursă (cerc albastru)
  3. Trageți la portul elementului țintă
  4. Lansare pentru crearea conexiunii

[Conecta orice] […/images/diagram-connect-anything.png]

Lucrează cu orice element

Conectorii nu se limitează la forme de diagrame. Conectează:

  • Imagini și SVG importate
  • Elemente text
  • Forme personalizate (cercuri, stele, dreptunghiuri)
  • Elemente create de generator

Stiluri conector

Stiluri de rutină

Stil Descriere Cel mai bun pentru
Direct Linia dreaptă Conexiuni simple
Ortogonală Calea unghiului drept Diagrame tehnice
Curbat Curbe bezere netede Modele organice

Stiluri Arrowhead

Stil Aspect
Clasic Triunghi umplut
Furt Diamant cu crestătură
Sharp Punct alungit
Deschide Forma V
Diamant Forma diamantului
Cerc Cerc umplut
Niciuna Fără vârfuri de săgeată

[Connector Styles] (…/images/diagram-connector-styles.png)

Auto-Layout

Aranjează automat diagrama:

  1. Selectaţi formele pentru a aranja (sau selectaţi nici unul pentru toţi)
  2. Click Auto-Layout în panoul Diagrama
  3. Alegeți un algoritm de dispunere

Tipuri de aranjament

Aranjament Descriere Cel mai bun pentru
Ierarhie De sus până jos Difuzoare, diagrame org
Arbore Ierarhia părinte-copil Arbori de familie, structuri de fișiere
Radial Cercuri concentrice Hărți minte
Grilă Grilă regulată Șasiuri, galerii
Reglată prin forță Pe bază de fizică Diagrame de rețea

[Layout Auto] (…/images/diagram-auto-layout.png)

Exemple de diagrame

Flowchart

[Flowchart] (…/images/diagram-flowchart.png)

Un simplu flux de proces cu:

  • Forme terminale pentru pornire/sfârșit
  • Forme de proces pentru acțiuni
  • Diamant de decizie pentru condiții
  • Conectori ortogonali

Diagrama rețelei

[ Diagrama network] (…/images/diagram-network.png)

O arhitectură de rețea care prezintă:

  • Forma norilor pentru internet
  • Forme server pentru infrastructură
  • Conectori înfundati pentru conexiuni interne

UML utilizare caz

[ Diagrama ULL] (…/images/diagram-uml-usecase.png)

O diagramă de caz de utilizare cu:

  • Figura stick actor
  • Utilizați elipsele de caz
  • Conectori de asociere

Conectori animați

Se adaugă efectul “bolt” pentru fluxul animat:

  1. Alegeți un conector
  2. Activează Efect bult în Proprietăți
  3. Ajustează setările:
    • Color
    • Viteză de animație
    • Size

Șurubul se deplasează de-a lungul conectorului, arătând direcția fluxului de date.

Sfaturi

Diagrama Sfaturi:

  • Utilizați rutarea ortogonală pentru diagrame tehnice
  • Utilizați rutarea curbată pentru stiluri organice, de hartă a minții
  • Aplică Auto-Layout după adăugarea tuturor formelor
  • Țineți Shift în timp ce trageți pentru snap-to-grid

Scurtături tastatură

Cheie Acțiune
C Introduceți modul de conectare
Escape Modul de conectare ieșire
Delete Șterge conectorul selectat/forma

Legate