Pairing-teckensnitt är som att mata barn ...

När man startar ett webbdesignprojekt finns det många svåra beslut att göra, inklusive den klassiska: välja teckensnitt. Väl utförd typografi kan engagera besökare, när de annars skulle kunna skumma över huvudkroppen av innehållet.

Det är dock svårt att få folk att vara intresserade av ny fördelaktig information. Att tänka på detta ger tankar om svårigheter jämförelser med hantering av barn. Faktum är att svårigheterna att få barn att äta ordentligt liknar vårt tidigare nämnda dilemma. Det är därför som vi i denna artikel kommer att gå över hur förståelsen av detta förhållande kommer att förbättra ditt paraplypar.


Bryter ner relationen

Okej, så introducerade vi analogislektionen ganska snabbt. Låt oss ta en stund för att ytterligare bryta ner varför denna analogi är en värt att lära.

Bild: Public Domain Photos cc

Har du någonsin försökt att få barn att äta sina gröna grönsaker? För de som är lyckliga att inte ha upplevt detta är det ingen picknick. Barn hatar saker som är bra för dem, eftersom fördelarna tar tid att dyka upp, medan glädjen som finns i att äta glass finns omedelbart närvarande i varje bit som tas in.

Detta gäller användarna idag eftersom vi alla har blivit vana vid omedelbar tillfredsställelse. Det spelar ingen roll hur bra någonting kan vara, den snabbaste vägen till resultat är det bästa alternativet.


Detta visar sig i hur användarna interagerar med webbplatser genom tendensen att läsa rubriken och känner att de har allt de behöver. Jag är inte generad att säga att jag gör det så ofta.


Egenskaper för kvalitet

Kvalitet när det gäller typsnitt val och matande barn är väldigt mycket ett öga (snarare mage) av den observerande saken.

Bild: Sean Dreilinger cc

Du kan inte riktigt generalisera vad folk skulle vilja, eftersom ingen av oss är desamma, men det finns några egenskaper som hjälper till att ge bästa möjliga försök på detta.

Ser bra ut

Utseende är en viktig faktor i ett barns uppfattning om hur något smakar. Ta till exempel en äppelpaj och råa ostron. Om dessa båda presenterades för ett barn som man genast skulle ha fingrar i? Naturligtvis skulle äppelpajen ha barnbågan djupt, medan ostronen troligen skulle freak dem ut.

Samma princip gäller för fontval. Överklagande är vad användarna lutar på under de första fem sekunderna för att bestämma att de ska stanna eller inte. Åtminstone tills tekniken förbättras till den punkt där vi kan använda dofter för att designa för webben. Det kommer att bli fantastiskt!

Välsmakande

Vad är meningen med att något ser bra ut om det smakar hemskt? Att få mat att smaka bra är inte raketvetenskap. Så länge du förstår de grundläggande principerna för korrekt förhållande mellan storlek och krydda belopp är du gyllene.

När det gäller ditt projekt är teckensnittet en av kryddorna och innehållet är maten. På varje nivå av innehåll, rubrik till kroppskopia, måste teckensnittet på lämpligt sätt komplettera innehållet. Naturligtvis finns det andra faktorer som går in i detta som typsnittstorlek, linjens höjd, avsnittsavstånd och många andra, men de är lite senare.

Passande Färgrik

Du har följt den här artikeln väldigt bra hittills måste jag säga, i mitt huvud åtminstone. Skulle den här läsupplevelsen vara densamma om teckensfärgen för kroppskopian var röd, orange eller gul? Nej, det skulle vara hemskt. Färgerna skulle ta all uppmärksamhet bort från innehållet.

Föreställ dig en tallrik med tre matalternativ framför en lätt distraherad ungare. En hälsosam grön, en inte-som-hälsosam brun och en mycket ohälsosam röd och gul. Det ohälsosamma objektet naturligtvis drar uppmärksamheten, rött och gult är mycket attraktiva, ibland gratis, varma färger.

Om du tillämpar detta på teckensnitt bör dina färgval användas för att uppmärksamma varandra och komplimangera varandra.


Idealisk "Målplan" för Font Pairing

Efter den korta grunden är det dags att presentera dig för varför du läser den här artikeln. Det stämmer, vi går in på att använda den här nya förståelsen för att skapa den perfekta typsnittstypen för paraplyparning. Låter det inte gott?

Bild: katstan cc

Huvudträdet

Denna del av vår måltidsplan kan noggrant beskriva som sitt hjärta. Nu hänvisar jag mig inte till att vara mest anpassad till det ideala budskapet. Istället identifieras den som huvudkänslan.

Tänk exempel på en restaurangs barnmeny. Ser du att det markerade objektet är sidoplanet av ångad sparris eller de saftiga grillade kycklingnuggarna? Grillad kycklingnuggor är höjdpunkten som fungerar som ett incitament att beställa gratisartiklar som sparris.

tips

  • Använd helst en stark varm font färg
  • Det mest utmärkande teckensnittet i projektet
  • En incitament sammanfattning av den övergripande innehållsmeddelandet
  • Ska ha den tyngsta fontens vikt eller åtminstone en auktoritativ roll i hierarkin
  • Generös mängd av blankutrymme som skiljer det från innehållet

Smårätter)

Om huvudrätten är inriktad, är det bara lämpligt att beskriva sidrätterna som vingarna. Jag vet, jag vet, för många analogier kastas runt här. Men bara nakna med mig, det kommer att ge mening i en blixt.

När din huvudrätt har bestämts börjar du leta efter annan mat som fungerar bra för att förbättra den. Det är det målet med förbättring som definierar sidoprätten. Detta mål är också varför huvudkopior är dina sidorätter. De lägger till värdet i användarens uppmärksamhet på innehållet skapat från din rubrik. Som någon tonåring kan berätta, att ha en gratis wingman kan vara en livräddare!

tips

  • Font färg är gratis och mindre intensiv
  • Prova att ställa in teckensnittstorleken minst 10px, 0,6 em, mindre än rubriken
  • Mindre mellanrum mellan det och innehållet som ges till rubriken

Vegetabiliska

Vi har nu flyttat från alla uppmärksammare till vår verkliga substanskälla, grönsakerna. I varje måltid för ett barn är grönsaken det viktigaste du vill att de ska äta. Men att få dem att se på det känns som en omöjlig uppgift.

Ge saker de do som huvud entree och sidrätter som ett incitament att äta sina grönsaker. För ditt projekt är rubrikerna och huvudrubrikerna ditt incitament, och din kroppskopia är substansen.

tips

  • Teckenstorleken bör inte vara mindre än 12px, 0,75 em
  • Teckensfärg bör vara något fast som en mörkare gråton (antar en blek bakgrund)
  • Punkterna bör syfta till att vara högst 6 linjer
  • Ordval som används ska lätt smälta av vilken typ av användare som helst

Slutsats

Du har nu en fullständig förståelse för en enkel att följa metod för att para fonter för dina projekt.

Bild: phalinn (används även som artikel thumbnail) cc

Beviljas, det här nya tillvägagångssättet tar tid att få hänga med att använda, men det kommer att göra saker lättare för dig. Dessutom är aspekterna av att behandla dina användare som barn ensamma värda att använda för den komiska aspekten. Höger?!


Ytterligare läsning

  • En nybörjarhandbok för att koppla in teckensnitt
  • Anatomi av webbtypografi
  • Förstå typografisk hierarki