Ce sunt Fonturile de culori?

Fonturile de culoare sunt pregătite să preia lumea grafică în 2018, dar ce anume sunt și cum le puteți folosi?

Aici vom trece prin jargonul tehnic și vom ajunge la simplul adevăr al fonturilor de culoare. Această tendință fără îndoială în fața ta promite să pună distracția înapoi în tipografie. Trebuie să știți atât pentru designerii web cât și pentru cei grafici, această tehnologie nouă va avea un efect transformant asupra designului digital și imprimat pentru anii următori. Deci nu rămâneți în urmă și citiți mai departe! 

Încercați să învățați cum să faceți un font de culoare? Consultați tutorialul nostru despre modul de creare a unui font color cu Adobe Illustrator și fonturi. 

Imagine de la color.typekit.com

Ce sunt Fonturile de culoare exacte?

Dacă doriți să utilizați un tip foarte detaliat pe un design, trebuie să utilizați o imagine vector sau raster a unei litere sau a unui grup de litere. Indiferent dacă sunt creat de la zero de artiști tipografici sau descărcați de pe un site de stoc, aceste imagini consumă mult timp și nu au funcționalitatea sau flexibilitatea unui fișier de fonturi. 

Cel puțin așa a fost cazul până acum. Fonturi de culori, denumite uneori ca fonturi cromatice, reprezintă următorul pas evolutiv pentru tipografie, care încorporează detalii precum culoarea, gradientele și texturile într-un fișier de font, fie în format vectorial, fie în format bitmap. Detaliile vectorului arată clar și ascuțite, oricât de mari, acestea sunt scalate, în timp ce fonturile de culori bitmap pot să pară pixeli sau neclară când sunt scalate la o dimensiune mai mare decât dimensiunea maximă dorită. 

Fiecare font color este alcătuit dintr-un nucleu "de rezervă", care este fontul vectorial standard OpenType, plus date suplimentare marcate pe care sunt redate în format SVG (Scalable Vector Graphics). Printre dezvoltatorii de fonturi, fonturile de culori sunt denumite ca OpenType-SVG fonturi

Acest font de tip Adobe Typekit, Traian Color Concept, combină fontul standard Trajan cu gradienți, culori și umbră pentru un efect metalic ornat.

Dacă analizați fontul dintr-un browser care acceptă fonturi de culori, veți putea vedea versiunea colorată. Dacă nu, veți vedea versiunea de rezervă. Acest lucru este important pentru a face o notă mentală, înainte de a se arunca cu capul în conversie toate fonturile de pe site-ul dvs. pentru a colora fonturi. Pe măsură ce fonturile de culoare sunt relativ noi, majoritatea versiunilor de browser nu sunt în prezent în măsură să sprijine tehnologia. Sari la "Cum pot să le folosesc", mai jos, pentru a afla mai multe. 

Deci, de ce aș vrea să le folosesc?

Amintiți-vă de fiorul de a folosi WordArt pentru a împodobi prezentările PowerPoint înapoi la școală? În timp ce profesorul tău ar fi fost mai puțin încântat, există doar ceva distractiv pentru a adăuga un maximalist înfloritor la text. Fonturile de culoare sunt în esență ca WordArt pentru vârsta de internet, adăugând oomph suplimentare pentru orice design. 

Aceasta nu este o tendință pe care fanii minimalisti o vor îmbrățișa din toată inima, dar este cu siguranță răcoritoare după decenii de design curat, inspirat de Școala Elvețiană. Fonturile de culoare stau la capătul opus al spectrului de frecvențe la curățenia Scandi, luând în schimb indicațiile lor din emojis, stilurile de tip retro și designul app.

Bungee font de culoare de David Jonathan Ross

Fonturile de culoare traversează o linie neclară între bunul și cel rău, dar într-un fel se simt exact la fața locului pentru acum. Ele își fac apariția alături de o renaștere pentru toate lucrurile retro în design, precum și o nouă stare maximală în toate domeniile de design, de la modă la interioare. Fonturile de culori nu se iau prea în serios și se angajează instantaneu, ceea ce le face deosebit de atractive pentru designeri și comercianți care doresc să-i atragă pe piețele milenare,.

Mai presus de toate, fonturile de culoare sunt distractive! În timp ce fonturile timpurii de culoare au fost concepute cu site-uri web și aplicații în minte în primul rând, ele au, de asemenea, potențialul de a oferi ceva tineresc și proaspăt pentru designul de imprimare prea. Nu puteți folosi un font de culoare fără a vă sparge un zâmbet, ceea ce este probabil ceea ce designerii și consumatorii dorește în aceste momente incerte din punct de vedere politic și social. 

OK, deci unde pot să le folosesc?

Deoarece fonturile de culori sunt o astfel de tehnologie nouă, multe browsere, dispozitive și programe software nu trebuie încă să se prindă. Este posibil să nu puteți vizualiza fonturile de culoare în unele browsere - veți putea vizualiza versiunea standard OpenType.

Imagine de la Bixa Color

Cu toate acestea, este foarte probabil ca acest lucru să se schimbe foarte curând. Fonturile OpenType-SVG au fost declarate standarde industriale pentru fonturile de culori, ceea ce înseamnă că browserele și software-ul se vor actualiza rapid pentru a le facilita. În prezent, puteți vizualiza fonturile de culoare pe versiuni mai recente ale Firefox (de la versiunea 26) și Microsoft Edge (de la versiunea 38 pe Windows 10).

În ceea ce privește utilizarea fonturilor color pentru software-ul de proiectare, Adobe este înaintea curbei, proiectanții având posibilitatea de a vizualiza și aplica fonturi de culoare folosind cele mai noi încarnări ale Ilustrator (CC 2018), Photoshop (CC 2017) și InDesign (CC 2018).

Unii designeri de tip experimentează, de asemenea, versiuni animate ale fonturilor de culoare. Gilbert, un font de culoare creat de Fontself, este utilizabil în Adobe After Effects.

Gilbert, un font de culoare disponibil în versiuni statice și animate

Aceste stiluri animate reprezintă o nouă dezvoltare interesantă pentru o animație mai accesibilă - așteptați să le vedeți peste tot în medii sociale, GIF-uri și videoclipuri foarte curând.

Unde pot găsi Fonturi color??

Fonturile de culoare sunt puține și sunt departe de a fi în prezent, dar mai multe sunt lansate tot timpul când trendul câștigă tracțiune. Adobe are un font de culori dedicat Typekit, unde detaliază cele mai noi fonturi de culoare disponibile pentru descărcare pentru web și imprimare. Una dintre cele mai notabile lansări este versiunea de fonturi de culoare Emoji Unul, care face integrarea grafica emoji colorata in design-ul dvs. foarte usor cu panoul Glyphs la indemana. 

Glife din fontul Emoji One Color

Unii designeri de fonturi folosesc o platformă dedicată pentru lansarea creațiilor de fonturi color. Bixa Color este un efort de colaborare retrospectiv al NovoTypo și Roel Nieskens. 

Fontul Bixa Color de NovoType și Roel Nieskens

bungee, proiectat de David Jonathan Ross, este disponibil într-o gamă uluitoare de culori și stiluri, precum și versiuni orizontale și verticale.

Bungee font de culoare de David Jonathan Ross

Vrei să faci un drum la crearea propriului font de culori? Fontself este instrumentul de proiectare a fonturilor de culori. Uitați-vă la pagina dedicată pentru Gilbert, care a fost creat folosind Fontself, pentru a surprinde unele inspirații asupra posibilităților. 

Gilbert font de culoare, creat folosind Fontself

Sunt un Font Color Convert! Dar cum ar trebui să le folosesc?

Dacă ați fost mușcat de bug-ul cu font color, poate fi tentant să aruncați toate fonturile vechi și să faceți un pic nebun. Înainte de a crea modele care seamănă cu o excursie cu acid, luați în considerare aceste sfaturi și indicații pentru a profita la maximum de această nouă tendință de tipografie. 

Ca și în cazul fonturilor standard, unele sunt cu mult mai bune decât altele. Doar pentru că tu poate sa utilizați un font de culoare nu înseamnă neapărat ar trebui să. Stați câteva luni și veți avea acces la o gamă mult mai largă de fonturi de culoare, ajutându-vă să creați mai multe modele gândite cu grijă. 

Fiți atenți la limitările fonturilor de culoare. Dacă aveți inima setată pe un font bitmap, este recomandabil să nu utilizați acest lucru la o scară mai mare decât a fost intenționată de designerul de fonturi. De exemplu, un font de culoare bitmap ar putea arăta grozav pe un fluturaș tipărit setat la dimensiunea potrivită, dar ar putea părea mult mai puțin lustruit pe un design web receptiv, care implică scalarea conținutului la o dimensiune mare pe desktop-uri. 

De asemenea, merită să rețineți că fonturile de culoare sunt mai grele decât rudele lor OpenType, datorită cantității suplimentare de date pe care le transporta. Ele nu sunt întotdeauna uriașe (de exemplu, fontul Bixa Color poartă o extra 30kB peste dimensiunea obișnuită a fișierului de fonturi), dar poate afecta timpul de încărcare a site-urilor web și a aplicațiilor. Cu toate acestea, utilizați fonturile de culoare cu abandon, dar nu permiteți folosirea liberală pentru a afecta experiența utilizatorului în ceea ce privește designul. 

Dacă doriți să utilizați fonturi de culori pentru designul web, ar trebui să țineți cont de posibilitatea ca aceasta să dureze mult înainte ca majoritatea vizitatorilor să poată vizualiza fonturile așa cum ați intenționat. Este posibil să existe mai multe luni sau ani înainte ca indivizii să aleagă să actualizeze sau să schimbe browserele și majoritatea nu vor fi conștienți de necesitatea stringentă de a face acest lucru în legătură cu vizionarea fontului color. Având în vedere acest lucru, trebuie să vă asigurați că fontul dvs. arată la fel de bine în formatul "de rezervă", așa cum se face în culori. 

Deoarece fonturile de culoare sunt foarte puternice și sclipitoare, ele pot împinge un design pe un teritoriu dezagreabil. Pentru unele modele, în special aplicații destinate unei piețe mai tinere, acest lucru poate fi un bonus! Textul de tip Adobe al fonturilor de tip Adobe, provoacă instantaneu reacția la dragostea-it-or-hate-it-ul la designul excesiv de web. Ceilalți designeri ar putea prefera să echilibreze un font de culoare cu mai multe imagini de tip "back-back" sau alb-negru în restul aspectului sau să folosească un font de culori ca unicul punct de interes al unui design pur altfel curat și simplu. 

Cuplarea fonturilor de culori cu elemente mai curate pe desenele dvs. va ajuta aspectul să se simtă mai echilibrat, așa cum se demonstrează în acest exemplu folosind fontul de culoare Popsky, proiectat de Igor Petrovic.

Dacă încă nu sunteți sigur despre modul în care utilizați fonturile de culori în desenele dvs., este un sfat bun pentru a vă aminti de scopul designului dvs. Vreți să vizați o piață care este hiper-trend-conștient, cum ar fi tech-savvy milenii? Apoi utilizarea fonturilor de culoare liber va avea ca rezultat un design atrăgător și tânăr. Vreți pur și simplu să utilizați fonturi de culoare pentru a adăuga un punct de diferență la designul dvs.? Folosirea lor cu ușurință vă va oferi un rezultat mai profesionist și mai lustruit. 

Concluzie

Fonturile de culori ar putea fi cea mai recentă tendință în ceea ce privește designul grafic, dar se pare că sunt aici pentru a rămâne, cel puțin pentru viitorul apropiat. Acestea reprezintă o pauză cu tehnologia convențională a fonturilor, făcând un tip mai detaliat, și chiar text animat, mult mai accesibil atât pentru designeri, cât și pentru cei care nu sunt designeri.

Cu fonturi de culoare încă în fază incipientă, există o gamă limitată de fonturi disponibile pentru descărcare, ceea ce face ca utilizarea lor actuală pentru designeri să fie puțin limitată. Cu toate acestea, acesta este un moment interesant pentru designerii de fonturi înflăcărători. Dacă căutați o provocare de tip nou, crearea propriului font de culoare de la zero ar putea fi atât plăcută din punct de vedere creativ, cât și financiar. 

Doriți să atingeți un deget de picioare în design de tip? Aceste tutoriale vă vor ghida prin elementele de bază ale creării propriilor fonturi de la zero:

  • Cum să creați propriul font

    În acest articol, vom vorbi despre fonturi! Ați încercat vreodată să faceți una? Chiar dacă nu v-ați gândit vreodată despre asta, ați putea fi inspirați după ...
    Yulia Sokolova
    Fonturi
  • Cum se creează un font în Adobe Illustrator

    Dacă sunteți un designer sau un ilustrator care este mai confortabil în crearea de glifuri în Adobe Illustrator, acest tutorial este chiar pe alee! Ne vom planifica ...
    Mary Winkler
    Design de fonturi
  • Cum se creează un font folosind Fontself și FontForge

    Acest tutorial este a doua parte a creației noastre simple de fonturi în proiectul Adobe Illustrator! În acest tutorial vom explora două metode fantastice de a crea ...
    Mary Winkler
    fontforge
  • Elementele de bază ale tipului de desen și crearea propriului font scris de mână

    V-ați dorit vreodată să vă dați aspectul digital și să creați o atingere cu adevărat personală? În acest tutorial vom analiza modul în care puteți crea un font din propria dvs. ...
    Grace Fussell
    Design de fonturi
  • Cum se creează un font color cu Adobe Illustrator și Fontself Maker

    Crearea fonturilor nu a fost niciodată atât de ușoară ca în Fontself - o extensie puternică pentru Adobe Illustrator și Photoshop. Aflați cum să creați fonturi de culori cu Fonturi!
    Yulia Sokolova
    Adobe Illustrator