Einsteigerguide: Was ist kinetische Typographie?

Kinetische Typographie scheint heutzutage weit verbreitet zu sein. Von Fernsehwerbung bis hin zu Website-LandingPages ist der bewegliche Typ ein beliebtes visuelles Werkzeug. Für diese Popularität sind viele Ursachen maßgeblich, aber ein offensichtlicher Faktor ist, dass es Ihre Aufmerksamkeit erregt. Menschen neigen dazu, sich von Wörtern angezogen zu fühlen und sie lesen zu wollen.

Was ist kinetische Typographie?

Kinetische Typographie kombiniert dies mit einigen einfachen Animationen, um Wörter zu kreieren, die sich auf dem Bildschirm bewegen, Ihre Aufmerksamkeit erregen und die Sinne ansprechen. Werfen wir also einen Blick auf die kinetische Typographie und welche Anwendungsmöglichkeiten sie bietet.

Was ist kinetische Typographie?

Aus datenschutzrechtlichen Gründen benötigt Vimeo Ihre Einwilligung um geladen zu werden. Mehr Informationen finden Sie unter Datenschutzerklärung.

Kinetische Typographie bezieht sich auf die Erstellung von beweglichen Typen. Es ist eine Animationstechnik, die verwendet wird, um Schriftzüge für Benutzer auf vielfältige Weise zu erweitern, zu verkleinern, in Zeitlupe zu bewegen oder zu verändern. Der Effekt kann einfach und kurz sein, mit nur kleinen Änderungen oder ziemlich aufwändig und langwierig.

Der Einsatz kinetischer Typographie ist in letzter Zeit fast explodiert, weil die Technik verstärkt im Webdesign eingesetzt wird. Einst nur in Video und Fernsehen eingesetzt, gewinnt die kinetische Typographie als Hintergrundeffekt auf Webseiten und in webbasierten Videos an Popularität. (All dies ist möglich dank höherer und gebräuchlicherer Breitband- und erhöhter Internet- und Websurfgeschwindigkeiten).

Die Technik, die aus einer Reihe von Gründen verwendet wird, kann aber bestimmte Inhalte hervorheben. Sie kann helfen, Ton und Emotionen zu vermitteln oder ein einzigartiges visuelles Erscheinungsbild zu schaffen, was in dieser Form bisher (noch) nicht existent ist. Es kann eine erschwingliche Option für diejenigen mit begrenztem Budget sein. Es kann Interesse wecken, wenn Ihr Design einen Schub braucht.

Ursprünge der kinetischen Typographie.

Während kinetische Typographie heute als ein aufkommender Trend für Webdesign bezeichnet werden kann, gibt es sie schon seit geraumer Zeit. Es wurde erstmals auf der Großleinwand eingesetzt.

Forscher des Human Computer Interaction Institute und der School of Design an der Carnegie Mellon University haben die erste Anwendung kinetischer Typographie aus den 1959 entstandenen Alfred Hitchcock-Film „North by Northwest“ von 1959 zurückgeführt. Im Vorspann wird der Typ in einem beweglichen Format verwendet. Ein Jahr später wurde der Effekt in „Psycho“ wieder verwendet. „Diese Arbeit entstand zum Teil aus dem Wunsch, dass der Vorspann die Bühne für den Film bereitet, inder er eine Stimmung schafft, anstatt nur die Informationen des Vorspannes zu vermitteln“, schrieben Forscher.

Von diesem Zeitpunkt wurde die kinetische Typographie im Film und später im Fernsehen immer häufiger eingesetzt. Es wurde in Credits, bei Shows und für Werbezwecke verwendet. Eine bemerkenswerte Anwendung der kinetische Typographie in der Werbung kam 2009, als Pepsi eine Kampagne „Refresh Everything“ mit einem neuen Logo startete. Das neue Design – mit einem Logo anstelle des Buchstabens „o“ – erschien vom Fernsehen bis zum Internet mit beweglicher Schrift.

In jüngster Zeit ist es zu einer weit verbreiteten Technik im Webdesign, mobilen Apps und Online-Videos geworden. Es wird für alles verwendet, von Werbung und Promotion über Kunst und Musikvideos bis hin zu einem Storytelling-Tool für Journalisten.

Wann sollte man kinetische Typographie anwenden?

Kinetische Typographie ist ein lustiges Werkzeug für Ihr ToolKit, aber es ist keine einfache Lösung für das Problem. Es sollte – wie jedes andere Werkzeug – für einen bestimmten Zweck und mit einem bestimmten Ziel verwendet werden.

Es gibt Anwendungen, bei denen sich die kinetische Typographie als besonders effektiv erwiesen hat. Diese Anwendungen beziehen sich meistens auf den Ton. Das Hinzufügen eines beweglichen Typs zu etwas, das ansonsten statisch wäre, kann dazu beitragen, dies zu erreichen. Zu den besten Anwendungen für die kinetische Typographie gehören:

Erstellen von emotionalen Inhalten
Erstellen von Charakteren
Aufmerksamkeit erregend

Auch die Art und Weise, wie sich der Typ bewegt, trägt zu diesen Anwendungsmöglichkeiten bei, so die Forschung. Zum Beispiel: „Die Lautstärke kann nachgeahmt werden, indem man die Größe des Textes sowie sein Gewicht und gelegentlich Kontrast oder Farbe ändert. Für große Volumen können Bewegungen verwendet werden, die Vibrationen nachahmen.“ Bei der Erstellung von Charakteren kann der Typ so eingestellt werden, dass er sich in einer Weise bewegt, die die menscheiche Bewegung nachahmt, und er kann weiter animiert werden, um Objekte oder Formen so „anzuhängen“, dass sie räumliche Beziehungen herstellen oder Assoziationen zu einer bestimmten Richtung erzeugen.

Anwendungen für kinetische Typographie.

Wie können Sie kinetische Typographie in der Praxis anwenden? Welche Medien funktionieren am besten?

Beim beweglichen Typ handelt es sich um ein Video- und Online-Format. Wenn Sie kein Flipbook erstellen, gibt es nur wenige Einsatzmöglichkeiten für dieses Konzept in gedruckten Projekten. Es ist wichtig, über Ihr Publikum und die Zeit, die es mit einer Animation verbringen könnte, nachzudenken. Es wird empfohlen, es für Web- und mobile Anwendungen kurz zu halten, während Sie im Film oder in der Werbung etwas mehr Zeit mit jedem Benutzer haben.

So oder so, es ist wichtig, etwas zu schaffen, das interessant, leicht zu lesen und zu verstehen ist. Zudem sollte es eine emotionale Verbindung schaffen. Häufige praktische Anwendungen für die kinetische Typographie sind pädagogische Anwendungen, wie die beliebten „Schoolhouse Rock“-Videos und Programme, die von 1973 bis 2009 auf Sendung waren oder Werbung und Musikvideos.

Bei der Planung für die kinetische Typographie gibt es einige gemeinsame Bewegungs- und Verhaltensmuster.

Slow oder Fast Motion.
Stretching oder Schrumpfen.
Bewegung in Bögen oder Wellen, wenn sich der Text auf gekrümmten Pfaden bewegt.
Erwartete Aktion, eine so subtile Bewegung vor einer scharfen.
Führen Sie Aktionen durch, die passieren, nachdem etwas anderes passiert ist.
Sekundäre Aktion, wenn sich der Text aufgrund von etwas bewegt, das mit einem anderen Element im Frame passiert.

Ressourcen und Tutorials.

Das Zusammenstellen eines animierten Typs kann so einfach sein wie das Erstellen eines Gif oder so kompliziert wie das Erstellen eines Musikvideos. Aber es gibt viele gute – und super einfach zu verstehende – Tutorials, wenn Sie wirklich kinetische Typographietechniken erlernen wollen.

Schaffen Sie sich erst einmal einen Überblick und die unbegrenzte Anzahl von Optionen, die für die Erstellung von beweglichen Typen zur Verfügung stehen. Und fangen Sie anschließend an, mit Gifs zu spielen. Wenn Sie mit den Animationswerkzeugen von Adobe Photoshop vertraut sind, können Sie in wenigen Minuten etwas Einfaches erstellen. Danach sollten Sie zu größeren Projekten übergehen.

Darüber hinaus gibt es einige Tools, die Ihnen helfen, schnell einfache Textanimationen zu erstellen.

Schlussfolgerungen.

Die Verwendung von kinetischer Typographie kann ein lustiges Werkzeug sein. Der bewegliche Typ kann den digitalen Videoprojekten Impact, Emotionalität und visuelles Interesse verleihen. Die Techniken nehmen einige Zeit in Anspruch, um sie gekonnt einsetzen zu können, aber der Aufwand könnte sich lohnen, da zu erwarten ist, dass diese noch längere Zeit im Trend liegen werden.

Vielen Dank für Ihren Besuch.