Hva er fargefonter?

Fargefonter er klar til å overta grafisk designverden i 2018, men hva er de, og hvordan kan du bruke dem?

Her siktes vi gjennom tech-jargongen og får den enkle sannheten til fargefonter. Denne uendelige trenden i ditt ansikt lover å sette moroa tilbake i typografi. En må-kjenne for både web- og grafikkdesignere, denne nifty nye teknologien vil ha en transformativ effekt på digital og print design i årene som kommer. Så ikke bli etterlatt, og les videre! 

Ønsker du å lære å lage en fargeskrift? Se vår veiledning om hvordan du lager en fargeskrift med Adobe Illustrator og Fontself. 

Bilde fra color.typekit.com

Hva er Farge Fonter?

Hvis du vil bruke svært detaljert type på et design, må du bruke et vektor- eller rasterbilde av et brev eller en gruppe bokstaver. Uansett om de er laget fra grunnen av typografiartister eller lastet ned fra et lager, er disse bildene tidkrevende å lage og ikke har funksjonaliteten eller fleksibiliteten til en skriftfil. 

I det minste var det til nå. Fargefonter, noen ganger referert til som kromatiske skrifttyper, representerer det neste evolusjonære trinnet for typografi, som inneholder detaljer som farge, gradienter og teksturer i en skriftfil, i enten vektor eller bitmapformat. Vektordetaljer ser tydelige og skarpe ut, men de er skalerte, mens bitmapfargefonter kan se piksler eller uklare når de skaleres til en størrelse som er større enn deres målte maksimale størrelse. 

Hver fargeskrift består av en "fallback" -kjerne, som er standard OpenType-vektorfonten, pluss ytterligere data merket som gjengis i SVG-format (Scalable Vector Graphics). Blant skrifttypeutviklere, er fargefonter referert til som OpenType-SVG skrifter

Denne fargefonten for Adobe Typekit, Trajan fargekonsept, kombinerer standard Trajan font med gradienter, farger og skygging for en utsmykkede metalliske effekt.

Hvis du ser på skrifttypen i en nettleser som støtter fargefonter, kan du se den fargerike versjonen. Hvis ikke, vil du se tilbakevendingsversjonen. Dette er viktig for å gjøre et mentalt notat før du dykker inn i å konvertere alle skrifter på nettstedet ditt til fargefonter. Ettersom fargefonter er relativt nye, kan de fleste nettleserversjoner for øyeblikket ikke støtte teknologien. Gå til 'Hvordan kan jeg bruke dem', nedenfor for å finne ut mer. 

Hmm, så hvorfor ville jeg ønske å bruke dem?

Husk spenningen ved å bruke WordArt for å pynte dine PowerPoint-presentasjoner tilbake på skolen? Mens læreren din kanskje har vært mindre begeistret, er det bare noe gøy med å legge til en maksimalistisk blomstre til tekst. Farge skrifttyper er i utgangspunktet som WordArt for internettalderen, og legger ekstra oomph til ethvert design. 

Dette er ikke en trend som minimalistiske fans vil omfavne helhjertet, men det er sikkert forfriskende etter flere tiår med ren, sveitsisk skoleinspirert design. Fargefonter sitter i den motsatte enden av spekteret til Scandi renslighet, i stedet tar sine tegn fra emojis, retro type stiler og app design.

Bungee farge font av David Jonathan Ross

Fargefonter tread en rystende linje mellom god og dårlig smak, men på en eller annen måte føler de seg akkurat for akkurat nå. De ser ut til å være sammen med en vekkelse for alle ting som er retro i design, samt en ny maksimalistisk stemning på tvers av alle designfeltene, fra mote til interiør. Fargefonter tar ikke seg for alvor og er umiddelbart engasjerende, og det er det som gjør dem spesielt attraktive for designere og markedsførere som ønsker å lokke det svimlende, tech-besatte tusenårsmarkedet.

Fremfor alt, fargefonter er morsomme! Selv om tidlige fargefonter er utformet med nettsteder og apps primært i tankene, har de også muligheten til å tilby noe ungdommelig og frisk å skrive ut design også. Du kan ikke bruke en fargeskrift uten å smekke et smil, noe som kanskje er det som designere og forbrukere er ute etter i disse politisk og sosialt usikre tider. 

OK, så hvor kan jeg bruke dem?

Fordi fargefonter er slik ny teknologi, er det fortsatt mange nettlesere, enheter og programvare som kommer inn. Du kan kanskje ikke se fargefonter på noen nettlesere. Du kan bare se standard OpenType-versjonen i stedet.

Bilde fra Bixa Color

Dette vil imidlertid sannsynligvis endres veldig snart. OpenType-SVG-skrifter har blitt erklært en industristandard for fargefonter, noe som betyr at nettlesere og programvare trolig vil oppdatere raskt for å lette dem. Du kan for øyeblikket vise fargefonter på nyere versjoner av Firefox (fra versjon 26) og Microsoft Edge (fra versjon 38 på Windows 10).

Når det gjelder å bruke fargefonter på designprogramvare, er Adobe foran kurven, med designere som kan se og bruke fargefonter ved hjelp av de nyeste inkarnasjonene av Illustrator (CC 2018), Photoshop (CC 2017), og InDesign (CC 2018).

Noen typer designere eksperimenterer også med animerte versjoner av fargefonter. Gilbert, en fargeskrift som er opprettet av Fontself, kan brukes i Adobe After Effects.

Gilbert, en fargeskrift tilgjengelig i statiske og animerte versjoner

Disse animerte stilene representerer en spennende ny utvikling for mer tilgjengelig animasjon - forventer å se dem overalt på tvers av sosiale medier, GIF og videoer veldig snart.

Hvor kan jeg finne fargefonter?

Fargefonter er få og langt mellom i øyeblikket, men flere blir løslatt hele tiden, da trenden går i trekk. Adobe har en dedikert fargeskrift Typekit, der den beskriver de nyeste fargeskriftene som er tilgjengelige for nedlasting for web og utskrift. En av de mest bemerkelsesverdige lanseringene er fargeskriftversjonen av Emoji One, som gjør det mulig å integrere fargerik emoji grafikk i designene dine, så det er enkelt å bruke med Glyphs-panelet. 

Glyfer fra Emoji One-fargeskriften

Noen font designere bruker en dedikert plattform for å starte sine farge font kreasjoner. Bixa Color er en retro-inspirert samarbeidsprosjekt fra NovoTypo og Roel Nieskens. 

Bixa fargeskrift av NovoType og Roel Nieskens

Bungee, designet av David Jonathan Ross, er tilgjengelig i et svimlende utvalg av farger og stiler, samt horisontale og vertikale versjoner.

Bungee farge font av David Jonathan Ross

Ønsker du å gå på å lage din egen farge font? Fontself er fargeskriftdesigners go-to-verktøy. Ta en titt på den dedikerte siden for Gilbert, som ble opprettet ved hjelp av Fontself, for å få litt inspirasjon på mulighetene. 

Gilbert fargeskrift, opprettet ved hjelp av Fontself

Jeg er en fargeskriftkonvertering! Men hvordan skal jeg bruke dem?

Hvis du har blitt bitt av fargeskriftfeilen, kan det være fristende å kaste ut alle dine gamle skrifttyper og bli litt gal. Før du lager design som ligner en dårlig syre tur, ta hensyn til disse tipsene og pekene for å få mest mulig ut av denne nye typografien trenden. 

Som med standardfonter, er noen spesielt bedre enn andre. Bare fordi du kan bruk en fargeskrift betyr ikke nødvendigvis bør. Hold deg ut i noen måneder, og du får tilgang til et mye bredere utvalg av fargeskrifter, som hjelper deg med å skape mer gjennomtenkt utformede design. 

Vær oppmerksom på begrensningene i fargefonter. Hvis du har ditt hjerte satt på en bitmap skrifttype, er det tilrådelig å ikke bruke dette i større målestokk enn det var beregnet av fontdesigneren. Så, for eksempel, kan en bitmap fargeskrift ser bra ut på et trykt flyer sett til riktig størrelse, men det kan se mye mindre polert på et responsivt webdesign som involverer skalering av innhold til en stor størrelse på skrivebord. 

Det er også verdt å huske på at fargefonter er tyngre enn deres OpenType-slektninger, på grunn av den ekstra mengden data de bærer. De er ikke alltid store (for eksempel bærer Bixa-fargeskriften en ekstra 30kB på toppen av den vanlige skriftfilstørrelsen), men det kan påvirke innlastingstiden for nettsteder og apper. Bruk allikevel fargefonter med forlatelse, men ikke tillat liberal bruk for å påvirke brukerens opplevelse av designet ditt. 

Hvis du vil bruke fargeskrifter for webdesign, bør du også ta hensyn til muligheten for at det kan være lang tid før de fleste besøkende vil kunne se skrifter som du hadde tenkt. Det kan være mange måneder eller år før enkeltpersoner velger å oppdatere eller bytte nettlesere, og de fleste vil ikke være klar over det presserende behovet for å gjøre dette i forhold til fargeskriftvisning. Med dette i tankene må du sørge for at fonten din ser så bra ut i sitt "fallback" format som det gjør i fargen. 

Fordi fargefonter er åpenlyst høye og krystallige, kan de skyve et design i ugjennomtrengelig territorium. For noen design, spesielt apps rettet mot et yngre marked, kan dette være en bonus! Adobes fonttype Typekit-side oppfordrer øyeblikkelig den kjærligheten-det-eller-hat-det-reaksjonen til overdreven webdesign. Andre designere foretrekker kanskje å balansere en fargeskrift med mer tilbakestilt type eller svart-hvitt-bilder på resten av oppsettet, eller bruk en fargeskrift som eneste fokus på en ellers ren og enkel design. 

Parring fargeskrifter med renere elementer på designene dine vil hjelpe layoutene føle seg mer balansert, som vist i dette eksemplet ved hjelp av Popsky-fargeskriften, designet av Igor Petrovic.

Hvis du fortsatt er usikker på hvordan du bruker fargeskrifter i designene dine, er det et godt tips å minne deg om formålet med designet. Ser du på å målrette et marked som er hyper trend-bevisst, som tech-savvy millennials? Deretter vil bruk av fargefonter fritt resultere i en engasjerende og ungdommelig design. Vil du bare bruke fargeskrifter for å legge til et punkt med forskjell i designet ditt? Å bruke dem sparsomt gir deg et mer profesjonelt og polert resultat. 

Konklusjon

Fargefonter kan være den nyeste "det" trenden i grafisk design, men det ser ut som om de er her for å være i minst en overskuelig fremtid. De representerer en pause med konvensjonell skriftteknologi, gjør mer detaljert type, og til og med animert tekst, mye mer tilgjengelig for designere og ikke-designere likt.

Med fargefonter fortsatt i sin barndom, er det et begrenset utvalg av skrifter tilgjengelig for nedlasting, noe som gjør deres nåværende bruk for designere litt begrenset. Dette er imidlertid en spennende tid for spirende skriftdesignere. Hvis du leter etter en ny type utfordring, kan det være både kreativt og økonomisk givende å skape din egen fargeskrift fra bunnen av. 

Vil du dykke en tå i type design? Disse veiledningene vil veilede deg gjennom det grunnleggende om å lage dine egne skrifter fra begynnelsen:

  • Hvordan lage din egen skrifttype

    I denne artikkelen snakker vi om skrifter! Har du noen gang prøvd å lage en? Selv om du aldri har tenkt på dette, kan du bli inspirert etter ...
    Yulia Sokolova
    fonter
  • Hvordan lage en skrift i Adobe Illustrator

    Hvis du er en designer eller illustratør som er mer behagelig å lage glyphs i Adobe Illustrator, er denne opplæringen rett opp i smug! Vi planlegger vår ...
    Mary Winkler
    Font Design
  • Hvordan lage en skrift ved hjelp av Fontself og FontForge

    Denne veiledningen er den andre delen av vår enkle skrifttypeopprettelse i Adobe Illustrator-prosjektet! I denne opplæringen vil vi utforske to fantastiske metoder for å skape en ...
    Mary Winkler
    FontForge
  • Grunnleggende om tegningstype & Lag din egen håndskrevne skrifttype

    Har du noen gang ønsket å gi dine digitale oppsett og utformer en personlig touch? I denne opplæringen ser vi på hvordan du kan lage en skrift fra din egen ...
    Grace Fussell
    Font Design
  • Slik oppretter du en fargeskrift med Adobe Illustrator og Fontself Maker

    Å lage skrifter har aldri vært så enkelt som med Fontself-en kraftig forlengelse for Adobe Illustrator og Photoshop. Lær hvordan du lager fargefonter med Fontself!
    Yulia Sokolova
    Adobe Illustrator