Source: https://cd.union-investment.de/grundlagen/Grafikelemente/stoerer
Störer sind grafische Elemente, die auf besondere Inhalte oder spezielle Angebote hinweisen. Durch ihre Farbe und Platzierung heben sie sich von der übrigen Gestaltung ab und lenken so den Blick auf sich.
Bitte beachten
Im Rahmen der Umsetzung der Barrierefreiheit wurden die Störerfarben angepasst. Ein Kontrastverhältnis von mindestens 4,5:1 zwischen der Störerfarbe und der dazugehörigen Textfarbe ist erforderlich. Daher wird künftig für die grünen Störer Grün500 (weiße Schrift) verwendet und für die hellblauen Hellblau600 ( weiße Schrift) . Soll zusätzlich auch der Störer selbst wahrnehmbar sein, muss die Störerfarbe zu ihrem Hintergrund ein Kontrastverhältnis von mind. 3:1 aufweisen.
Anwendungsbeispiele
Stilistik von Störern
Platzierung von Störern
Störerfarben
Typografie in Störern
Barrierefreie Störer
Verwenden Sie für Störer querformatige bis quadratische Rechtecke. Drehen Sie diese um einen Winkel von 5,5° nach links.
Hinweis:
In PowerPoint sind keine halben Gradzahlen möglich, daher wird hier der Störer um 6° gedreht.
Verwenden Sie auf einer Seite stets nur einen Störer. Dessen Platzierung im Layout können Sie frei wählen. Achten Sie jedoch darauf, die Rundung der Markenform nicht zu überdecken.
Für Störer können Sie aus drei Farben wählen: UI-Grün500 , Hellblau600 oder Gelb . Beachten Sie auch die Prinzipien zur Farbe aus den Basiselementen: Wenn Sie sich für UI-Grün500 als Störerfarbe entscheiden, sollte der UI-Grün-Anteil in der Gesamtwahrnehmung nicht dominieren.
Für Texte innerhalb des Störers gelten die Prinzipien für Typografie aus den Basiselementen. Sie können Textinhalte links- oder rechtsbündig sowie zentriert ausrichten.
Im Rahmen der Umsetzung der Barrierefreiheit wurden die Störerfarben angepasst. Ein Kontrastverhältnis von mindestens 4,5:1 zwischen der Störerfarbe und der dazugehörigen Textfarbe ist erforderlich. Soll zusätzlich auch der Störer selbst wahrnehmbar sein, muss die Störerfarbe zu ihrem Hintergrund ein Kontrastverhältnis von mind. 3:1 aufweisen. Für ein inklusives Design sollten Störer auch für Screenreader interpretierbar sein.
Vorheriges Kapitel Illustrationsstil Nächstes Kapitel Auszeichnungen und Signets
