Värvilised fondid: Algajate juhend
Mis värki siis värviline on? See on termin, mis muudkui hüppab ja hakkab vedama, ehkki kasutamine suurtes disainiprojektides on alles algusjärgus.
Sellised müüjad nagu Adobe's Typekit on hakanud brauseri toega vabastama mõnda värvifondi suvandit, seega on liikumine laiema kasutamise poole. Mõni on isegi värvilisi fonte nimetanud veebidisaini järgmiseks suureks asjaks.
Siin vaatleme suundumust ja laseme teil otsustada, kui suur - või mitte - see kontseptsioon kujuneb.
Uurige Envato elemente
Mis on värviline font?
Värvifondid on peaaegu täpselt sellised, nagu nad kõlavad. Kirjatüübid, mis sisaldavad mitut värvi, varjundit või gradienti, tekstuure või läbipaistvust. Need funky suvandid ei tähenda ainult tähtedele värvi lisamist, need on konkreetsed kirjatüübid, mis sisaldavad kõiki detaile.
Värvifondid võivad sisaldada fondifailides vektorkujusid, bitmap-pilte või mõlemat, mis võib muuta need kirjastiilid tavalistest fontpakettidest raskemaks. Värvifontide levinumad näited hõlmavad emotikonide kirjatüüpi või tähte, mis sisaldab ikoone. Selles stiilis ühevärvilisi fonte nimetatakse sageli kromaatilisteks fontiteks, kuna need sisaldavad ainult ühte tooni või halli.
Praegu on värvifondide suurim probleem see, et puudub tõeline standardvorming. Ja kõigi nende failivormingute puhul on saak olemas - vektor- ja SVG-pilte saab hõlpsasti mastaapida, kuid bitikiiruse versioonidel võivad potentsiaalselt olla suurusepiirangud.
Tegelemiseks on tegelikult viis vormingut:
- SBIX (Apple): Bitukaarti versioon natiivse toega Mac- ja iOS-süsteemides
- CBDT (Google): bitmap-versioon koos Androidi süsteemide loodusliku toega
- COLR (Microsoft): Veebiversioon natiivse toega Windows 8.1+ süsteemides
- SVG (W3C): vektor- ja bitmap-versioonid
- OpenType SVG (Adobe / Mozilla): vektori- ja bitmap-versioonid, mis paigutavad SVG-kujundid OpenType-fondidesse
Teisest küljest hakkavad suured tegijad kasutusele võtma kasutusjuhendeid. Mozilla (veebibrauseri Firefoxi alustala) ja Adobe on kokku leppinud, et OpenType SVG on eelistatud formaat; teised on otsuse langetamisel endiselt muutusteta.
Kui soovite süveneda nende fontide toimimisest ja kõigi failivormingute tehniliste kirjelduste vastikusse, siis on Fontselfil päris hea eeldus.
Kuidas värvilisi fonte kasutada?
Üks kahest mõttest juhtub siis, kui esmakordselt näete värvilist fonti:
- Vau, see on kole!
- Lahe! Ma tean täpselt, kuidas seda kasutada!
Pole tähtis, millises laagris te viibite, on olemas rakendusi, mis sobivad värvifondide jaoks ideaalselt. Kuid peate neid mõistlikkuse piires kasutama. (Värvifondid on kõige säästlikumad kasutamisel.)
Proovige värvilist fonti:
- Lühikese sõna jaoks tähelepanu haaramise tehnika jaoks
- Ikooni või logo stiilis elemendi jaoks
- Pisikese tekstiploki alustamiseks tilgakorgiga
- Julge pealkirjaga töötlemiseks muidu minimaalse stiili kujunduses
- Kui soovite keskenduda suurele tekstiplokile kindlale sõnale või sõnadele
- Kui ülejäänud kujundus on lihtne
- Kui tüpograafia on teie peamine kunstielement
- Kui projekt nõuab kasutajate tähelepanu haaramiseks midagi lõbusat ja ebatavalist
- Piltidega või piltide peal
- Kiire taustaga
- Palju teksti jaoks
- Paljude muude kujundusvõtetega, näiteks animatsiooni või liikumisega; visuaalse efekti loomiseks piisab tavaliselt ainult värvist
- Muude uudsuse või eritüüpidega
- Vastuvõtmine ja ühilduvus veebidisaini projektide brauseritega (ühilduvusprobleemide tõttu kuvatakse praegu värviliste fondide kujundust rohkem)
- Üldised stiilitehnikad ja see, kas dekoratiivsemad ja värvilisemad kujundusvõtted on üldiselt trendid
- Fontself on Adobe Illustrator või Photoshop lisandmoodul, mis aitab teil luua kohandatud värvifonde
- Selle Glyphsi õpetuse abil saate kõike nullist joonistada ja kujundada
- FontLabil on videoõpetus, mis tutvustab protsessi samm-sammult
- Tüüp Pride
- Rannarätik
- Benji
- Akvarelli font
- Bixa värv
- Laste mänguasjad
- OneLine Bold
- Guru
- Neoon
Kuidas mitte kasutada värvilisi fonte
Värvifondide mittekasutamiseks on rohkem võimalusi, kui võite arvata. Te ei soovi veebisaidi kujundusena tagasi pöörduda mõne 1990. aastate vilkuva, vilkuva, ülevoolava värvuse hulluse juurde.
Ärge kasutage värvilist fonti:
Arenev trend
Värvifondi trend hakkab mõnedes tüpograafia suurtes osalejates veetma. Adobe ja Mozilla vastu võetud OpenType SVG-vorming võib olla tööriist ja vorming, mis aitab sellel trendil tõepoolest algust teha. Adobe lisas Photoshopisse isegi hiljuti värvifonte (võisite märkide paletis märgata mõnda emotikot).
Adobe selgitab OpenType SVG-d järgmiselt:
„OpenType-SVG on fondivorming, milles OpenType'i font sisaldab kõiki või ainult osa nende glüfidest, mis on SVG (skaleeritav vektorgraafika) kujundus. See võimaldab kuvada mitut värvi ja gradienti ühes glüümis. Nende funktsioonide tõttu nimetatakse OpenType-SVG-fonte ka värvilisteks fondideks.
„OpenType-SVG-fondid võimaldavad teksti näidata nende graafiliste omadustega, võimaldades samas seda redigeerida, indekseerida või otsida. Need võivad sisaldada ka OpenType'i funktsioone, mis võimaldavad glüfi asendamist või alternatiivseid glüfi stiile.
“Värvifondid nagu Trajan Color Concept ja EmojiOne Color ilmuvad teie programmide fondimenüüdes täpselt nagu tüüpilised fondid - kuid need ei pruugi näidata kogu potentsiaali, kuna paljudel programmidel pole veel värvikomponentide täielikku tuge. Kui teie tarkvaraprogramm ei toeta fontide SVG-kujundust, siis muutuvad graafilised joonised kindla musta stiili juurde. Sellele varuvariandile saab värvi siiski rakendada, kuna see töötab nagu tavaline OpenType-font. ”
Lisaks on veebitüübi olekus sektsioon, mis on pühendatud värvifondide brauseri toe värskendamisele, et saaksite kindlaks teha, millal on õige aeg pöörduda.
Värvifondide kujunemise ja kasutuselevõtu osas mängib suurt rolli kaks asja:
Proovige värvilist fonti
Kui värvilised fondid on teie asi, võite alustamiseks kas värvusfondi alla laadida või luua oma, sõltuvalt disainiprojekti tüübist.
Loo oma
Teie loodud värvitüübi tüüp sõltub teie tarkvaraoskustest. Värviline font võib sisaldada kõike alates teie lemmikfotode piltidest kuni kaunite värvidega kaunite mullide ja joontega. Saate seda teha täiesti iseseisvalt või kasutada tööriista, mis aitab kujundada kohandatud värvifondi.
Laadige alla või manustage
Seal on mõned päris lahedad värvifondid, mis karjuvad, et saaksite neid täna projektis kasutada. Siin on mõned värviliste fondide loomise voo kiire käivitamine (pluss lingid teistele ülaltoodud värvifondidele):
Järeldus
Kas olete valmis värviliste fontide suundumusele hüppama? Kas see on liiga palju või on täpiline toetus teie projektide jaoks tõeline probleem?
Isiklikult leian, et see trend on väga lõbus ja sellel on reaalne praktiline kasutus trükiprojektides, näiteks ürituste plakatitel või lendlehtedel. Ma pole ikka veel päris veendunud, kui rääkida veebisaidiprojektidest. Aeg näitab ainult seda, kas see trend saab tõepoolest „veebidisaini järgmiseks suureks asjaks” või mõneks muuks põgusaks moehulluks.
