Kinetische Typografie scheint heutzutage überall zu sein. Bewegliche Schriftarten sind ein beliebtes visuelles Werkzeug, von Fernsehwerbung bis hin zu Website-Landing-Pages. Diese Beliebtheit kann aus mehreren Gründen stammen, aber ein offensichtlicher Faktor ist, dass sie Ihre Aufmerksamkeit auf sich zieht. Menschen neigen dazu, von Wörtern angezogen zu werden und möchten sie lesen.
Kinetische Typografie kombiniert dies mit einigen einfachen Animationen, um Wörter zu erzeugen, die sich auf dem Bildschirm bewegen, Ihre Aufmerksamkeit erregen und die Sinne ansprechen. Schauen wir uns also die kinetische Typografie an und wie Sie sie in einige Ihrer Konstruktionsprojekte integrieren können. (Hinweis: Die Beispiele in diesem Artikel enthalten Animationen; klicken Sie auf die Bilder, um Links zu den Originalquellen zu sehen, um sie in Aktion zu sehen.)
Was ist kinetische Typografie?
Kinetische Typografie bezieht sich auf die Erzeugung von Bewegungstypen. Es ist eine Animationstechnik, mit der die Schriftzüge auf vielfältige Weise für den Benutzer vergrößert, verkleinert, geflogen, in Zeitlupe bewegt werden können. Der Effekt kann mit nur geringen Änderungen einfach und kurz sein oder recht aufwendig und langwierig sein.
Die Verwendung kinetischer Typografie hat in letzter Zeit fast explodiert, weil die Technik im Webdesign stärker eingesetzt wird. Die kinetische Typografie, die früher nur in Video und Fernsehen verwendet wurde, gewinnt als Hintergrundeffekt auf Websites und in webbasierten Videos an Beliebtheit. (All dies ist dank höherem und gebräuchlicherem Breitband und erhöhten Internet- und Websurfgeschwindigkeiten möglich.)
Die aus verschiedenen Gründen verwendete Technik kann jedoch bestimmten Inhalten eine Betonung geben. Es kann helfen, Ton und Emotionen zu vermitteln. Es kann dabei helfen, ein einzigartiges Bild zu erstellen, wo keines vorhanden ist. Es kann eine kostengünstige Option für diejenigen mit begrenzten Budgets sein. Es kann Interesse erwecken, wenn Ihr Design einen Schub braucht.
Ursprünge der kinetischen Typografie
Die kinetische Typografie kann heute als aufkommender Trend für das Webdesign bezeichnet werden, ist jedoch schon seit einiger Zeit im Umlauf. Es wurde zuerst auf der großen Leinwand verwendet.
Forscher des Human Computer Interaction Institute und der School of Design der Carnegie Mellon University haben den ersten Einsatz der kinetischen Typografie auf den 1959 von Alfred Hitchcock (1959) im Film "North by Northwest" (Alfred von Northwest) zurückgeführt. In der Vorspannschrift wird der Typ in einem beweglichen Format verwendet. Ein Jahr später wurde der Effekt erneut in "Psycho" eingesetzt. "Diese Arbeit ist zum Teil auf den Wunsch zurückzuführen, dass der Vorspann die Bühne für den Film bereitet, indem er eine Stimmung schafft, anstatt nur die Informationen des Abspanns zu vermitteln." Forscher schrieben.
Von diesem Punkt an wurde die kinetische Typografie im Film und später im Fernsehen allgemeiner. Es wurde in Credits, bei Shows und für Werbung verwendet. Eine bemerkenswerte Verwendung von kinetischer Typografie in der Werbung kam 2009, als Pepsi ein? Refresh Everything? Kampagne (jetzt? Pepsi Pulse?) mit einem neuen Logo. Das neue Design - mit einem Logo anstelle des Buchstabens 'o' - erschien überall vom Fernsehen bis zum Internet mit beweglicher Schrift.
In jüngerer Zeit hat es sich zu einer weit verbreiteten Technik im Website-Design (und auch für einige mobile Apps) entwickelt und ist in Online-Videos sehr verbreitet. Es wird für alles verwendet, von Werbung und Promotion über Kunst bis hin zu Musikvideos bis hin zu einem Storytelling-Tool für Journalisten.
Wann sollten Sie kinetische Typografie verwenden?
Kinetische Typografie ist ein unterhaltsames Werkzeug für Ihr Kit, aber es ist keine einfache Lösung für das Problem, dass ich keine Kunst habe. 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 Typografie als besonders effektiv erwiesen hat. Diese Verwendungen beziehen sich meist auf den Ton. Das Hinzufügen eines beweglichen Typs zu etwas, das ansonsten statisch wäre, kann dazu beitragen, dies zu erreichen. Die besten Anwendungen für die kinetische Typografie sind:
- Emotionale Inhalte schaffen
- Charaktere erstellen
- Aufmerksamkeit erregen
Laut Art der Forschung trägt auch die Art und Weise, wie sich Typ bewegt, zu diesen Verwendungen bei. Zum Beispiel: Lautheit kann durch Ändern der Textgröße sowie des Gewichts und gelegentlich des Kontrasts oder der Farbe nachgeahmt werden. Bei hohen Lautstärken können bewegungsähnliche Bewegungen verwendet werden. Bei der Erstellung von Zeichen kann der Typ so eingestellt werden, dass er sich auf eine Weise bewegt, die die menschliche Bewegung nachahmt, und er kann weiter animiert werden, um "Anhängen" zu erstellen. mit Objekten oder Formen auf eine Weise, die räumliche Beziehungen oder Assoziationen zu einer bestimmten Richtung erzeugt.
Kinetische Typografie-Anwendungen
Nun, da Sie anfangen, sich für die Idee der kinetischen Typografie zu interessieren, wie können Sie sie in der Praxis einsetzen? Welche Medien funktionieren am besten?
Beweglicher Typ ist zunächst ein Video- und Online-Format. Wenn Sie kein Daumenkino erstellen, wird dieses Konzept in gedruckten Projekten wenig genutzt. Es ist wichtig, über Ihr Publikum nachzudenken und wie viel Zeit Sie mit einer Animation verbringen können. Für Web- und mobile Anwendungen ist es ratsam, es kurz zu halten, während Sie in Filmen oder Werbung mit jedem Benutzer etwas mehr Zeit haben.
In jedem Fall ist es wichtig, etwas zu schaffen, das interessant ist, leicht zu lesen und zu verstehen ist und eine emotionale Verbindung schafft. Übliche praktische Anwendungen für die kinetische Typografie umfassen pädagogische Zwecke, wie beispielsweise das beliebte? Schoolhouse Rock? Videos und Programmierung, die von 1973-2009 auf Sendung waren; Verkaufsförderung oder Werbung; und Musikvideos.
Bei der Planung der kinetischen Typografie gibt es einige übliche Bewegungs- und Verhaltensmuster.
- Zeitlupe oder Zeitraffer
- Strecken oder Schrumpfen
- Bewegung in Bögen oder Wellen, wenn sich Text auf gekrümmten Pfaden bewegt
- Vorweggenommene Aktion, eine so subtile Bewegung vor einer scharfen
- Folgen Sie den Aktionen, die geschehen, nachdem etwas anderes passiert ist
- Sekundäre Aktion, wenn sich Text aufgrund eines Ereignisses bewegt, das mit einem anderen Element im Rahmen passiert
Ressourcen und Tutorials
Das Zusammenfügen eines animierten Typs kann so einfach sein wie das Erstellen eines GIFs oder das Erstellen eines Musikvideos. Es gibt jedoch viele gute und leicht zu verfolgende Tutorials, wenn Sie wirklich kinetische Typografietechniken erlernen möchten.
Erstens, eine Empfehlung, um zu sehen, was da draußen ist und die unbegrenzte Anzahl von Optionen, die zum Erstellen eines beweglichen Typs zur Verfügung stehen. (Schauen Sie sich die kinetische Typografie auf Tumblr an, um einige lustige Beispiele zu erhalten.) Dann fangen Sie 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 möchten Sie vielleicht zu größeren Projekten übergehen.
Darüber hinaus gibt es einige Tools, mit denen Sie schnell einfache Textanimationen erstellen können.
- Kinetic Typography Engine
- Kinetic Typography Tutorial von Jesse Rosten
- Kinetic Typography Tutorial von Crooked Gremlins
- Kinetische Typografietechniken mit After Effects
- Udemy Kinetic Typography Kurs
- Adobe TV: Lernen Sie Videos mit Edge Animate-Animationen
- MotionWorks Typ Animationstipps
Fazit
Die Verwendung kinetischer Typografie kann ein unterhaltsames Werkzeug sein. Bewegliche Schriftarten können Digital- und Videoprojekten mehr Einfluss, emotionale Verbindung und visuelles Interesse verleihen. Die Techniken können einige Zeit dauern, um sie zu meistern, aber es ist etwas, das wahrscheinlich in der Nähe bleibt. (Denken Sie nur daran, dass Designer die Technik seit über 50 Jahren in irgendeiner Form einsetzen.)
Arbeiten Sie derzeit an Projekten mit kinetischer Typografie? Wie gestalten sie sich? Teilen Sie uns Ihre Gedanken (und Projektlinks) in den Kommentaren mit. Wir würden gerne sehen, woran Sie gerade arbeiten.