Quali sono i caratteri a colori?

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.com

Che cosa sono esattamente i caratteri a colori?

Se 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ù. 

Hmm, allora, perché dovrei usarli??

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 Ross

I 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. 

OK, quindi dove posso usarli?

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 Color

Tuttavia, è 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 animate

Questi stili animati rappresentano un nuovo entusiasmante sviluppo per un'animazione più accessibile. Aspettiamo di vederli ovunque attraverso social media, GIF e video molto presto.

Dove posso trovare i caratteri di colore?

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 Color

Alcuni 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 Nieskens

bungee, 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 Ross

Vuoi 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à. 

Carattere colore Gilbert, creato usando Fontself

Sono un convertitore di caratteri a colori! Ma come dovrei usarli?

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. 

Conclusione

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:

  • Come creare il proprio carattere

    In questo articolo, parleremo dei font! Hai mai provato a farne uno? Anche se non hai mai pensato a questo, potresti ispirarti dopo ...
    Yulia Sokolova
    Caratteri
  • Come creare un font in Adobe Illustrator

    Se sei un designer o un illustratore che è più comodo creare glifi in Adobe Illustrator, questo tutorial è perfetto per te! Pianificheremo il nostro ...
    Mary Winkler
    Font Design
  • Come creare un font usando Fontself e FontForge

    Questo tutorial è la seconda parte della nostra semplice creazione di font nel progetto Adobe Illustrator! In questo tutorial esploreremo due fantastici metodi per creare un ...
    Mary Winkler
    FontForge
  • Nozioni di base sul tipo di disegno e creazione del proprio font scritto a mano

    Hai mai voluto dare ai tuoi layout e disegni digitali un tocco davvero personale? In questo tutorial vedremo come è possibile creare un font dal proprio ...
    Grace Fussell
    Font Design
  • Come creare un font a colori con Adobe Illustrator e Fontself Maker

    Creare font non è mai stato così facile come con Fontself, una potente estensione per Adobe Illustrator e Photoshop. Scopri come creare caratteri a colori con Fontself!
    Yulia Sokolova
    Adobe Illustrator