Direkt zum Inhalt
Modules

Animation: Bewegung macht Mobilität erlebbar.

Bewegung macht die Persönlichkeit der Bahn erlebbar. Auf kommunikativer Ebene unterstützen markentypische Animationen das Storytelling, während sie im UI der Usability helfen und Interaktionen ihren Charakter verleihen.

Anwendungsbeispiele

Modules
Modules
Modules
Modules
Modules
Modules
Modules

Das Wichtigste in Kürze:

  1. Bewegung spiegelt unsere Persönlichkeit wider.
  2. Animation unterstützt das Storytelling.
  3. Animation dient der Nutzerführung.

Anwendungsprinzipien 

Modules

Animationskurven – emotional und funktional

Zwei Animationskurven helfen uns, Bewegung ausdrucksstark bis funktional darzustellen.
Unsere charakteristische Animationskurve – basierend auf der Brand-Personality – wird durch eine zweite funktionale Animationskurve erweitert. Ihr Einsatz ermöglicht schnelles Feedback in bestimmten Interaktionen mit dem Nutzer.
Sie ist sachlich und zurückhaltend.

Unsere Bewegung startet mit einer natürlichen Beschleunigung. Das Grundtempo ist dynamisch und zielgerichtet. Ein kontrolliertes Abbremsen schließt die Animation souverän ab.

Modules
Modules

Dauer/Zeit

Die Dauer einer Animation richtet sich individuell nach dem zu animierenden Inhalt.
So ist die Animationsdauer bei funktionalen Elementen meist  kurz, um eine Interaktion nicht zu verzögern.
Inhalten dagegen kommt diejenige Animationsdauer zu, die für ihren aufmerksamkeitsstarken Auftritt erforderlich ist.
Grundsätzlich gilt: Animationen unterstützen Inhalte in ihrem Auftritt. Die Animation steht jedoch nie im Vordergrund. Von langen Animationszeiten ist daher abzusehen. 

Richtung

Wir animieren Elemente horizontal oder vertikal, aber nie schräg. In unserer Kommunikation ist die bevorzugte Animationsrichtung horizontal von links nach rechts.

Reihenfolge

Unsere Kommunikation bauen wir in folgender Animationsreihenfolge auf:


  1. Motiv/Hintergrund
  2. Absender/Logo 
  3. Botschaft
  4. Puls
  5. Grafikelemente
  6. Interaktive Elemente
Modules

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.