Diagramsystem

4 min read

Opret flowdiagrammer, UML diagrammer, netværk diagrammer, og tilslut eventuelle visuelle elementer med smart stik.

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

Oversigt

Diagramsystemet indeholder:

      • Diagram figurer * * - Flowchart, UML, og netværk symboler
      • Smarte forbindelser * * - Auto- routing pile, der opdateres, når figurer flytte
      • Forbind alt * * - Link alle lærred elementer (billeder, tekst, figurer, SVAG)
      • Auto- Layout * * - Automatisk arrangere diagrammer

Adgang til diagrampanelet

  1. Klik på * * Diagram * * knappen i venstre værktøjslinje
  2. Diagrampanelet åbner viser tilgængelige former

! [Diagrampanel] (…/images/diagram-panel-shapes.png)

Opret diagrammer

Fra panelet

  1. Åbn diagrampanelet
  2. Vælg en formkategori (Flowchart, UML, Network, Basic)
  3. Klik på en form for at tilføje det til lærredet
  4. Træk til position

Shape Kategorier

Kategori Former Brug til
Flowchart Process, beslutning, terminal, data, dokument, database Flowdiagrammer, arbejdsgange
UML Klasse, brugstilfælde, skuespiller Softwarediagrammer
Netværk Cloud, server Arkitektdiagrammer
Grundlæggende Rektangel, cirkel, trekant, stjerne Generelt formål

Forbindelseselementer

Quick Connect (ethvert element)

  1. Vælg kildeelement
  2. Hold Shift og klik på målpunktet
  3. Et stik oprettes automatisk

Brug af tilslutningstilstand

  1. Klik på * * Connect * * i diagrampanelet (eller tryk på C)
  2. Klik på kildepunktets port (blå cirkel)
  3. Træk til målelementets port
  4. Frigivelse for at oprette forbindelsen

! [Forbind noget] (…/images/diagram-connect-anything.png)

Arbejder med ethvert element

Konnektorer er ikke begrænset til diagramformer. Forbind:

  • Billeder og importerede SVAG
  • Tekstelementer
  • Brugerdefinerede former (cirkler, stjerner, rektangler)
  • Generatorskabte elementer

Forbindelsesstyler

Routing Styles

Stil Varebeskrivelse Best for
Direkte Lige linje Enkle forbindelser
Orthogonal Højre vinkelstier Tekniske diagrammer
Buet Glat bezier kurver Organiske layouts

Arrowhead Styles

Stil Udseende
Klassisk Fyldt trekant
Stealth Diamant med hak
Sharp Forlænget punkt
Åbn V- formskitse
Diamant Diamantform
Cirkel Fyldt cirkel
Ingen Ingen pilespids

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

Auto- layout

Arranger automatisk dit diagram:

  1. Vælg de figurer der skal arrangeres (eller vælg ingen for alle)
  2. Klik på * * Auto- Layout * * i diagrampanelet
  3. Vælg en layout algoritme

Layout typer

Layout Varebeskrivelse Best for
Hierarkisk Layeret top- to- bund Flowdiagrammer, org-diagrammer
Træ Forældre- børnehierarki Familietræer, filstrukturer
Radial Koncentriske cirkler Mind maps
Gitter Regelmæssig kvadratnet Lagerbeholdninger, gallerier
Forceret Fysikbaseret Netværksdiagrammer

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

Diagrameksempler

Flowchart

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

Et simpelt procesflowdiagram med:

  • Terminale figurer til start / slut
  • Procesformer for handlinger
  • Beslutning diamant til betingelser
  • Orthogonale konnektorer

Netværksdiagram

! [Netværk Diagram] (…/images/diagram-network.png)

En netværksarkitektur, der viser:

  • Skyform til internet
  • Serverfigurer til infrastruktur
  • Smedede stik til interne forbindelser

UML- brugstilfælde

! [UML Diagram] (…/images/diagram-uml-usecase.png)

Et brugsdiagram med:

  • Aktorstikkategori
  • Brug tilfældet ellipser
  • Forbindelser

Animerede forbindelser

Tilføj “bolt” -effekten for animeret flow:

  1. Vælg en konnektor
  2. Aktivér * * bolteffekt * * i egenskaber
  3. Justér indstillinger:
        • Farve * * - Bolt farve
        • Hastighed * * - Animation hastighed
        • Størrelse * * - Boltstørrelse

Bolten bevæger sig langs stikket og viser datastrøms retning.

Tips

Diagramtips:

  • Brug ortogonal routing til tekniske diagrammer
  • Brug buet routing til økologiske, mind- map stilarter
  • Anvend automatisk layout efter tilføjelse af alle former
  • Hold Shift mens du trækker for snap- to- gitter

Tastaturgenveje

Nøgle Handling
C Indtast tilslutningstilstand
Escape Afslut tilslutningstilstand
Delete Slet valgt stik / form

Relateret

  • [Arrows & Connectors] (/features/arrows) - Legacy pil værktøj
  • [Animationer] (/features/animations) - Animér diagramelementer
  • [Keyframe Editor] (/features/keyframes) - Komplekse animationssekvenser