Animierte Typografie

Animierte Typografie erzeugt ein dynamisches Gesamtbild: gut lesbar, barrierefrei und hochwertig reduziert – in Video, Web oder Applikationen. Die folgenden Prinzipien sind dabei die Grundlage für ein konsistentes Erscheinungsbild. Animierte Typografie sollte generell nur eingesetzt werden, wenn sie einen Mehrwert bietet und die Aussage der Informationen visuell unterstützt.

Zur Umsetzung des Motion Brandings mit den Audi Ringen steht für alle Anwendungen in der Bewegtbildkommunikation eine eigens entwickelte Software zur Verfügung.

Bewegungsparameter

Bewegte Typografie erfüllt immer einen Zweck: Sie kann Fokus erzeugen, Charakter und Lebendigkeit transportieren sowie wichtige Textinhalte hervorheben. Typografische Animationen basieren auf den Audi Animationsprinzipien und können mithilfe folgender Parameter erstellt werden:

Dezent
Deckkraft (erhöhen/verringern)

Betont
Deckkraft + Position (horizontal/vertikal)

Die Bewegungsparameter definieren die Lautstärke eines Texts. Es sollte daher auf einen sinnvollen, reduzierten Umgang bei animiertem Text geachtet werden. Nur eine der zwei Lautstärken wird genutzt (entweder Dezent oder Betont).

Choreografie

Für ein harmonisches Gesamterlebnis sollte das Timing aller Parameter genau aufeinander abgestimmt sein. Die Audi Animationskurve dient als Grundlage. Beim Einsatz mehrerer Elemente können Offset und Delay (einzelne Elemente erscheinen/verschwinden zeitversetzt) genutzt werden, um mehr Spannung zu erzeugen.

Betont horizontal
Erscheint von links,  verschwindet nach links

Betont vertikal
Erscheint von unten, verschwindet nach oben

Anwendung

Schriftfarbe

Je nach Videomaterial wird bewegte Typografie in Weiß oder Schwarz eingesetzt. Es ist darauf zu achten, dass Personen oder Fahrzeuge nicht durch Text verdeckt werden und mindestens 16px Abstand zwischen Schrifthierarchien vorhanden ist.

Schlagschatten (optional)

Wenn ein geringer Kontrast zwischen Text und Hintergrund die Lesbarkeit zu stark beeinträchtigt, kann Text um einen schwarzen Schlagschatten ergänzt werden (Richtwerte: max. 50 % Deckkraft, 8px Blur, 2px Verschiebung auf y-Achse).

Sicherheitsabstand

Um stets ein einheitliches Erscheinungsbild zu gewährleisten, stehen formatspezifische Sicherheitsabstände und Richtwerte für Titel, Bauchbinden und Untertitel & Disclaimer zur Verfügung.

Title

Videotitel sind linksbündig gesetzt und haben einen formatspezifischen Mindestabstand. Solange dadurch kein Motiv überdeckt wird, kann Text alternativ zentriert gesetzt werden.  

Mehr zum Einsatz von Schrift unter Typografie.

Vorschau

Empfohlene Bewegungsparameter

Deckkraft: Ein-/Ausblenden (von 0 % bis 100 %)
Positionsverschiebung: vertikal aufwärts oder horizontal in Leserichtung

Formatspezifische Richtwerte

16:9

Sicherheitsabstand links/rechts: 100px
Sicherheitsabstand oben/unten: 150px

9:16 and 4:5

Sicherheitsabstand links/rechts: 100px
Sicherheitsabstand oben/unten: 200px

1:1

Sicherheitsabstand rundum: 100px

1.91:1 (Social Media)

Sicherheitsabstand rundum: 60px

Bauchbinden

Bauchbinden sind links- oder rechtsbündig am unteren Rand eines Videos gesetzt und haben einen formatspezifischen Mindestabstand. Falls der Kontrast zum Videomaterial nicht ausreicht, kann die Schrift optional mit einem weichen, max. 50-%igen Schwarz-Verlauf hinterlegt werden.

Vorschau

Empfohlene Bewegungsparameter

Deckkraft: Ein-/Ausblenden (von 0 % bis 100 %) 
Positionsverschiebung: vertikal aufwärts oder horizontal in Leserichtung

Formatspezifische Richtwerte

16:9 and 1:1

Safety distance all around: 100px

Headline: Audi Type Extended Bold, max. two-line
Subline: Audi Type Wide Normal, max. two-line

9:16 and 4:5

Safety distance left/right: 100px
Safety distance up/down: 200px

Headline: Audi Type Extended Bold, max. two-line
Subline: Audi Type Wide Normal, max. two-line

1.91:1 (Social Media)

Safety distance all around: 60px

Headline: Audi Type Extended Bold
Subline: Audi Type Wide Normal, single-line

Verlauf (optional)

16:9, 9:16, 4:5 and 1:1

max. 1/3 of the format height

1.91:1 (Social Media)

max. 1/2 of the format height

Untertitel & Disclaimer

Untertitel und Disclaimer sind zentriert am unteren Rand gesetzt und haben einen formatspezifischen Mindestabstand. Falls der Kontrast zum Videomaterial nicht ausreicht, kann die Schrift optional mit einem weichen, max. 35-%igen Schwarz-Verlauf hinterlegt werden.

Vorschau

Empfohlene Bewegungsparameter  

Deckkraft: Ein-/Ausblenden (von 0 % bis 100 %)
 Positionsverschiebung: –

Formatspezifische Richtwerte

16:9

Sicherheitsabstand unten: 80px

Untertitel: 35 px, Audi Type Wide Normal
Disclaimer: 25 px, Audi Type Normal
Höhe Verlauf: max. 1/4 der Formathöhe

9:16, 4:5 and 1:1

Sicherheitsabstand unten: 200px

Untertitel: 35 px, Audi Type Wide Normal
Disclaimer: 25 px, Audi Type Normal
Höhe Verlauf: max. 1/3 der Formathöhe