La tipografia cinetica sembra essere ovunque in questi giorni. Dagli spot televisivi alle pagine di destinazione del sito Web, il tipo mobile è uno strumento visivo popolare. Questa popolarità potrebbe venire da una serie di ragioni, ma un fattore ovvio è che attira la vostra attenzione. Le persone tendono ad essere attratte dalle parole e vogliono leggerle.
La tipografia cinetica mette insieme alcune semplici animazioni per creare parole che si muovono sullo schermo, catturando l'attenzione e coinvolgendo i sensi. Diamo un'occhiata alla tipografia cinetica e come è possibile integrarla in alcuni dei tuoi progetti di design. (Nota: gli esempi in questo articolo includono l'animazione; fai clic sulle immagini per i collegamenti alle origini originali per vederle in azione).
Cos'è la tipografia cinetica?
La tipografia cinetica si riferisce alla creazione del tipo di movimento. Si tratta di una tecnica di animazione che viene utilizzata per far sì che le scritte si espandano, si restringano, si spostino, si muovano al rallentatore, crescano e cambino in molti modi per l'utente. L'effetto può essere semplice e breve con solo piccole modifiche o abbastanza elaborato e lungo.
L'uso della tipografia cinetica è quasi esploso di recente a causa di un maggiore uso della tecnica nel web design. Un tempo utilizzato solo in video e in televisione, la tipografia cinetica sta guadagnando popolarità come effetto di sfondo sui siti Web e nei video basati sul web. (Tutto questo è possibile grazie a una banda larga più alta e più comune ea maggiori velocità di navigazione su Internet e Web.)
La tecnica utilizzata per una serie di motivi, ma può aggiungere enfasi a determinati contenuti. Può aiutare a trasmettere tono ed emozione. Può aiutare a creare un visuale unico dove non esiste nessuno. Può essere un'opzione conveniente per quelli con budget limitati. Può aggiungere interesse quando il tuo design ha bisogno di una spinta.
Origini della tipografia cinetica
Mentre la tipografia cinetica può essere etichettata come una tendenza emergente per il web design oggi, è in giro da un po 'di tempo. È stato usato per la prima volta sul grande schermo.
I ricercatori del Human Computer Interaction Institute e della School of Design della Carnegie Mellon University hanno rintracciato il primo uso della tipografia cinetica nel 1959 del film di Alfred Hitchcock del 1959 "North by Northwest". Nei titoli di testa, il tipo viene utilizzato in un formato mobile. Un anno dopo, l'effetto è stato nuovamente utilizzato in "Psycho." "Questo lavoro è derivato in parte dal desiderio di avere i titoli di testa in scena per il film stabilendo uno stato d'animo, piuttosto che semplicemente trasmettendo le informazioni dei crediti ,? ricercatori hanno scritto.
Da questo punto, la tipografia cinetica divenne più comune nei film e più tardi in televisione. È stato usato nei crediti, durante gli spettacoli e per gli annunci pubblicitari. Un uso notevole della tipografia cinetica nella pubblicità arrivò nel 2009 quando Pepsi lanciò un "Refresh Everything"? campagna (ora chiamata? Pepsi Pulse?) con un nuovo logo. Il nuovo design - con un logo al posto della lettera "o" - è apparso ovunque, dalla televisione al online, usando un tipo mobile.
Più recentemente, è diventata una tecnica ampiamente utilizzata nella progettazione di siti Web (e anche per alcune app mobili) ed è abbastanza comune nei video online. È utilizzato per tutto, dalla pubblicità e promozione all'arte, ai video musicali, fino allo strumento di narrazione per i giornalisti.
Quando dovresti usare la tipografia cinetica?
La tipografia cinetica è uno strumento divertente per il tuo kit, ma non è una soluzione facile al problema I-don't-have-any-art-so-now-what. Dovrebbe essere usato - come qualsiasi altro strumento - per uno scopo specifico e con un certo obiettivo in mente.
Ci sono usi in cui la tipografia cinetica ha dimostrato di essere particolarmente efficace. Questi usi più riguardano il tono. Aggiungere un tipo di movimento a qualcosa che altrimenti sarebbe statico in natura può aggiungere aiuto per raggiungere questo obiettivo. I migliori usi per la tipografia cinetica includono:
- Creare contenuti emotivi
- Creare personaggi
- Catturare l'attenzione
Il modo in cui il tipo si muove contribuisce anche a questi usi, secondo la ricerca. Ad esempio:? La sonorità può essere imitata modificando la dimensione del testo, nonché il suo peso e, occasionalmente, il contrasto o il colore. Per volumi elevati, è possibile utilizzare movimenti che imitano le vibrazioni. Nella creazione di personaggi, il tipo può essere impostato per muoversi in un modo che riproduce il movimento umano e può essere ulteriormente animato da? a oggetti o forme in modi che creano relazioni spaziali o creano associazioni a una direzione specifica.
Applicazioni di tipografia cinetica
Ora che stai iniziando ad appassionarti all'idea della tipografia cinetica, come puoi usarla nelle applicazioni pratiche? Quali mezzi funzionano meglio?
Innanzitutto, il tipo mobile è un formato video e online. A meno che non si stia creando un flipbook, ci sono pochi usi per questo concetto nei progetti stampati. È importante pensare al tuo pubblico e alla quantità di tempo che potrebbero trascorrere con un'animazione. Mantenerlo breve è consigliato per applicazioni web e mobile, mentre in film o pubblicità si può avere un po 'più tempo con ciascun utente.
In entrambi i casi, è importante creare qualcosa che sia interessante, di facile lettura e comprensione e che crei una connessione emotiva. Usi pratici comuni per la tipografia cinetica includono usi educativi, come il popolare? Schoolhouse Rock? video e programmazione che erano in onda dal 1973 al 2009; promozionale o pubblicitario; e video musicali.
Quando si pianifica la tipografia cinetica, ci sono alcuni modelli comuni di movimento e comportamento.
- Rallentatore o movimento veloce
- Stretching o restringimento
- Movimento in archi o onde mentre il testo si muove lungo i percorsi curvi
- Azione anticipata, un movimento così sottile prima di uno acuto
- Segui le azioni che accadono dopo che è successo qualcos'altro
- Azione secondaria quando il testo si sposta a causa di qualcosa che accade a un altro elemento nella cornice
Risorse ed esercitazioni
Mettere insieme il tipo animato può essere semplice come creare una gif o complicato come produrre un video musicale. Ma ci sono un sacco di buone - e super facili da seguire - tutorial disponibili se vuoi davvero imparare tecniche di tipografia cinetica.
In primo luogo, consigliamo di guardare ciò che è là fuori e il numero illimitato di opzioni disponibili per la creazione di caratteri mobili. (Guarda la tipografia cinetica su Tumblr per alcuni esempi divertenti). Poi inizia a giocare con le gif. Se hai dimestichezza con gli strumenti di animazione di Adobe Photoshop, puoi creare qualcosa di semplice in pochi minuti. Dopo, potresti voler passare a progetti più grandi.
Inoltre, ci sono alcuni strumenti per aiutarti a creare animazioni di testo semplici in fretta.
- Motore di tipografia cinetica
- Tutorial sulla tipografia cinetica di Jesse Rosten
- Tutorial di tipografia cinetica di Crooked Gremlins
- Tecniche di tipografia cinetica con After Effects
- Corso di tipografia Udemy Kinetic
- Adobe TV: Scopri Edge Animate video tutorial
- Suggerimenti di animazione del tipo MotionWorks
Conclusione
L'uso della tipografia cinetica può essere uno strumento divertente. Il tipo mobile può aggiungere impatto, connessione emotiva e interesse visivo a progetti digitali e video. Mentre le tecniche possono richiedere un po 'di tempo per padroneggiare, è qualcosa che è probabilmente in giro per rimanere. (Pensa, i designer hanno usato la tecnica in qualche modo da oltre 50 anni.)
Attualmente stai lavorando su progetti che utilizzano la tipografia cinetica? Come si stanno formando? Condividi i tuoi pensieri (e link ai progetti) con noi nei commenti. Ci piacerebbe vedere a cosa stai lavorando.