Diagram rendszer

4 min read

Hozzon létre folyamatábrákat, UML diagramokat, hálózati diagramokat, és csatlakoztassa a vizuális elemeket intelligens csatlakozókkal.

Diagram Flowchart

Áttekintés

A diagram rendszer a következőket tartalmazza:

      • Diagram alakzatok * * - Flowchart, UML és hálózati szimbólumok
      • Smart Connectors * * - Auto-routing nyilak, hogy frissítse, ha formák mozog
      • Csatlakozás Bármi * * - Link bármilyen vászon elemek (képek, szöveg, formák, SVG)
      • Auto-Layout * * - Automatikusan rendezze el a diagramokat

Hozzáférés a diagrampanelhez

  1. Kattintson a * * diagram * * gombra a bal eszköztárnál
  2. A diagram panel megnyitja a rendelkezésre álló formák

Diagram Panel

Diagramformák létrehozása

A testület

  1. A diagram panel megnyitása
  2. Válasszon egy alakkategóriát (Flowchart, UML, Network, Basic)
  3. Kattintson egy alakra, hogy a vászonra
  4. Húzza a pozíciót

Alkatkategóriák

Kategória Alakzatok Felhasználás
Áramlásábra Folyamat, határozat, terminál, adat, dokumentum, adatbázis Áramlások, munkafolyamatok
UML Osztály, használat, színész Szoftverdiagramok
Hálózat Felhő, kiszolgáló Építészeti diagramok
Alap Négyszög, kör, háromszög, csillag Általános cél

Kapcsolódási pontok

Gyors kapcsolat (bármilyen elem)

  1. A forráselem kiválasztása
  2. Tartsa Shift és kattintson a cél elem
  3. A csatlakozó automatikusan létrejön

Csatlakozási mód használata

  1. Kattintson * * Csatlakozás * * a diagram panel (vagy nyomja meg az C)
  2. Kattintson a forráselem portjára (kék kör)
  3. Húzza a céltárgy portjára
  4. A kapcsolat létrehozása

(…/images/diagram-connect-anything.png)

Bármilyen elemmel működik

A csatlakozók nem korlátozódnak diagramformákra. Csatlakozás:

  • Képek és importált SVG-k
  • Szövegelemek
  • Egyedi formák (körök, csillagok, téglalapok)
  • Generátorok által létrehozott elemek

Connector Styles

Styles routing

Stílus Leírás Legjobb
Közvetlen Egyenes vonal Egyszerű kapcsolatok
Ortogonál Jobb-szög utak Műszaki diagramok
Ívelt Sima bézer görbe Szerves elrendezés

Arrowhead Styles

Stílus Megjelenés
Klasszikus Töltött háromszög
Lopakodó Gyémánt fokkal
Éles Hosszúsági pont
Megnyitás V-alakú vázlat
Gyémánt Gyémánt alakú
Kör Töltött kör
Nincs Nincs nyílhegy

(…/images/diagram-connector-styles.png)

Automatikus elrendezés

A diagram automatikus elrendezése:

  1. Válassza ki a formákat, hogy gondoskodjon (vagy válasszon egyet sem minden)
  2. Kattintson * * Auto- Layout * * a diagram panel
  3. Válasszon egy elrendezés algoritmust

Elrendezés típusai

Elrendezés Leírás Legjobb
Hierarchikus Rétegelt felső-to- alsó Flowcharts, org charts
Fa Parent- child hierarchia Családi fák, fájlszerkezetek
Radiál Koncentrikus körök Agytérképek
Grid Rendszeres rács Jegyzetek, tárlatok
Force- Directed Fizikaalapú Hálózati ábrák

(…/images/diagram-auto-layout.png)

Példák

Áramlásábra

(…/images/diagram-flowchart.png)

Egyszerű folyamatfolyamatábra:

  • Terminálformák induláshoz / befejezéshez
  • Működési formák
  • Határozat gyémánt feltételek
  • Ortogonális csatlakozók

Hálózati diagram

(…/images/diagram-network.png)

A hálózati architektúra a következőket mutatja:

  • Felhő alakú internet
  • Infrastruktúra-kiszolgáló formák
  • Törölt csatlakozók belső csatlakozókhoz

UML használata

UML Diagram

Használati esetábra:

  • Színészbot
  • Az eset ellipszisei
  • Konszolidációs csatlakozók

Animált csatlakozók

Adja hozzá az animált áramlás “reteszét”:

  1. Válassza ki a csatlakozó
  2. A * * Bolt effektus engedélyezése * * a tulajdonságokban
  3. A beállítások beállítása:
        • Color * * - Bolt color
        • Speed * * - Animációs sebesség
        • Méret * * - Bolt méret

A csavar a csatlakozó mentén halad, az adatáramlás irányát mutatja.

Tippek

Diagram tippek:

  • A műszaki diagramok ortogonális útvonalát használja
  • Hajlított útvonal használata organikus, gondolattérkép stílusok
  • Az automatikus elrendezés alkalmazása az összes forma hozzáadása után
  • Tartsa az Shift-t, miközben húzza a snapto- rácsot

Billentyűzet billentyűparancsok

Kulcs Intézkedés
C Csatlakozási mód
Escape Kilépési mód
Delete A kiválasztott csatlakozó / alak törlése

Kapcsolódó

  • [Arrows & Connectors] (/features/arrows) - Legacy nyíl eszköz
  • [Animációk] (/features/animations) - Animációs diagram elemek
  • [Keyframe Editor] (/features/keyframes) - Komplex animációs szekvenciák