Unser Layoutsystem: Konsistenz, Flexibilität und ein Element, das beides verbindet.
Die Themen, zu denen wir als Deutsche Bahn kommunizieren, sind so unterschiedlich wie die Medien, die wir hierfür nutzen. Unser Layoutsystem ermöglicht dir, für verschiedenste Anforderungen die jeweils passende Lösung zu entwickeln: Variable Flächenmodule bieten die perfekte Bühne für alle Inhalte. Das Markenmodul aus Logo, Botschaft und Puls sorgt für Klarheit und höchste Wiedererkennbarkeit.
Das Wichtigste in Kürze
- Setze immer das Markenmodul als feste Abfolge von Logo, Botschaft und Puls ein.
- Das Logo führt die Kommunikation an und ist immer oben.
- Die Ausrichtung der Elemente des Markenmoduls orientiert sich an der Textausrichtung.
- Bilder und Flächenmodule im Format haben gebrochene Kanten.
Das Herzstück jeder Kommunikation: Unser Markenmodul
Das Markenmodul ist die definierte Abfolge aus Logo, Botschaft und Puls. Es ist fester Bestandteil jeder Kommunikation und sichert somit einen konsistenten Markenauftritt über alle Kontaktpunkte hinweg.
Ende des oberhalb befindlichen Videos
Flexible Textausrichtung
Logo und Puls klammern die Botschaft visuell. Sie orientieren sich immer an der Ausrichtung des Textes. Je nach Medium kannst du zwischen linksbündigem, zentriertem oder rechtsbündigem Satz wählen.
Mindestabstände und Platzierungen
Die Reihenfolge von oben nach unten ist: Logo, Botschaft, Puls, zusätzlicher Text. In Ausnahmefällen kannst du von dieser Reihenfolge abweichen. Stimme dich hierzu jedoch vorher mit dem Markenmanagement ab.
Platziere die Elemente frei auf einer vertikalen Achse mit dem Abstand von mindestens einer halben Logohöhe. Der Abstand zum Puls wird von der Grundlinie des Textes nach unten, und von der Versalhöhe nach oben gemessen.
Variable Flächenmodule
Sind die Inhalte auf dem Bild nicht gut lesbar, kannst du sie auf einem Flächenmodul platzieren und damit das Bild überlagern. Die Größe des Flächenmoduls ist flexibel und passt sich stets dem Inhalt an. Ebenso kannst du die Inhalte auf einem weißen Hintergrund platzieren und das Bild in ein Flächenmodul einfügen. Je nach kommunikativen Anlass lassen sich Motive dadurch plakativer oder zurückhaltender gestalten.
Mehr zur Platzierung von Texten auf Bild findest du hier.
Vollflächiger Bildeinsatz ohne Flächenmodul.
Einsatz eines Flächenmoduls im Format.
Einsatz eines randabfallenden Flächenmoduls.
Einsatz eines Flächenmoduls als Bildträger auf weißem Hintergrund.
Abgerundete Ecken
Bilder und Flächen innerhalb des Formats besitzen abgerundete Ecken. Die abgerundeten Ecken stehen im Einklang mit den Markenwerten von DB – sie vermitteln Menschlichkeit. Der Radius orientiert sich an der Höhe des DB-Logos – 1/5 der Logohöhe definiert den Eckradius. Randabfallende Bilder und Flächen haben am Formatrand keine Rundungen.
Beispiel: Hat das DB-Logo eine Höhe von 100 px, beträgt der Eckenradius 20 px.
Dos and Don'ts
Alle drei Elemente folgen der Linksbündigkeit des Textes.
Richte alle Elemente an derselben Achse aus.
Die korrekte Reihenfolge der drei Elemente des Markenmoduls: Logo, Botschaft, Puls.
Halte immer die feste Reihenfolge der Elemente ein: Logo, Botschaft und Puls.
Das Markenmodul besteht aus der festen Abfolge von Logo, Botschaft und Puls.
Alle Elemente des Markenmoduls müssen Teil der Gestaltung sein. Hier fehlt der Puls.
Text auf Bild
Bei Text auf Foto gilt: Es gibt keine festen Messwerte für Kontrast und Lesbarkeit wie bei Grafiken. Trotzdem sollte die Gestaltung immer im Sinne der Accessibility erfolgen – damit alle Nutzer:innen die Textinhalte gut erfassen können. Ein pragmatischer Test hilft: Wenn der Text auch mit leicht zusammengekniffenen Augen noch klar lesbar ist, stimmt der Kontrast.
Ohne Bildbearbeitung – Umgang bei ruhigen Bildhintergründen
Ruhige Bildmotive erlauben eine einfache Text-Bild-Komposition ohne zusätzliche Bildbearbeitung. Bei ruhigen Bildhintergründen können Logo, Puls und Schrift direkt auf dem Motiv platziert werden.
Helles Bildmotiv
Dunkles Bildmotiv
Bildmotiv mit Rotanteil
Optionen der partiellen Abdunklung und Aufhellung
Um die bestmögliche Lesbarkeit zu gewährleisten, besteht die Möglichkeit, unruhige Hintergründe oder Bilder mit geringem Kontrast zu optimieren.
Option 1 – Partielle Abdunklung
Verwende das Logo mit weißer Binnenfläche, damit es sich deutlich vom Bild abhebt. Zusätzlich dunkelst du den Bildteil unterhalb der Schrift leicht ab.
Option 2 – Dunkler Verlauf
Füge eine dezente dunkle Verlaufsebene hinzu, die als Hintergrund für deine Inhalte dient.
Option 3 – Heller Verlauf
Füge eine dezente helle Verlaufsebene hinzu, die als Hintergrund für deine Inhalte dient.
Text auf Bild in Power Point
Für eine optimale Lesbarkeit von Text auf Bildern in PowerPoint gibt es zwei Möglichkeiten der Abdunklung:
Komplette Abdunklung
Die einfachste Methode, um den Kontrast zu erhöhen, ist eine vollständige Abdunklung des Bildes. Die Fläche unter dem Bild ist schwarz, die Transparenz des Bildes wird dabei maximal um 30 % reduziert.
Partielle Abdunklung
Für eine subtilere Abdunklung kann das Bild gezielt unter den Textbereichen abgedunkelt werden. Eine passende Grafik zur partiellen Abdunklung kann hier heruntergeladen werden. Bei Bedarf lässt sie sich direkt in PowerPoint transformieren oder in ihrer Transparenz anpassen.
Download
Dos and Don'ts
Partielle Abdunklung von Bildern sorgt für ein harmonisches Gesamtbild und ausreichend Kontrast.
Schlagschatten vermeiden – sie wirken künstlich und stören die natürliche Ästhetik des Layouts.
Die Verläufe wirken natürlich und harmonisch.
Achte darauf, dass sich die Verläufe gut ins Bild einfügen und nicht künstlich wirken.
Weiter
