Układ diagramu

4 min read

Tworzenie wykresów, diagramów UML, diagramów sieciowych i podłączenie wszelkich elementów wizualnych za pomocą inteligentnych złączy.

(…/images/diagram-flowchart.png)

Przegląd

System Diagram zapewnia:

      • Kształty diagramów * * - Flowchart, UML i symbole sieciowe
      • Smart Connectors * * - Automotive routing strzałek, które aktualizują się, gdy kształty się poruszają
      • Connect Anything * * - Link wszelkich elementów płótna (obrazy, tekst, kształty, SVG)
      • Automatycznie układaj diagramy

Dostęp do panelu diagramowego

  1. Kliknij * * Rycina * * na lewym pasku narzędzi
  2. Panel Diagram otwiera dostępne kształty

[Panel diagramowy] (…/images/diagram-panel-shapes.png)

Tworzenie kształtów diagramu

Z panelu

  1. Otwórz panel diagramu
  2. Wybierz kategorię kształtu (Flowchart, UML, Network, Basic)
  3. Kliknij kształt, aby dodać go do płótna
  4. Przeciągnij do pozycji

Kategorie kształtów

Kategoria Kształty Zastosowanie
Schemat Proces, decyzja, terminal, dane, dokument, baza danych Wykresy, przepływy pracy
UML Klasa, skrzynia użytkowania, aktor Schematy oprogramowania
Sieć Cloud, Server Schematy architektury
Podstawowe Prostokąt, Koło, Trójkąt, Gwiazda Cel ogólny

Elementy łączące

Szybkie podłączenie (dowolne elementy)

  1. Wybierz element źródłowy
  2. Przytrzymaj Shift i kliknij element docelowy
  3. Złącze jest tworzone automatycznie

Korzystanie z trybu podłączenia

  1. Kliknij * * Połącz * * w panelu Diagram (lub naciśnij C)
  2. Kliknij na port elementu źródłowego (niebieski krąg)
  3. Przeciągnij do portu elementu docelowego
  4. Release to create the connection

[Połącz cokolwiek] (…/images/diagram-connect-anything.png)

Działa z dowolnym elementem

Złącza nie ograniczają się do schematów. Połącz:

  • Obrazy i importowane SVG
  • Elementy tekstowe
  • Niestandardowe kształty (koła, gwiazdy, prostokąty)
  • Elementy generujące

Style złącza

Style trasy

Styl Opis Najlepsze dla
Bezpośrednie Linia prosta Proste połączenia
Ortogonalne Ścieżki prawego kąta Schematy techniczne
Zakrzywione Gładkie krzywe bezier Układy organiczne

Arrowhead Styles

Styl Wygląd
Klasyczny Trójkąt wypełniony
Stealth Diament z wycięciem
Ostry Punkt wydłużony
Otwórz Obrys kształtu V
Diament Kształt diamentu
Koło Wypełniony krąg
Brak No arrowhead

Connector Styles

Układ auto-

Automatycznie układaj diagram:

  1. Wybierz kształty, aby zorganizować (lub wybierz żaden dla wszystkich)
  2. Kliknij * * Układ automatyczny * * w panelu diagramu
  3. Wybierz algorytm układu

Rodzaje układów

Układ Opis Najlepsze dla
Hierarchiczny Warstwy od góry do dołu Wykresy, wykresy org
Drzewo Hierarchia dzieci Drzewa rodzinne, struktury plików
Radial Okręgi koncentryczne Mapy umysłu
Sieć Regularna sieć Zapasy, galerie
Force- Reżyseria Fizyka Schematy sieci

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

Przykłady diagramu

Schemat

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

Prosty procesowy wykres z:

  • Kształty terminala dla Start / End
  • Kształtowniki procesów dla działań
  • Diament decydujący o warunkach
  • Złącza ortogonalne

Schemat sieci

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

Architektura sieciowa pokazująca:

  • Kształt chmury dla internetu
  • Kształtowniki serwerów dla infrastruktury
  • Złącza rozdzielone do połączeń wewnętrznych

Przypadek użycia UML

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

Schemat przypadku użycia zawierający:

  • Figura aktora
  • Użyj elipsy przypadków
  • Złącza przyłączeniowe

Animowane łączniki

Dodaj efekt “śruby” dla animowanego przepływu:

  1. Wybierz złącze
  2. Włącz efekt śruby * * w właściwościach
  3. Dostosuj ustawienia:
        • Color * * - Kolor śruby
        • Speed * * - Animation speed
        • Rozmiar * * - Rozmiar śruby

Śruba porusza się wzdłuż złącza, pokazując kierunek przepływu danych.

Wskazówki

Porady dotyczące diagramu:

  • Użyj routingu ortogonalnego do schematów technicznych
  • Użyj zakrzywione routing dla ekologicznych, mentalmap stylów
  • Zastosuj układ auto- po dodaniu wszystkich kształtów
  • Przytrzymaj Shift podczas przeciągania dla misu- to- grid

Skróty klawiszowe

Klucz Działanie
C Wprowadź tryb połączenia
Escape Tryb wyjścia połączenia
Delete Usuń wybrane złącze / kształt

Powiązane

  • [Strzałki i złącza] (/features/arrows) - Narzędzie strzałek Legacy
  • [Animacje] (/features/animations) - Elementy diagramu animacji
  • [Keyframe Editor] (/features/keyframes) - Kompleksowe sekwencje animacji