Layout

LAYOUT

Die Themen, zu denen die Deutsche Bahn kommuniziert, sind so unterschiedlich wie die Medien, die dafür genutzt werden. Das Layoutsystem ermöglicht die Entwicklung passender Lösungen für verschiedene Anforderungen: Flächenmodule bieten die passende Bühne für alle Inhalte.

Formensprache

Die Formensprache entwickelt sich von rund zu eckig und legt künftig den Fokus auf Klarheit und Präzision.

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. 

Flexible Textausrichtung

Logo und Schwelle bilden den visuellen Rahmen der Botschaft. Während sich der Text an der Ausrichtung des Logos orientiert, lässt sich die Schwelle flexibel im Layout positionieren.

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.