Unsere Icons: universell einsetzbar und schnell verständlich.
Icons veranschaulichen wichtige Informationen auf kleinstem Raum. Insbesondere auf digitalen Benutzeroberflächen spenden sie Orientierung und sind neben Logo und Typografie wichtige Botschafter unserer Marke: Der Stil unserer Icons orientiert sich an bekannten Elementen und schafft so klare Wiedererkennung.
Anwendungsbeispiele
Das Wichtigste in Kürze:
- Der Puls ist fester Bestandteil unserer Icons.
- Nutze funktionale Icons vorrangig als Navigationselemente im User Interface.
- Verwende illustrative Icons, um Geschichten und Ideen
zu kommunizieren.
Unser universelles Zeichensystem
Unsere Icons orientieren sich an der Formensprache der Deutschen Bahn und werden vorrangig linear konstruiert. Wir unterscheiden zwischen funktionalen und illustrativen Icons.
Funktionale Icons
Funktionale Icons stellen Befehle und Interaktionen dar. Sie bebildern allgemein verständlich Handlungsoptionen auf dem User-Interface und sorgen aufgrund ihrer schnellen Erfassbarkeit für Orientierung. Ihre Konstruktion basiert auf der Formensprache des Pulses.
Illustrative Icons
Illustrative Icons sind im Vergleich zu funktionalen Icons komplexer konstruiert. Sie dienen zur Visualisierung von Geschichten und Ideen rund um die Marke Deutsche Bahn. Auch hier ist der Puls wichtiger Bestandteil und wird durch die zweifarbige Stilistik deutlich herausgestellt.
Konstruktion
Die Grundfläche für unsere Icons beträgt 40x40 Einheiten. Der darin enthaltene Schutzraum gewährleistet den notwendigen Sicherheitsabstand zu angrenzenden Elementen. Die innen liegende Zeichenfläche von 28x28 Einheiten dient der Konstruktion des Icons. Je nach Aufbau kann es sinnvoll sein, bis zu 2 Einheiten aus dem Raster herauszutreten, um einen harmonischen Gesamteindruck zu gewährleisten. Die Konturstärke der Icons beträgt jeweils 2 Einheiten.
Bei der Gestaltung der Icons versuchen wir, so reduziert und simpel wie möglich zu arbeiten. Das betrifft auch die Verwendung von Winkeln: Nutze vorwiegend 90°- und 45°-Winkel. Bei Bedarf kannst du weitere Winkel in 15°-Schritten verwenden.
Farbvarianten
Setze die funktionalen Icons vorrangig in unseren Markenfarben ein.
Kombination mit Schrift
Die Icons sind so konzipiert, dass sie sich harmonisch mit unserer Hausschrift kombinieren lassen. Die Icongröße inklusive Grundfläche entspricht dabei dem 1,5-Fachen der jeweiligen Schriftgröße.
Animierte Icons
Beispielanimation zur Erzeugung von Aufmerksamkeit.
Beispielanimation zum Auf- und Abbau eines Icons.
Beispielanimation zum Wechsel von einem Icon zum anderen.
Beispielanimation zu einem illustrativen Icon.
Download
Angemeldete Nutzer können die Basispakete hier herunterladen.
Du hast Fragen?
Unser Corporate Design lässt dir viele Freiheiten: Wir haben ganz bewusst darauf verzichtet, jeden Spezialfall exakt zu definieren. Stattdessen entscheidest du selbst, welche Lösung für die Marke Deutsche Bahn die beste ist. Solltest du Fragen zur Anwendung haben, helfen wir dir natürlich gerne weiter.