Diagramsysteem

4 min read

Maak stroomschema’s, UML-diagrammen, netwerkdiagrammen en verbind alle visuele elementen met slimme connectoren.

! Diagram Flowchart

Overzicht

Het Diagramsysteem biedt:

  • Diagram Vormen
  • Smart Connectors
  • Connect Anything
  • Auto-Layout Automatisch diagrammen ordenen

Toegang tot het diagrampaneel

  1. Klik op de knop Diagram in de linker werkbalk
  2. Het Diagrampaneel opent beschikbare vormen

Diagrampaneel

Diagramvormen aanmaken

Van het panel

  1. Open het Diagrampaneel
  2. Selecteer een vormcategorie (Flowchart, UML, Network, Basic)
  3. Klik op een vorm om het aan het doek toe te voegen
  4. Sleep naar positie

Vormcategorieën

Categorie Vormen Gebruik voor
Stroomdiagram Proces, besluit, terminal, gegevens, document, databank Stroomdiagrammen, workflows
UML Klasse, Use Case, Actor Softwarediagrammen
Netwerk Wolk, server Architectuurdiagrammen
Basis Rechthoek, Cirkel, Driehoek, Ster Algemeen doel

Items verbinden

Snel verbinden (alle items)

  1. Selecteer het bron item
  2. Houd Shift vast en klik op het doel item
  3. Een connector wordt automatisch aangemaakt

Verbindingsmodus gebruiken

  1. Klik op Connect in het Diagrampaneel (of druk op C)
  2. Klik op de poort van het bron item (blauwe cirkel)
  3. Sleep naar de poort van het doelitem
  4. Release om de verbinding aan te maken

! Connect Anything

Werkt met elk item

Connectoren zijn niet beperkt tot diagramvormen. Verbinden:

  • Afbeeldingen en geĂŻmporteerde SVG’s
  • Tekstelementen
  • Aangepaste vormen (cirkels, sterren, rechthoeken)
  • Generatorelementen

Connectorstijlen

Routingstijlen

Stijl Omschrijving Beste voor
Rechtstreeks Rechte lijn Eenvoudige verbindingen
Orthogonaal Rechterhoekpaden Technische schema’s
Gebogen Smooth bezier curves Organische indelingen

Pijlkopstijlen

Stijl Uiterlijk
Klassiek Gevulde driehoek
Stealth Diamant met inkeping
Scherp Lang punt
Open V-vorm-omtrek
Diamant Diamantvorm
Cirkel Gevulde cirkel
Geen Geen pijlpunt

! Connector Styles

Automatisch verlaten

Stel uw diagram automatisch in:

  1. Selecteer de te arrangeren vormen (of selecteer niets voor alles)
  2. Klik op Auto-Layout in het Diagrampaneel
  3. Kies een layout-algoritme

Indelingstypen

Indeling Omschrijving Beste voor
Hiërarchisch Laag van boven naar beneden Stroomdiagrammen
Boom Ouderkindhiërarchie Stambomen, bestandsstructuren
Radiaal Concentrische cirkels Mindmaps
Raster Regulier raster Voorraden, galerijen
Geforceerd Fysica Netwerkdiagrammen

Auto Layout

Figuur Voorbeelden

Stroomdiagram

Flowchart

Een eenvoudig processchema met:

  • Terminalvormen voor start/einde
  • Procesvormen voor acties
  • Beslissing diamant voor voorwaarden
  • Orthogonale verbindingsstukken

Netwerkdiagram

Netwerkdiagram

Een netwerkarchitectuur die toont:

  • Wolkvorm voor internet
  • Servervormen voor infrastructuur
  • Gesneden connectoren voor interne links

UML use case

UML Diagram

Een use case diagram met:

  • Actor-stickfiguur
  • Case-ellips gebruiken
  • Associatieconnectoren

Geanimeerde connectoren

Voeg het “bolt” effect voor geanimeerde stroom toe:

  1. Een connector selecteren
  2. Bolt Effect in eigenschappen inschakelen
  3. Instellingen aanpassen:
    • Kleur De kleur van de bolt
    • Speed
    • Grootte Grootte van de kogel

De bout reist langs de connector, met datastroomrichting.

Tips

Diagramtips:

  • Gebruik orthogonale routering voor technische diagrammen
  • Gebruik gebogen routing voor organische, mind-map stijlen
  • Auto-layout toepassen na het toevoegen van alle vormen
  • Shift vasthouden tijdens slepen voor snap-to-grid

Sneltoetsen

Sleutel Actie
C Verbindingsmodus invoeren
Escape Verbindingsmodus afsluiten
Delete Geselecteerde connector/vorm verwijderen

Gerelateerd