I caratteri a colori sono pronti a conquistare il mondo del design grafico nel 2018, ma cosa sono esattamente, e come puoi usarli?
Qui analizzeremo il gergo tecnico e arriveremo alla semplice verità dei caratteri a colori. Questa tendenza spudoratamente in-the-face promette di ridare il divertimento alla tipografia. Un must-have per i web e graphic designer allo stesso modo, questa nuova e ingegnosa tecnologia avrà un effetto di trasformazione sul design digitale e di stampa per gli anni a venire. Quindi non lasciarti indietro e continua a leggere!
Cerchi di imparare come creare un font a colori? Guarda il nostro tutorial su Come creare un font a colori con Adobe Illustrator e Fontself.
Immagine da color.typekit.comSe si desidera utilizzare un tipo altamente dettagliato su un disegno, è necessario utilizzare un'immagine vettoriale o raster di una lettera o di un gruppo di lettere. Se create da zero da tipografi o scaricate da un sito di stock, queste immagini richiedono molto tempo e non hanno la funzionalità o la flessibilità di un file di font.
Almeno era così fino ad ora. Caratteri a colori, a volte indicato come caratteri cromatici, rappresenta il prossimo passo evolutivo per la tipografia, incorporando dettagli come colore, sfumature e trame in un file di font, in formato vettoriale o bitmap. I dettagli vettoriali appaiono chiari e nitidi per quanto grandi siano ridimensionati, mentre i font bitmap possono apparire pixelati o sfocati se ridimensionati a una dimensione superiore alla loro dimensione massima prevista.
Ogni carattere di colore è costituito da un nucleo di "fallback", che è il carattere vettoriale standard OpenType, oltre a ulteriori dati taggati su cui viene eseguito il rendering in formato SVG (Scalable Vector Graphics). Tra gli sviluppatori di font, i caratteri a colori sono indicati come Font OpenType-SVG.
Questo font di colore Adobe Typekit, Trajan Color Concept, combina il carattere standard di Traiano con sfumature, colori e ombre per un effetto metallico ornato.Se stai guardando il carattere su un browser che supporta i caratteri a colori, potrai vedere la versione colorata. In caso contrario, vedrai la versione di riserva. È importante prendere nota mentalmente, prima di tuffarti nella conversione di tutti i tipi di carattere sul tuo sito web in caratteri a colori. Poiché i caratteri a colori sono relativamente nuovi, la maggior parte delle versioni del browser non è attualmente in grado di supportare la tecnologia. Saltare a 'Come posso usarli', sotto, per saperne di più.
Ricorda l'emozione di usare WordArt per abbellire le tue presentazioni PowerPoint a scuola? Mentre il tuo insegnante può essere stato meno entusiasta, c'è solo qualcosa di assolutamente divertente nell'aggiungere un massimalista al testo. I caratteri a colori sono fondamentalmente come WordArt per l'era di Internet, aggiungendo un tocco in più a qualsiasi design.
Questa non è una tendenza che i fan minimalisti apprezzeranno con tutto il cuore, ma è certamente rinfrescante dopo decenni di design pulito ispirato alla scuola svizzera. I caratteri a colori si collocano all'estremità opposta dello spettro rispetto alla pulizia di Scandi, prendendo invece spunto dagli emoji, dagli stili di tipo retrò e dal design delle app.
Carattere bungee color di David Jonathan RossI caratteri a colori hanno una linea tra il bene e il cattivo gusto, ma in qualche modo si sentono esattamente in posizione per ora. Stanno facendo la loro apparizione insieme a un revival per tutto ciò che riguarda il design retrò, così come un nuovo mood massimale in tutti i campi del design, dalla moda agli interni. I caratteri a colori non si prendono troppo sul serio e sono immediatamente coinvolgenti, e questo è ciò che li rende particolarmente attraenti per i designer e i marketer che cercano di attirare il millenario mercato millenario incostante.
Soprattutto, i caratteri a colori sono divertenti! Anche se i primi caratteri a colori sono stati progettati principalmente per i siti Web e le app, hanno anche il potenziale per offrire qualcosa di giovane e fresco per stampare anche il design. Non è possibile utilizzare un font a colori senza spezzare un sorriso, che è forse ciò che i designer e i consumatori desiderano in questi tempi incerti politicamente e socialmente.
Poiché i caratteri a colori sono una tecnologia così nuova, molti browser, dispositivi e programmi software devono ancora recuperare. Potresti non essere in grado di visualizzare i caratteri di colore su alcuni browser, ma potrai visualizzare solo la versione standard di OpenType.
Immagine da Bixa ColorTuttavia, è probabile che cambi molto presto. I font OpenType-SVG sono stati dichiarati uno standard di settore per i caratteri a colori, il che significa che browser e software probabilmente si aggiorneranno rapidamente per facilitarli. Puoi attualmente visualizzare i caratteri colore su versioni più recenti di Firefox (dalla versione 26) e Microsoft Edge (dalla versione 38 su Windows 10).
Per quanto riguarda l'utilizzo di caratteri a colori sul software di progettazione, Adobe è in testa alla curva, con i progettisti in grado di visualizzare e applicare i caratteri di colore utilizzando le più recenti incarnazioni di Illustratore (CC 2018), Photoshop (CC 2017), e InDesign (CC 2018).
Alcuni progettisti di tipi stanno anche sperimentando versioni animate di caratteri a colori. Gilbert, un font di colore creato da Fontself è utilizzabile in Adobe After Effects.
Gilbert, un font a colori disponibile in versioni statiche e animateQuesti stili animati rappresentano un nuovo entusiasmante sviluppo per un'animazione più accessibile. Aspettiamo di vederli ovunque attraverso social media, GIF e video molto presto.
I caratteri a colori sono pochi e distanti tra loro al momento, ma ne vengono rilasciati sempre di più mentre la tendenza guadagna trazione. Adobe ha un carattere di colore dedicato Typekit, dove descrive i nuovi font di colore disponibili per il download per il Web e la stampa. Uno dei suoi lanci più importanti è la versione a colori del carattere di Emoji One, che rende l'integrazione della grafica colorata emoji nei tuoi progetti super facile con il pannello Glifi a portata di mano.
Glifi dal font Emoji One ColorAlcuni progettisti di font utilizzano una piattaforma dedicata per lanciare le loro creazioni di font a colori. Bixa Color è uno sforzo collaborativo di ispirazione retrò di NovoTypo e Roel Nieskens.
Carattere Bixa Color di NovoType e Roel Nieskensbungee, progettato da David Jonathan Ross, è disponibile in una gamma impressionante di colori e stili, così come nelle versioni orizzontale e verticale.
Carattere bungee color di David Jonathan RossVuoi provare a creare il tuo font di colore? Fontself è lo strumento di go-to del designer di font a colori. Dai un'occhiata alla pagina dedicata per Gilbert, che è stato creato usando Fontself, per trarre ispirazione dalle possibilità.
Se sei stato morso dal bug del font a colori, puoi essere tentato di eliminare tutti i tuoi vecchi font e diventare un po 'pazzo. Prima di creare progetti che assomigliano a un brutto viaggio acido, prendi in considerazione questi suggerimenti e indicazioni per sfruttare al meglio questa nuova tendenza tipografica.
Come con i caratteri standard, alcuni sono notevolmente migliori di altri. Solo perché tu può usare un carattere a colori non significa necessariamente dovrebbero. Tieni duro per alcuni mesi e avrai accesso a una selezione molto più ampia di caratteri a colori, aiutandoti a creare disegni più elaborati.
Presta attenzione ai limiti dei caratteri a colori. Se il tuo cuore è impostato su un font bitmap, è consigliabile non utilizzarlo su una scala più ampia di quanto previsto dal progettista di font. Quindi, ad esempio, un font bitmap può sembrare ottimo su un flyer stampato impostato alla giusta dimensione, ma potrebbe sembrare molto meno lucido su un design web reattivo che comporta il ridimensionamento dei contenuti su una grande dimensione sui desktop.
Vale anche la pena ricordare che i caratteri a colori sono più pesanti dei loro parenti OpenType, a causa della quantità extra di dati che trasportano. Non sono sempre enormi (ad esempio, il font Bixa Color ha un extra di 30kB in aggiunta alla dimensione del file di font normale), ma può influenzare il tempo di caricamento di siti Web e app. Con tutti i mezzi usare i caratteri del colore con abbandono, ma non permettere che l'uso liberale influenzi l'esperienza dell'utente nel progetto.
Se si desidera utilizzare i caratteri a colori per il web design, è necessario tenere conto anche della possibilità che possa trascorrere molto tempo prima che la maggior parte dei visitatori possa visualizzare i caratteri come desiderato. Potrebbero essere necessari molti mesi o anni prima che gli utenti scelgano di aggiornare o cambiare browser, e la maggior parte non sarà a conoscenza della necessità pressante di farlo in relazione alla visualizzazione dei font a colori. Con questo in mente, è necessario assicurarsi che il proprio font abbia un bell'aspetto nel suo formato 'fallback' come nel colore.
Poiché i caratteri a colori sono apertamente rumorosi e sgargianti, possono spingere un disegno in un territorio spiacevole. Per alcuni progetti, in particolare app rivolti a un mercato più giovane, questo può essere un bonus! La pagina Typekit di font di colori di Adobe provoca istantaneamente la reazione dell'amore o dell'odio contro l'eccessivo web design. Altri designer potrebbero preferire il bilanciamento di un font a colori con un tipo più ridotto o di immagini in bianco e nero sul resto del layout oppure utilizzare un font a colori come unico obiettivo di un design altrimenti pulito e semplice.
L'associazione di caratteri a colori con elementi più puliti sui tuoi progetti aiuterà i layout a sentirsi più bilanciati, come dimostrato in questo esempio utilizzando il carattere di colore Popsky, progettato da Igor Petrovic.Se non sei ancora sicuro su come utilizzare i caratteri colore nei tuoi progetti, è un buon consiglio ricordarti lo scopo del tuo design. Stai cercando di indirizzare un mercato che sia iper-sensibile ai trend, come i millennial esperti di tecnologia? Quindi utilizzare liberamente i caratteri di colore si tradurrà in un design accattivante e giovanile. Vuoi semplicemente utilizzare i caratteri colore per aggiungere un punto di differenza al tuo design? Usarli con parsimonia ti darà un risultato più professionale e raffinato.
I caratteri a colori possono essere la tendenza "it" più recente nella progettazione grafica, ma sembra che siano qui per restare, almeno per il futuro prevedibile. Rappresentano una rottura con la tecnologia dei font convenzionali, rendendo il tipo più dettagliato e persino il testo animato, molto più accessibile sia per i designer che per i non designer.
Con i caratteri a colori ancora nella loro infanzia, c'è una gamma limitata di caratteri disponibili per il download, il che rende il loro uso corrente per i progettisti un po 'limitato. Tuttavia, questo è un momento emozionante per i progettisti di font in erba. Se stai cercando una nuova sfida di tipo, creare da zero il tuo font colorato potrebbe essere sia gratificante dal punto di vista creativo che finanziario.
Vuoi immergere un dito nel design del tipo? Questi tutorial ti guideranno attraverso le basi per creare da zero i tuoi font: