Diagramsystem

4 min read

Lag flytdiagrammer, UML-diagrammer, nettverksdiagrammer og koble til alle visuelle elementer med smarte kontakter.

Diagram Flowchart

Oversikt

Diagramsystemet gir:

  • Diagram Formes — Flowchart, UML og nettverkssymboler
  • Smartkontakter — Autorouting piler som oppdaterer nĂĄr figurer beveger seg
  • Koble til noe — Koble til alle lerretselementer (bilder, tekst, figurer, SVG)
  • Auto-Layout — Ordne automatisk diagrammer

Tilgang til diagrampanelet

  1. Klikk på Diagram-knappen i venstre verktøylinje
  2. Diagrampanelet ĂĄpnes som viser tilgjengelige figurer

Diagrampanel

Oppretter diagramformer

Fra panelet

  1. Ă…pne skjemapanelet
  2. Velg en formkategori (Flowchart, UML, Network, Basic)
  3. Klikk pĂĄ en form for ĂĄ legge den til lerretet
  4. Dra til posisjon

Form kategorier

Kategori Former Brukes
Flowchart Prosess, beslutning, Terminal, Data, Dokument, Database Flowcharts, arbeidsflyter
UML Klasse, Bruk saken, skuespiller Programvarediagrammer
Nettverk Sky, server Arkitekturdiagrammer
Grunnleggende Rektangel, sirkel, trekant, stjerne Generelt formĂĄl

Koble til elementer

Quick Connect (alle elementer)

  1. Velg kildeelementet
  2. Hold Shift og klikk pĂĄ mĂĄlelementet
  3. En kontakt opprettes automatisk

Bruke tilkoblingsmodus

  1. Klikk Connect i Diagrampanelet (eller trykk C)
  2. Klikk pĂĄ kildeelementets port (blĂĄ sirkel)
  3. Dra til mĂĄlelementets port
  4. Utgivelse for ĂĄ opprette tilkoblingen

Koble til noe

Fungerer med noe element

Kontakter er ikke begrenset til diagramformer. Koble til:

  • Bilder og importerte SVG
  • Tekstelementer
  • Egendefinerte figurer (cirkler, stjerner, rektangler)
  • Generatoropprettede elementer

Kontaktstiler

Routing Styles

Stil Beskrivelse Best for
Direkte Rett linje Enkelte forbindelser
Ortogonal Høyrevinkelstier Tekniske diagrammer
Curved Smooth bezier kurver Organiske utforminger

Arrowhead Styles

Stil Utseende
Klassisk Fylt trekant
Stealth Diamant med notch
Sharp Forlenget punkt
Ă…pne V-formet kontur
Diamant Diamantform
Sirkel Fyllt sirkel
Ingen Ingen pilhode

Connector Styles

Auto-Layout

Ordne diagrammet ditt automatisk:

  1. Velg figurene som skal ordnes (eller velg ingen for alle)
  2. Klikk Auto-Layout i diagrampanelet
  3. Velg en layoutalgoritme

Layout Types

Utforming Beskrivelse Best for
Hierarkisk Laget topp til bunn Flowcharts, org-diagrammer
Tre Foreldre-barn hierarki Familietre, filstrukturer
Radial Konsentriske sirkler Mind Maps
Grid Vanlig rutenett Oppfinnelser, gallerier
Force-Directed Fysikkbasert Nettverksdiagrammer

Auto layout

Diagrameksempler

Flowchart

Flowchart

En enkel prosess flytskjema med:

  • Terminalformer for Start/ Avslutt
  • Prosessformer for handlinger
  • Beslutningsdiamant for betingelser
  • Ortogonale kontakter

Nettverksdiagram

Nettverksdiagram

En nettverksarkitektur som viser:

  • Skyform for Internett
  • Serverformer for infrastruktur
  • Dashed-kontakter for interne lenker

UML Bruk tilfelle

UML Diagram

Et bruksfalldiagram med:

  • Skuespiller stick figur
  • Bruk tilfelle ellipser
  • Forbindelseskontakter

Animerte kontakter

Legg til “bolt” effekten for animert flyt:

  1. Velg en kontakt
  2. Aktiver Bolteffekt i egenskaper
  3. Juster innstillinger:
    • Color — Boltfarge
    • Hastighet — Animasjonshastighet
    • Størrelse — Boltstørrelse

Bolten reiser langs koblingen, som viser datastrømningsretning.

Tips

Diagramtips:

  • Bruk ortogonal rute for tekniske diagrammer
  • Bruk buet rute for organiske, mind-map stiler
  • Bruk Auto-Layout etter ĂĄ ha lagt til alle former
  • Hold Shift mens du drar for snap-to-grid

Tastatursnarveier

Nøkkel Handling
C Skriv inn tilkoblingsmodus
Escape Avslutt forbindelsesmodus
Delete Slett den valgte kontakten/formen

Relatert