Fontovi u boji: Vodič za početnike
Pa što je, u đavolu, font u boji? To je pojam koji se neprestano pojavljuje i počinje steći privlačnost, iako je upotreba u velikim dizajnerskim projektima još u povojima.
Dobavljači poput Adobeovog Typekita počeli su izdavati neke opcije fonta u boji s podrškom za preglednik, tako da postoji određeni pomak prema široj uporabi. Neki su čak nazvali slova u boji "sljedeća velika stvar u web dizajnu."
Ovdje ćemo pogledati trend i pustiti vas da odlučite koliko će ovaj koncept biti velik ili ne .
Istražite elemente Envatoa
Što je boja font?
Fontovi u boji gotovo su točno onakav kako zvuče. Slojevi koji uključuju više boja, nijansi ili gradijenata, tekstura ili prozirnost. Ove simpatične opcije ne dodaju samo slovo boja, već su specifična slova slova sa svim detaljima.
Fontovi u boji mogu uključivati vektorske oblike, bitmap slike ili oboje u datotekama fontova, što ove slojeve teksta može učiniti težim od standardnih paketa fontova. Uobičajeni primjeri fontova u boji uključuju znakovni oblik ili pismo emojija koji sadrže ikone. Jednobojne fontove u ovom stilu često nazivamo kromatskim fontima jer sadrže samo jednu nijansu ili sivu.
Trenutno najveći problem sa fontovima u boji je to što nema istinskog standardnog formata. I tu je ulov u svim tim formatima datoteka - vektorske i SVG slike mogu se lako promijeniti, ali bitmap verzije mogu imati ograničenja veličine.
Postoji zapravo pet formata kojima se treba baviti:
- SBIX (Apple): Bitmap verzija s izvornom podrškom za Mac i iOS sustave
- CBDT (Google): Bitmap verzija s izvornom podrškom na Android sustavima
- COLR (Microsoft): Vektorska verzija s izvornom podrškom za Windows 8.1+ sustave
- SVG (W3C): Vektorske i bitmap verzije
- OpenType SVG (Adobe / Mozilla): Vektorske i bitmap verzije koje SVG oblike stavljaju u OpenType fontove
S druge strane, glavni igrači počinju usvajati smjernice za upotrebu. Mozilla (okosnica web preglednika Firefox) i Adobe složili su se da je OpenType SVG željeni format; ostali su još uvijek u toku dok donose odluku.
Ako želite upasti u sjajnu grupu načina rada ovih fontova i svih specifikacija datoteka, Fontself ima prilično dobar temeljni premaz.
Kako koristite fontove u boji?
Jedna od dvije misli dogodi se kada prvi put vidite font u boji:
- Vau, to je odvratno!
- Cool! Točno znam kako se to koristi!
Bez obzira na kojem se kampu nalazite, postoje aplikacije koje su savršeno pogodne za fontove u boji. Ali trebate ih koristiti unutar razloga. (Fontovi u boji su za najmanje štedljivo korištenje.)
Isprobajte font u boji:
- Za tehniku privlačenja pažnje za kratku riječ
- Za ikonu ili element u stilu logotipa
- Da kapica za kap započne dugačak blok teksta
- Za podebljani tretman naslova u inače minimalnom stilskom dizajnu
- Da biste fokusirali određenu riječ ili riječi u velikom bloku teksta
- Kad je ostatak dizajna jednostavan
- Kad će tipografija biti vaš glavni umjetnički element
- Kad projekt zahtijeva nešto zabavno i neobično da privuče pažnju korisnika
- Sa slikama ili na vrhu slika
- Sa zauzetom pozadinom
- Za puno teksta
- Uz puno drugih tehnika dizajna, poput animacije ili pokreta; sama boja je obično dovoljna za stvaranje vizualnog učinka
- S drugim sučeljima novosti ili specijalnosti
- Usvajanje i kompatibilnost s preglednicima za projekte web dizajna (trenutno se više dizajna fonta u boji pojavljuje u tisku zbog problema kompatibilnosti)
- Sveukupne stilske tehnike i sve više ukrašenih i živopisnih tehnika dizajna su u trendu
- Fontself je Adobe Illustrator ili Photoshop dodatak koji vam pomaže stvoriti prilagođene fontove u boji
- Ovim tutorijalom iz Glyphsa možete crtati i dizajnirati sve ispočetka
- FontLab ima video tutorial koji korača kroz postupak korak po korak
- Unesite s Ponosom
- Ručnik za plažu
- Bungee
- Akvarelni font
- Boja Bixa
- Dječje igračke
- OneLine Bold
- Guru
- Neon
Kako ne koristiti slova u boji
Postoji više načina da se ne koriste slova u boji nego što vjerojatno možete računati. Ne želite se vratiti kao dizajn web stranica na neko treperenje, treperenje, neodoljivu ludost boja 1990-ih.
Nemojte koristiti font u boji:
Evoluirajući trend
Trend fontova u boji počinje privući privlačnost nekih glavnih igrača u tipografiji. OpenType SVG format koji su usvojili Adobe i Mozilla mogao bi biti alat i format koji će pomoći da se ovaj trend stvarno povuče. Adobe je nedavno nedavno dodao i Fontove u boji u Photoshop (možda ste primijetili neke emocije u paleti znakova).
Evo kako Adobe objašnjava OpenType SVG:
„OpenType-SVG je format fonta u kojem OpenType font ima sve ili samo neke od svojih glifova predstavljenih kao SVG (skalabilna vektorska grafika) umjetničko djelo. To omogućava prikaz više boja i gradijenata u jednom glifu. Zbog ovih značajki, OpenType-SVG fontove nazivamo i fontovima u boji.
„OpenType-SVG fontovi omogućuju prikaz teksta s ovim grafičkim kvalitetama, dok još uvijek omogućuju uređivanje, indeksiranje ili pretraživanje. Oni također mogu sadržavati OpenType značajke koje omogućuju zamjenu glifa ili alternativne stilove glifa.
"Fontovi u boji poput Trajan Color Concept i EmojiOne Color pojavit će se poput tipičnih fontova u izbornicima fonta vaših programa - ali možda neće prikazati svoj puni potencijal, jer mnogi programi još nemaju punu podršku za komponente boja. Ako vaš softver ne podržava SVG umjetnička djela unutar fontova, glifovi će se vratiti u čvrsti crni stil. Boja se i dalje može primijeniti na ovaj rezervni stil, jer će funkcionirati kao tipični OpenType font. "
Nadalje, State of Web Type sadrži odjeljak posvećen ažuriranju podrške preglednika za fontove u boji tako da možete odrediti kada je pravo vrijeme za vas.
Dvije stvari će igrati glavnu ulogu u pogledu evolucije fontova u boji i usvajanja upotrebe:
Pokušajte s Fontom u boji
Ako su vaša slova u boji, možete preuzeti ili font u boji da biste započeli ili stvoriti vlastiti, ovisno o vrsti dizajnerskog projekta.
Stvorite svoj
Vrsta fonta u boji koju stvarno stvarate ovisi o vašim softverskim vještinama. Font u boji može sadržavati bilo što, od slika s omiljenih fotografija do prekrasnih mjehurića i poteza u gradijentnim bojama. Možete to učiniti sami ili koristiti alat za oblikovanje fonta u boji.
Preuzmite ili ugradi
Postoje prilično zgodni fontovi u boji koji vam vrište da ćete ih danas koristiti u projektu. Evo nekoliko za brzi početak kreativnog tijeka fonta vaše boje (plus veze do ostalih fontova u boji koji se gore koriste):
Zaključak
Jeste li spremni skočiti na trend fonta u boji? Je li to previše ili je mrljasta podrška stvarni problem za vaše projekte?
Osobno se čini da me ovaj trend jako zabavlja i da se u praksi mogu koristiti u tiskanim projektima poput postera za događaje ili letaka. Još uvijek nisam baš uvjeren kad je riječ o projektima na web stranici. Vrijeme će pokazati samo da li ovaj trend zaista postaje "sljedeća velika stvar u web dizajnu" ili još jedan prolazni mraz.
