Tipografia cinetica: una guida introduttiva
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 derivare da una serie di ragioni, ma un fattore evidente è che attira la tua attenzione. Le persone tendono ad essere attratte dalle parole e vogliono leggerle.
La tipografia cinetica mette insieme queste semplici animazioni per creare parole che si muovono sullo schermo, catturando la tua attenzione e coinvolgendo i sensi. Diamo un'occhiata alla tipografia cinetica e al modo in cui puoi 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 fonti originali per vederle in azione.)
Cos'è la tipografia cinetica?
La tipografia cinetica si riferisce alla creazione di un tipo in movimento. È una tecnica di animazione che consente di espandere, restringere, volare, muovere le lettere al rallentatore, ingrandirle e modificarle in numerosi 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 nei video e in televisione, la tipografia cinetica sta guadagnando popolarità come effetto di sfondo sui siti Web e nei video basati sul Web. (Tutto ciò è possibile grazie alla banda larga più alta e più comune e alla maggiore velocità di navigazione in 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'immagine unica dove non esiste. 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 circolazione da un po 'di tempo. È stato usato per la prima volta sul grande schermo.
I ricercatori dell'Human Computer Interaction Institute e della School of Design della Carnegie Mellon University hanno tracciato il primo uso della tipografia cinetica nel film del 1959 di Alfred Hitchcock "North by Northwest". Nei titoli di apertura, il tipo viene utilizzato in un formato mobile. Un anno dopo, l'effetto fu nuovamente usato in "Psycho". "Questo lavoro derivava in parte dal desiderio di avere i titoli di testa che aprivano il palcoscenico per il film stabilendo uno stato d'animo, piuttosto che semplicemente trasmettere le informazioni dei crediti", hanno scritto i ricercatori.
Da questo punto, la tipografia cinetica divenne più comune nel cinema e successivamente in televisione. È stato utilizzato nei titoli di coda, durante gli spettacoli e per le pubblicità. Un uso notevole della tipografia cinetica nella pubblicità è arrivato nel 2009 quando Pepsi ha lanciato una campagna "Aggiorna tutto" (ora chiamata "Pepsi Pulse") con un nuovo logo. Il nuovo design - con un logo al posto della lettera 'o' - è apparso ovunque dalla televisione all'online usando il 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 qualsiasi cosa, dalla pubblicità e la promozione all'arte, dai video musicali 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 semplice al problema I-have-have-any-art-so-now-what. Dovrebbe essere usato - come qualsiasi altro strumento - per uno scopo specifico e con un determinato obiettivo in mente.
Vi sono usi in cui la tipografia cinetica si è dimostrata particolarmente efficace. Questi usi si riferiscono principalmente al tono. L'aggiunta di un tipo mobile a qualcosa che sarebbe altrimenti di natura statica può aiutare a raggiungere questo obiettivo. I migliori usi per la tipografia cinetica includono:
- Creare contenuti emotivi
- Creare personaggi
- Catturare l'attenzione
Il modo in cui le mosse di tipo 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 imita il movimento umano e può essere ulteriormente animato per "attaccarsi" a oggetti o forme in modo da creare relazioni spaziali o creare associazioni in una direzione specifica.
Applicazioni di tipografia cinetica
Ora che stai iniziando a eccitarti all'idea della tipografia cinetica, come puoi usarla in applicazioni pratiche? Quali mezzi funzionano meglio?
Innanzitutto, il tipo mobile è un formato video e online. A meno che non si stia creando un libro a fogli mobili, ci sono pochi usi per questo concetto nei progetti stampati. È importante pensare al tuo pubblico e alla quantità di tempo che potrebbe trascorrere con un'animazione. Mantenerlo breve è consigliato per applicazioni web e mobili, mentre nel cinema o nella pubblicità potresti avere un po 'più di tempo con ogni utente.
In entrambi i casi, è importante creare qualcosa di interessante, di facile lettura e comprensione e che crei una connessione emotiva. Gli usi pratici comuni per la tipografia cinetica includono gli usi educativi, come i popolari video e la programmazione di "Schoolhouse Rock" trasmessi in onda dal 1973 al 2009; promozionale o pubblicitario; e video musicali.
Quando si pianifica la tipografia cinetica, ci sono alcuni schemi comuni di movimento e comportamento.
- Rallentatore o movimento rapido
- Allungando o restringendo
- Movimento in archi o onde mentre il testo si muove lungo percorsi curvi
- Azione anticipata, un movimento così sottile prima di un movimento 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 nel riquadro
Risorse ed esercitazioni
Mettere insieme un tipo animato può essere semplice come creare una gif o complicato come produrre un video musicale. Ma ci sono molti buoni tutorial - e super facili da seguire - disponibili se vuoi davvero imparare le tecniche di tipografia cinetica.
Innanzitutto, ti consigliamo di guardare cosa c'è là fuori e il numero illimitato di opzioni disponibili per la creazione di tipo mobile. (Dai un'occhiata alla tipografia cinetica su Tumblr per alcuni esempi divertenti.) E 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. Successivamente, potresti voler passare a progetti più grandi.
Inoltre, ci sono alcuni strumenti che ti aiutano 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 cinetica di Udemy
- Adobe TV: Scopri i tutorial video di Edge Animate
- Suggerimenti per l'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 ai progetti digitali e video. Mentre le tecniche possono richiedere del tempo per padroneggiare, è qualcosa che è probabile che rimanga. (Pensa, i designer hanno usato la tecnica in qualche forma per più di 50 anni.)
Attualmente stai lavorando a progetti che utilizzano la tipografia cinetica? Come si stanno formando? Condividi i tuoi pensieri (e i collegamenti del progetto) con noi nei commenti. Ci piacerebbe vedere a cosa stai lavorando.
