Bandeinstellungen

Band-Einstellungen
Überlagerung
Muster
Bild
Farbe
Größe
Rahmen
Eckenradius
Symbolposition
Deckkraft
Transformation
Übergang

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Überlagerung

Überlagerung
Farbe
Schwarz
#000000
Palette bearbeitenLeeren
Deckkraft
0
Mischmodus
Normal

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Kernpunkt:
Farbfläche über dem Band-Hintergrund.

Auswirkung:
Verbessert Lesbarkeit auf Bild-/Videohintergründen.

Praxis-Tipp:
Erst Vollton + Deckkraft festlegen, Verlauf nur bei Bedarf nutzen.

Einstellungen

  • Farbe / Gradient
  • Deckkraft
  • Mischmodus
  • Responsiv

Muster

Muster
Mustertyp
Keine
Musterfarbe
Schwarz
#000000
Palette bearbeitenLeeren
Mustergröße
10
Musterdeckkraft
0.5
Mischmodus
Normal

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Kernpunkt:
Struktur für mehr visuelle Tiefe.

Auswirkung:
Macht das Band lebendiger als reine Volltonflächen.

Praxis-Tipp:
Musterkontrast dezent halten, damit Text Priorität behält.

Einstellungen

  • Mustertyp
  • Musterfarbe
  • Mustergröße
  • Musterdeckkraft
  • Mischmodus
  • Responsiv

Bild

Bild

MEDIA TYPE

BildVideo
Responsive EinstellungenOFFON
Bild auswählen
Deckkraft
1

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Kernpunkt:
Steuert Darstellung von Bild/Video im Band.

Auswirkung:
Fit/Position ändern den Gesamteindruck deutlich.

Praxis-Tipp:
Reihenfolge: Fit -> Position -> Lesbarkeit (Überlagerung/Deckkraft).

Einstellungen

  • Medientyp (Bild / Video)
  • Bild: Wiederholen, Anpassungsmethode, Rotation (Grad), Deckkraft
  • Responsiv

Farbe

Farbe
Farbe
Basis
#FFFFFF
Palette bearbeitenLeeren
Deckkraft
1
Mischmodus
Normal

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Kernpunkt:
Basisfarbebene des Bands.

Auswirkung:
Endwirkung entsteht im Zusammenspiel mit Überlagerung und Textfarbe.

Praxis-Tipp:
Lesbarkeit vor reiner Farbwirkung priorisieren.

Einstellungen

  • Basis-Farbe
  • Deckkraft
  • Mischmodus
  • Responsiv

Größe

Größe
Breite
100
Höhe
40

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Einstellungen

  • Breite
  • Höhe
  • Responsiv

Rahmen

Rahmen
RahmenOFFON
Farbe
Schwarz
#000000
Palette bearbeitenLeeren
Deckkraft
1
Breite
1
Stil
solid

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Einstellungen

  • Rahmen (ON/OFF)
  • Farbe
  • Breite
  • Style
  • Responsiv

Eckenradius

Eckenradius
Eckenradius
0

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Einstellungen

  • Eckenradius
  • Responsiv

Position

Symbolposition
Responsive EinstellungenOFFON

X-Position

0%

Y-Position

0PX

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Einstellungen

  • Horizontal (Left / Center / Right)
  • Vertikal (Top / Center / Bottom)
  • Responsiv

Deckkraft

Deckkraft
Deckkraft
1
Mischmodus
Normal

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Einstellungen

  • Deckkraft
  • Mischmodus
  • Responsiv

Transformation

Transformation
Skew X
0
Skew Y
0

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Kernpunkt:
Dekorative Verzerrung/Neigung für Ribbon-Look.

Auswirkung:
Bereits kleine Werte verändern die Wirkung stark.

Praxis-Tipp:
Mit niedrigen Skew-Werten starten.

Einstellungen

  • Skew X
  • Skew Y
  • Responsiv

Übergang

Übergang
Dauer (MS)
200
Verzoegerung (MS)
0
Beschleunigung
ease
Zurücksetzen

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Einstellungen

  • Dauer (ms)
  • Verzögerung (ms)
  • Beschleunigung
  • Benutzerdefinierter Wert
  • Zurücksetzen

Wirkt auf Hover-Änderungen in Überlagerung/Muster/Bild/Farbe/Deckkraft/Transformation und ist unabhängig von der Knopf-Übergang.