Style obrysu kontrolują wygląd konturu kształtów i linii. Dostosuj szerokość obrysu, kolor, wzory kresek i zakończenia linii, aby tworzyć czytelne, profesjonalne diagramy.

Podstawowe właściwości obrysu

Kolor obrysu

Kolor konturu kształtu.

Aby zmienić kolor obrysu:

  1. Zaznacz kształt
  2. Otwórz panel Inspektora
  3. Znajdź sekcję Stroke
  4. Kliknij próbnik koloru obrysu
  5. Wybierz kolor z selektora

Podobnie jak wypełnienia, obrysy mogą używać jednolitych kolorów lub być powiązane ze schematami kolorów.

Szerokość obrysu

Kontroluje grubość konturu.

Aby dostosować szerokość obrysu:

  1. W sekcji Stroke Inspektora
  2. Użyj suwaka Width lub pola wejściowego
  3. Zakres zazwyczaj od 0 (bez obrysu) do 20+ pikseli
  4. Typowe wartości:
    • 1-2px: Cienkie kontury, szczegółowe diagramy
    • 3-4px: Standardowe kontury, większość diagramów
    • 5-8px: Pogrubione kontury, podkreślenie
    • 10+px: Bardzo pogrubione, dekoracyjne lub do prezentacji

Szerokości obrysu

Brak obrysu

Usuń obrys całkowicie:

  1. W sekcji Stroke
  2. Ustaw szerokość na 0 lub kliknij No Stroke
  3. Kontur kształtu zniknie

Przydatne do:

  • Wypełnionych kształtów bez obramowań
  • Bezszwowych układów kształtów
  • Minimalistycznych stylów diagramów

Wzory kresek

Twórz linie przerywane lub kropkowane zamiast ciągłych obrysów.

Predefiniowane wzory

Diagrammix3 zawiera typowe wzory kresek:

  • Solid - Linia ciągła (domyślna)
  • Dashed - Regularne kreski z przerwami
  • Dotted - Małe kropki z przerwami
  • Dash-Dot - Naprzemienne kreski i kropki
  • Long Dash - Dłuższe kreski, szersze przerwy

Aby zastosować wzór kresek:

  1. Zaznacz kształt lub łącznik
  2. W sekcji Stroke Inspektora
  3. Kliknij listę rozwijaną Dash Pattern
  4. Wybierz wzór

Wzory kresek

Niestandardowe wzory kresek

Dla zaawansowanej kontroli utwórz niestandardowe wzory kresek:

  1. Wybierz Custom z menu wzorów kresek
  2. Wprowadź długości kresek i przerw (w pikselach)
  3. Format wzoru: [kreska, przerwa, kreska, przerwa, ...]
  4. Przykład: [10, 5, 2, 5] tworzy wzór długa kreska, przerwa, kropka, przerwa

Zastosowania wzorów kresek

  • Linie przerywane: Wskazują opcjonalne lub przyszłe elementy, tymczasowe połączenia, granice
  • Linie kropkowane: Pokazują ukryte lub wewnętrzne relacje, prowadnice, mniej ważne połączenia
  • Kreska-kropka: Zależności UML, granice architektoniczne, alternatywne przepływy
  • Linie ciągłe: Standardowe, główne połączenia i kształty

Zakończenia linii

Kontroluj sposób renderowania końców linii (głównie dla ścieżek otwartych i łączników).

Style zakończeń

Butt Cap

  • Linia kończy się dokładnie w punkcie końcowym
  • Kwadratowe, nagłe zakończenie
  • Domyślne dla większości diagramów

Round Cap

  • Linia kończy się półokrągłym zakończeniem
  • Nieznacznie wykracza poza punkt końcowy
  • Łagodniejszy, bardziej przyjazny wygląd

Square Cap

  • Linia kończy się kwadratowym zakończeniem
  • Nieznacznie wykracza poza punkt końcowy (o połowę szerokości obrysu)
  • Precyzyjny, architektoniczny wygląd

Aby zmienić zakończenia linii:

  1. Zaznacz łącznik lub ścieżkę otwartą
  2. W sekcji Stroke
  3. Kliknij listę rozwijaną Line Cap
  4. Wybierz: Butt, Round lub Square

Style zakończeń linii

Łączenia linii

Kontroluj sposób renderowania narożników, gdzie spotykają się dwa segmenty ścieżki.

Style łączeń

Miter Join

  • Tworzy ostre, spiczaste narożniki
  • Domyślne dla większości kształtów
  • Najlepsze do: Prostokątów, wielokątów, kątowych projektów

Round Join

  • Tworzy zaokrąglone narożniki w miejscach spotkań segmentów
  • Łagodniejszy wygląd
  • Najlepsze do: Organicznych kształtów, przyjaznych diagramów

Bevel Join

  • Tworzy spłaszczone narożniki
  • Odcina ostry punkt
  • Najlepsze do: Diagramów technicznych, gdy miter byłby zbyt ostry

Aby zmienić łączenia linii:

  1. Zaznacz kształt
  2. W sekcji Stroke
  3. Kliknij listę rozwijaną Line Join
  4. Wybierz: Miter, Round lub Bevel

Uwaga: Łączenie linii jest najbardziej widoczne przy ostrych kątach z grubymi obrysami.

Style łączeń linii

Przezroczystość obrysu

Spraw, aby obrysy były półprzezroczyste:

  1. W sekcji Stroke
  2. Dostosuj suwak Opacity (0-100%)
  3. 0% = niewidoczny obrys
  4. 100% = w pełni nieprzezroczysty

Niezależna przezroczystość obrysu pozwala na:

  • Subtelne kontury na pogrubionych wypełnieniach
  • Wygaszone kształty w tle
  • Diagramy warstwowe z nakładającymi się elementami

Schematy kolorów i obrysy

Powiąż obrysy ze schematami kolorów:

  1. W sekcji Stroke
  2. Kliknij listę rozwijaną Scheme
  3. Wybierz rolę koloru (Border, Accent itp.)
  4. Obrys aktualizuje się po zmianie schematu kolorów

Zapewnia to spójne kolory obrysów w diagramie.

Łączenie właściwości obrysu

Profesjonalne kombinacje

Diagram techniczny:

  • Szerokość: 2px
  • Kolor: Ciemnoszary lub czarny
  • Wzór: Ciągły
  • Zakończenie: Butt
  • Łączenie: Miter

Diagram prezentacyjny:

  • Szerokość: 4px
  • Kolor: Kolor marki
  • Wzór: Ciągły
  • Zakończenie: Round
  • Łączenie: Round

Szkielet/Szkic:

  • Szerokość: 3px
  • Kolor: Średnia szarość
  • Wzór: Przerywany lub kropkowany
  • Zakończenie: Round
  • Łączenie: Round

Element z podkreśleniem:

  • Szerokość: 6-8px
  • Kolor: Jasny akcent
  • Wzór: Ciągły
  • Zakończenie: Round
  • Łączenie: Round

Interakcja obrysu i wypełnienia

Obrysy renderują się na wierzchu wypełnień, leżąc w połowie wewnątrz i w połowie na zewnątrz granicy kształtu.

Ważne konsekwencje:

  • Szerokie obrysy zasłaniają kolor wypełnienia przy krawędzi
  • Przezroczyste wypełnienia z obrysami tworzą kształty tylko z konturem
  • Brak obrysu sprawia, że wypełnienie rozciąga się do prawdziwej granicy
  • Szerokość obrysu nieznacznie wpływa na ogólny rozmiar kształtu

Pozycjonowanie obrysu

Wskazówki

  1. Dopasuj szerokość obrysu do skali - Cieńsze obrysy do szczegółowych diagramów, grubsze do prezentacji
  2. Stosuj spójne szerokości obrysu - Zmieniaj tylko dla podkreślenia, nie losowo
  3. Kontrast z wypełnieniem - Upewnij się, że obrys jest widoczny na tle koloru wypełnienia
  4. Wzory kresek dla znaczenia - Stosuj spójnie (np. zawsze przerywane dla „stanu przyszłego")
  5. Zaokrąglone zakończenia dla przyjazności - Ostre zakończenia dla technicznej precyzji
  6. Testuj w ostatecznym rozmiarze - Obrysy mogą wyglądać inaczej w rozmiarze prezentacyjnym niż edycyjnym

Wydajność obrysu

  • Obrysy ciągłe renderują się najszybciej
  • Złożone wzory kresek są nieco wolniejsze
  • Bardzo szerokie obrysy (15px+) mogą wpływać na wydajność w diagramach ze 100+ kształtami
  • Łączenia/zakończenia linii mają minimalny wpływ na wydajność

Dostępność

Przy wyborze stylów obrysu:

  1. Zapewnij kontrast - Obrys musi być widoczny zarówno na tle wypełnienia, jak i tła
  2. Nie polegaj tylko na wzorach kresek - Łącz z etykietami tekstowymi lub innymi wskazówkami
  3. Minimalna szerokość 1px - Cieńsze obrysy mogą być niewidoczne na niektórych wyświetlaczach
  4. Testuj w skali szarości - Upewnij się, że kontrast obrysu działa bez koloru

Tematy powiązane