Pairing Fonts er som Feeding Children ...

Når du starter et webdesignprosjekt, er det mange vanskelige beslutninger å lage, inkludert den klassiske: velge fonter. Godkjent typografi kan involvere besøkende, når de ellers kanskje ville skumme over hovedinnholdet av innholdet.

Det er imidlertid vanskelig å få folk interessert i ny gunstig informasjon. Tenk på dette bringer tanker om vanskeligheter sammenlignet med å håndtere barn. Faktisk er vanskelighetene med å få barn til å spise riktig, veldig lik vår nevnte dilemma. Det er derfor i denne artikkelen vi skal gå over hvordan forståelsen av dette forholdet vil forbedre fontparingen.


Bryter ned forholdet

Ok, så vi introduserte analogi-leksjonen ganske raskt. La oss ta et øyeblikk for ytterligere å bryte ned hvorfor denne analogien er en verdt å lære.

Bilde: Public Domain Photos cc

Har du noen gang prøvd å få barn å spise grønne grønnsaker? For de som er heldige, ikke å ha opplevd dette, er det ingen piknik. Barn hater ting som er bra for dem, fordi fordelene tar tid å dukke opp, mens glede som finnes i å spise is er umiddelbart til stede i hver eneste bit tatt i.

Dette gjelder tilbake til brukerne i dag fordi vi alle har blitt vant til umiddelbar tilfredsstillelse. Det spiller ingen rolle hvor bra noe kan være, den raskeste ruten til resultatene er det beste alternativet.


Dette viser seg i hvordan brukerne samhandler med nettsteder av tendensen til å lese overskriften og føler at de har alt de trenger. Jeg er ikke flau for å si at jeg gjør dette så ofte.


Egenskaper for kvalitet

Kvalitet når det gjelder skriftvalg og fôring av barn er veldig mye et øye (heller mage) av det som skjer.

Bilde: Sean Dreilinger cc

Du kan egentlig ikke generalisere hva folk vil, siden ingen av oss er de samme, men det er noen kvaliteter som gjør hjelp for å gi best mulig forsøk på dette.

Ser bra ut

Utseende er en viktig faktor i et barns ide om hvordan noe smaker. For eksempel ta en eplepai og rå østers. Hvis begge ble presentert til et barn som man umiddelbart ville ha fingre i? Selvfølgelig ville eplepai få barnets albue dypt, mens østers ville trolig freak dem ut.

Det samme prinsippet gjelder for skriftvalg. Anke er det brukerne lene seg på i de første fem sekundene for å bestemme seg eller ikke. I hvert fall til teknologien forbedrer seg til det punktet der vi kan bruke dufter til å designe for nettet. Det kommer til å bli kjempebra!

velsmakende

Hva er poenget i noe som ser bra ut hvis det smaker forferdelig? Å lage mat smaker godt er ikke rakettvitenskap. Så lenge du forstår de grunnleggende prinsippene for riktig forhold mellom størrelse og krydderbeløp, er du gull.

Når det gjelder prosjektet ditt, er fonten en av krydder og innholdet er maten. På hvert nivå av innhold, overskrift til kroppseksemplar, må fonten passende komplimentere innholdet. Selvfølgelig er det andre faktorer som går inn i dette som skriftstørrelse, linjehøyde, snittavstand og mange andre, men de er litt senere.

Egentlig fargerik

Du har fulgt denne artikkelen veldig bra så langt må jeg si, i mitt hode minst. Ville denne leseopplevelsen være den samme hvis skriftfargen for kroppseksemplaret var rød, oransje eller gul? Nei, det ville være fryktelig. Fargene ville ta all oppmerksomhet vekk fra innholdet.

Tenk deg en tallerken med tre matalternativer foran en lett distrahert ungdom. En sunn grønn, en ikke-som-sunn brun, og en veldig usunn rød og gul. Det usunde elementet selvfølgelig trekker oppmerksomheten deres, rød og gul er svært attraktive, til tider gratis, varme farger.

Når du bruker dette til fonter, bør fargevalgene brukes til å trekke oppmerksomhet og komplimentere hverandre.


Ideell "Måltid" for Font Pairing

Etter den korte grunnen er det på tide å introdusere deg til hvorfor du leser denne artikkelen. Det er riktig, vi beveger oss inn i å bruke denne nye forståelsen for å lage den ideelle skriftparametreplanen. Det høres ikke deilig ut?

Bilde: katstan cc

Hovedinngangen

Denne delen av vår måltidsplan kunne nøyaktig beskrive som sitt hjerte. Nå, med hjertet, refererer jeg ikke til å være mest tilpasset den ideelle meldingen. I stedet blir det identifisert som den viktigste oppmerksomhets getteren.

Som et eksempel, tenk på en restaurants barnemeny. Ser du det uthevede elementet som sidestilling av dampet asparges, eller de saftige grillede kyllingnuggene? Grillet kylling nuggets er høydepunktet som fungerer som et incitament til å bestille gratis elementer som asparges.

Tips

  • Ideelt bruk en sterk varm skriftfarge
  • Den mest karakteristiske fonten i prosjektet
  • Et insentivt sammendrag av innholdsmeldingen
  • Skulle ha den tyngste skriftvekten, eller i det minste en autoritativ rolle i hierarkiet
  • Sjenerøs mengde mellomrom som skiller den fra innholdet

Sesett (er)

Hvis hovedretten er fokus, så er det bare hensiktsmessig å beskrive side retter som vingene. Jeg vet, for mange analogier blir kastet rundt her. Men bare naken med meg, det kommer til å være fornuftig i et blunk.

Når hovedretten din er bestemt, vil du da begynne å lete etter annen mat som fungerer godt på å forbedre den. Det er det målet med forbedring som definerer sideskålen. Dette målet er også grunnen til at kopihoder i hovedteksten er din side retter. De legger til verdien i brukerens oppmerksomhet på innholdet opprettet fra overskriften. Som noen tenåringer kan fortelle deg, å ha en gratis wingman kan være en livredder!

Tips

  • Fontfarge er gratis og mindre intens
  • Prøv å sette skriftstørrelsen minst 10px, 0,6 em, mindre enn overskriften
  • Mindre mellomrom mellom det og innhold som gitt til overskrift

Grønnsak

Vi har nå flyttet fra alle oppmerksomhets getters til vår sanne substanskilde, grønnsakene. I ethvert måltid for et barn er vegetabilsk den viktigste tingen du vil at de skal spise. Men å få dem til å se på det føles som en umulig oppgave.

Gi ting de gjøre som hoved hovedrett og side rett som et incitament til å spise grønnsaker. For prosjektet ditt er overskrift og kroppsoverskrift incitamentet ditt, og kroppens kopi er stoffet.

Tips

  • Skriftstørrelsen skal ikke være mindre enn 12 px, 0,75 em
  • Skriftfarge skal være noe solid som en mørkere gråton (antar en blek bakgrunn)
  • Avsnitt skal sikte på å være ikke mer enn 6 linjer
  • Ordvalg som brukes, må lett fordøyes av enhver type bruker

Konklusjon

Du har nå en full forståelse for en enkel å følge metoden for å sammenkoble fonter til dine prosjekter.

Bilde: phalinn (også brukt som artikkel thumbnail) cc

Gitt, denne nye tilnærmingen vil ta tid å få tak i å bruke, men det vil gjøre det enklere for deg. Dessuten er aspektene ved å behandle brukerne dine som barn alene verdt å bruke for det komiske aspektet. Ikke sant?!


Ytterligere lesing

  • En nybegynners guide til paring av skrifttyper
  • Anatomien til webtypografi
  • Forstå typografisk hierarki