Icons

white question mark

Unsere Icons: universell einsetzbar und schnell verständlich.

Icons veranschaulichen wichtige Informationen auf kleinstem Raum. Insbesondere auf digitalen Benutzeroberflächen oder in Gebäuden und Fahrzeugen 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

Bild_1

Bild_2

Bild_3

Bild_4

Bild_5

Das Wichtigste in Kürze:

  1. Der Puls ist fester Bestandteil jedes Icons. 
  2. Nutze unsere UX-Icons als Navigationselemente im User Interface.
  3. Funktionale Objekt-Icons kommen in Fahrzeugen und Gebäuden zum Einsatz.
  4. Illustrative Icons helfen dir, Geschichten und Ideen zu kommunizieren.

Unser universelles Zeichensystem

Die Konstruktion der funktionalen Icons basiert auf der Formensprache des Pulses und einem klaren, geometrisch-linearen Aufbau.

Innerhalb der funktionalen Icons unterscheiden wir in zwei Kategorien:

Funktionale Icons:
Digitale Produkte und Services

Funktionale Icons aus dem Bereich Digitale Produkte und Services stellen Befehle und Interaktionen dar. Sie bebildern allgemein verständlich Handlungsoptionen auf dem User Interface und sorgen aufgrund ihrer schnellen Erfassbarkeit für Orientierung. 

Eine ausführliche Anleitung für die Erstellung und den Einsatz findest du im UX Bereich des Marketingportals.

Funktionale Icons:
Architektur und Fahrzeug

Funktionale Icons aus dem Bereich Architektur und Fahrzeuge verwenden wir in Gebäuden sowie an und in Fahrzeugen. Sie ermöglichen einfache und sprachübergreifende Orientierung und barrierefreie Kommunikation.

Eine ausführliche Anleitung für die Erstellung und Verwendung findest du hier.

Illustrative Icons


Illustrative Icons sind im Vergleich zu funktionalen Icons komplexer konstruiert. Sie visualisieren Geschichten und Ideen rund um die Marke Deutsche Bahn. Der Puls ist immer Bestandteil des Icons und wird in DB Rot eingesetzt.

Eine ausführliche Anleitung für die Erstellung und den Einsatz der illustrativen Icons befindet sich im UX Guide.

Animation

Beispielanimation, um Aufmerksamkeit zu erzeugen

Beispielanimation zum Auf- und Abbau eines Icons









Beispielanimation zum Wechsel von einem Icon zum anderen

Beispielanimation zu einem illustrativen Icon


Do´s & Don´ts

Unsere illustrativen Icons sind Schwarz und Rot oder Weiß und Rot

Wir verwenden keine Sekundärfarben in unseren Icons








Wir verwenden ausschließlich die Icons aus unserer Icon Library

Verwende keine Icons anderer Anbieter.








Wir nutzen unsere illustrativen Icons, um Geschichten zu erzählen.

Verwende Icons nur für den vorgesehenen Anwendungszweck: Im Beispiel wird ein funktionales Icon verwendet – dies ist nicht erlaubt.









Unsere Icons werden proportional skaliert.

Icons dürfen nicht verzerrt werden.





Download

Angemeldete Nutzende können die Basispakete hier herunterladen.

Du hast Fragen? 

Wir haben alles dafür gegeben, dass unser Corporate Design mit möglichst wenigen Regeln auskommt. So wird es einfach in der Anwendung, führt zu konsistenten Ergebnissen und stärkt die Marke Deutsche Bahn! Solltest du dir jedoch unsicher sein oder Fragen haben, so sind wir gerne für dich da!

Kontakt