Variable Flächenmodule
Sind die Inhalte auf dem Bild nicht ausreichend lesbar, können sie auf einem Flächenmodul platziert und damit vom Bild abgesetzt werden. Die Größe des Flächenmoduls ist flexibel und passt sich dem jeweiligen Inhalt an. Alternativ können Inhalte auf einem weißen Hintergrund platziert und das Bild in ein Flächenmodul eingefügt werden. Je nach kommunikativem Anlass lassen sich Motive dadurch plakativer oder zurückhaltender gestalten.
Vollflächiger Bildeinsatz ohne Flächenmodul.
Einsatz eines Flächenmoduls im Format.
Einsatz eines teilflächigen Flächenmoduls.
Einsatz eines Flächenmoduls als Bildträger auf weißem Hintergrund.
Text auf Bild
Bei Text auf Bild gilt: Es gibt keine festen Messwerte für Kontrast und Lesbarkeit wie bei Grafiken. Trotzdem sollte die Gestaltung immer im Sinne der Barrierefreiheit erfolgen – damit alle Nutzer:innen die Textinhalte gut erfassen können. Maßgeblich sind die Anforderungen der Barrierefreiheit nach WCAG 2.1 (mind. 4,5:1 bzw. 3:1 bei großen Elementen).
Helles Bildmotiv
Dunkles Bildmotiv
Option 1 – Partielle Abdunklung
Das weiße Logo sorgt für eine klare Abhebung vom Bild. Der Bildbereich unterhalb der Schrift wird zusätzlich leicht abgedunkelt, um die Lesbarkeit zu verbessern.
Option 2 – Dunkler Verlauf
Eine dezente dunkle Verlaufsebene kann hinzugefügt werden, die als Hintergrund für die Inhalte dient.
Option 3 – Heller Verlauf
Für hellere Bilder kann eine dezente helle Verlaufsebene hinzugefügt werden, die als Hintergrund für die Inhalte dient.
Dos & Dont´s
Alle Flächen sind konsequent eckig und klar definiert.
Layoutflächen werden nicht mit abgerundeten Ecken gestaltet.
Das Layout ist ausgewogen zu gestalten. Ausreichende Kontraste und eine klare Lesbarkeit der Inhalte müssen jederzeit gewährleistet sein.
Das Layout sollte ausgewogen wirken und nicht zu dunkel gestaltet sein. Eine ausreichende Kontrastierung im Layout muss gewährleistet sein.
Partielle Abdunklung von Bildern sorgt für ein harmonisches Gesamtbild und ausreichend Kontrast.
Schlagschatten auf Layoutelementen vermeiden – sie wirken künstlich und stören die natürliche Ästhetik des Layouts.