Konturstile steuern das Erscheinungsbild von Umrissen bei Formen und Linien. Passen Sie Konturbreite, Farbe, Strichmuster und Linienenden an, um klare, professionelle Diagramme zu erstellen.

Grundlegende Kontureigenschaften

Konturfarbe

Die Farbe des Formumrisses.

So ändern Sie die Konturfarbe:

1. Wählen Sie eine Form aus
2. Öffnen Sie das Inspektor-Panel
3. Suchen Sie den Abschnitt Kontur
4. Klicken Sie auf das Kontur-Farbfeld
5. Wählen Sie eine Farbe aus dem Farbwähler

Wie Füllungen können Konturen Volltonfarben verwenden oder mit Farbschemata verknüpft werden.

Konturbreite

Steuert die Dicke des Umrisses.

So passen Sie die Konturbreite an:

1. Im Abschnitt Kontur des Inspektors
2. Verwenden Sie den Breite-Regler oder das Eingabefeld
3. Bereich typischerweise von 0 (keine Kontur) bis 20+ Pixel
4. Gängige Werte:
   • 1-2px: Feine Umrisse, detaillierte Diagramme
   • 3-4px: Standardumrisse, die meisten Diagramme
   • 5-8px: Fette Umrisse, Betonung
   • 10+px: Sehr fett, dekorativ oder für Präsentationen

Keine Kontur

Entfernen Sie die Kontur vollständig:

1. Im Abschnitt Kontur
2. Setzen Sie die Breite auf 0 oder klicken Sie auf Keine Kontur
3. Der Formumriss verschwindet

Nützlich für:

• Gefüllte Formen ohne Ränder
• Nahtlose Formanordnungen
• Minimalistische Diagrammstile

Strichmuster

Erstellen Sie gestrichelte oder gepunktete Linien anstelle von durchgezogenen Konturen.

Vordefinierte Muster

Diagrammix3 enthält gängige Strichmuster:

• Durchgezogen - Durchgehende Linie (Standard)
• Gestrichelt - Regelmäßige Striche mit Lücken
• Gepunktet - Kleine Punkte mit Lücken
• Strich-Punkt - Abwechselnd Striche und Punkte
• Langer Strich - Längere Striche, breitere Lücken

So wenden Sie ein Strichmuster an:

1. Wählen Sie eine Form oder Verbindungslinie aus
2. Im Abschnitt Kontur des Inspektors
3. Klicken Sie auf das Strichmuster-Dropdown
4. Wählen Sie ein Muster

Benutzerdefinierte Strichmuster

Für erweiterte Kontrolle erstellen Sie benutzerdefinierte Strichmuster:

1. Wählen Sie Benutzerdefiniert aus dem Strichmuster-Menü
2. Geben Sie Strich- und Lückenlängen ein (in Pixeln)
3. Musterformat: [Strich, Lücke, Strich, Lücke, ...]
4. Beispiel: [10, 5, 2, 5] erzeugt ein Muster aus langem Strich, Lücke, Punkt, Lücke

Anwendungsfälle für Strichmuster

• Gestrichelte Linien: Optionale oder zukünftige Elemente, temporäre Verbindungen, Grenzen anzeigen
• Gepunktete Linien: Verborgene oder interne Beziehungen, Hilfslinien, weniger wichtige Verbindungen zeigen
• Strich-Punkt: UML-Abhängigkeiten, architektonische Grenzen, alternative Abläufe
• Durchgezogene Linien: Standard, primäre Verbindungen und Formen

Linienenden

Steuern Sie, wie Linienenden gerendert werden (hauptsächlich für offene Pfade und Verbindungslinien).

Endstile

Stumpfes Ende

• Linie endet genau am Endpunkt
• Quadratischer, abrupter Abschluss
• Standard für die meisten Diagramme

Rundes Ende

• Linie endet mit einer halbrunden Kappe
• Reicht leicht über den Endpunkt hinaus
• Weicheres, freundlicheres Erscheinungsbild

Quadratisches Ende

• Linie endet mit einer quadratischen Kappe
• Reicht leicht über den Endpunkt hinaus (halbe Konturbreite)
• Präzises, architektonisches Erscheinungsbild

So ändern Sie Linienenden:

1. Wählen Sie eine Verbindungslinie oder einen offenen Pfad
2. Im Abschnitt Kontur
3. Klicken Sie auf das Linienende-Dropdown
4. Wählen Sie: Stumpf, Rund oder Quadratisch

Linienverbindungen

Steuern Sie, wie Ecken gerendert werden, an denen sich zwei Pfadsegmente treffen.

Verbindungsstile

Gehrungsverbindung

• Erzeugt scharfe, spitze Ecken
• Standard für die meisten Formen
• Geeignet für: Rechtecke, Polygone, eckige Designs

Runde Verbindung

• Erzeugt abgerundete Ecken am Segmentübergang
• Weicheres Erscheinungsbild
• Geeignet für: Organische Formen, freundliche Diagramme

Abgeschrägte Verbindung

• Erzeugt abgeflachte Ecken
• Schneidet die scharfe Spitze ab
• Geeignet für: Technische Diagramme, wenn Gehrung zu scharf wäre

So ändern Sie Linienverbindungen:

1. Wählen Sie eine Form aus
2. Im Abschnitt Kontur
3. Klicken Sie auf das Linienverbindung-Dropdown
4. Wählen Sie: Gehrung, Rund oder Abgeschrägt

Hinweis: Linienverbindungen sind am sichtbarsten bei spitzen Winkeln mit dicken Konturen.

Konturdeckkraft

Machen Sie Konturen halbtransparent:

1. Im Abschnitt Kontur
2. Passen Sie den Deckkraft-Regler an (0-100%)
3. 0% = unsichtbare Kontur
4. 100% = vollständig deckend

Unabhängige Konturdeckkraft ermöglicht:

• Dezente Umrisse bei kräftigen Füllungen
• Schwach sichtbare Formen im Hintergrund
• Geschichtete Diagramme mit überlappenden Elementen

Farbschemata und Konturen

Verknüpfen Sie Konturen mit Farbschemata:

1. Im Abschnitt Kontur
2. Klicken Sie auf das Schema-Dropdown
3. Wählen Sie eine Farbrolle (Rand, Akzent usw.)
4. Die Kontur wird aktualisiert, wenn sich das Farbschema ändert

Dies gewährleistet einheitliche Konturfarben in Ihrem Diagramm.

Kontureigenschaften kombinieren

Professionelle Kombinationen

Technisches Diagramm:

• Breite: 2px
• Farbe: Dunkelgrau oder Schwarz
• Muster: Durchgezogen
• Ende: Stumpf
• Verbindung: Gehrung

Präsentationsdiagramm:

• Breite: 4px
• Farbe: Markenfarbe
• Muster: Durchgezogen
• Ende: Rund
• Verbindung: Rund

Wireframe/Skizze:

• Breite: 3px
• Farbe: Mittelgrau
• Muster: Gestrichelt oder gepunktet
• Ende: Rund
• Verbindung: Rund

Betonungselement:

• Breite: 6-8px
• Farbe: Leuchtender Akzent
• Muster: Durchgezogen
• Ende: Rund
• Verbindung: Rund

Kontur- und Füllinteraktion

Konturen werden über der Füllung gerendert und sitzen halb innerhalb und halb außerhalb der Formgrenze.

Wichtige Auswirkungen:

• Breite Konturen verdecken Füllfarbe nahe der Kante
• Transparente Füllungen mit Konturen erzeugen Nur-Kontur-Formen
• Keine Kontur lässt die Füllung bis zur tatsächlichen Grenze reichen
• Konturbreite beeinflusst die Gesamtformgröße geringfügig

Tipps

1. Konturbreite an den Maßstab anpassen - Dünnere Konturen für detaillierte Diagramme, dickere für Präsentationen
2. Einheitliche Konturbreiten verwenden - Variieren Sie nur zur Betonung, nicht zufällig
3. Kontrast zur Füllung - Stellen Sie sicher, dass die Kontur vor der Füllfarbe sichtbar ist
4. Strichmuster mit Bedeutung - Verwenden Sie sie konsistent (z.B. immer gestrichelt für „zukünftiger Zustand")
5. Runde Enden für Freundlichkeit - Scharfe Enden für technische Präzision
6. Bei Endgröße testen - Konturen können bei Präsentationsgröße anders aussehen als beim Bearbeiten

Konturleistung

• Durchgezogene Konturen werden am schnellsten gerendert
• Komplexe Strichmuster sind etwas langsamer
• Sehr breite Konturen (15px+) können die Leistung bei Diagrammen mit 100+ Formen beeinträchtigen
• Linienverbindungen/-enden haben minimale Leistungsauswirkungen

Barrierefreiheit

Bei der Wahl von Konturstilen:

1. Kontrast sicherstellen - Kontur muss sowohl vor der Füllung als auch dem Hintergrund sichtbar sein
2. Nicht nur auf Strichmuster verlassen - Mit Textbeschriftungen oder anderen Hinweisen kombinieren
3. Mindestens 1px Breite - Dünnere Konturen sind auf manchen Displays möglicherweise unsichtbar
4. In Graustufen testen - Stellen Sie sicher, dass der Konturkontrast auch ohne Farbe funktioniert

Verwandte Themen

• Füllstile - Inneres Erscheinungsbild von Formen
• Inspektorpanel - Detaillierte Eigenschaftssteuerung
• Farbschemata - Designbasierte Farbgebung
• Verbindungslinien - Verbindungslinien-spezifische Kontureinstellungen
• Stile kopieren & anwenden - Gestaltung zwischen Formen übertragen