Tilbake til grunnleggende: Vakker typografi i nettdesign

/2015-03-17 18:05:29/
Kazaria
/Virksomhet/

Et flott nettsted starter med vakker typografi. Og selv om det å bryte en og annen regel er flott, noen ganger er det godt å komme tilbake til prinsippene om hva som gjør god typografi - og hvordan man lager den.

Det er en viktig forfriskning som kan hjelpe deg å revurdere prosjekter, vurdere en ny tilnærming eller bare komme tilbake til en enklere og mer strømlinjeformet design.

Så i dag ignorerer vi trender og måter å bryte reglene for å fokusere på typografiteori og hvordan "reglene" kan være en god retningslinje for å skape fenomenal type.

Størrelse og hierarki

Størrelse er viktig. Størrelse kan være en av de viktigste faktorene når du lager en disposisjon for lesbar typografi på skjermer. Liten tekst kan være skurrende og vanskelig å se. Overdimensjonert tekst kan bryte på tvers av linjer på rare måter og forårsake forvirring.

Lesbar typografi har flere lag med hierarki for å fortelle brukerne hva de skal lese først, andre og så videre. Det er en åpenbar skala, slik at tekst på en størrelse er på tvers av designet, overskriftene er en annen størrelse og utdelinger og underhoder har også sine egne spesifikasjoner.

Sporing og Kerning

Ofte er ikke forvirring, sporing og kerning det samme. Kerning er justering av plass mellom et par bokstaver. Sporing er justering av mellomrom mellom et komplett sett med tegn, for eksempel et avsnitt eller samlet justering til en tekstblokk.

Kerning brukes ofte til enkeltelementer for å skape presisjon og forbedre lesbarhet og jevn stil for stor tekst. Sporing brukes ofte for å stramme et løst skrift i kroppskopi.

Begrens skrifttyper

For mange skrifter kan være overveldende og skurrende. To eller tre skrifttyper er nok for de fleste prosjekter.

Nøkkelen til å velge et solidt alternativ er å velge en typefamilie med mye variasjon i stil. De fleste skrifttyper av kvalitet kommer med flere stiler - fet, vanlig, kursiv, kondensert, svart og så videre. Ved å velge et skriftsnitt med flere alternativer, vil du ha en vekt og stil for flere bruksområder. (Noen familier inkluderer til og med serif og sans serif alternativer hvis du vil beholde hele designet i en enkelt fontfamilie.)

Bland og match stiler

Når du velger skrifttyper - riktignok kan dette være den tøffeste delen av mange designprosjekter - det er ok, og til og med foretrukket, å velge to forskjellige stilarter av typen.

Den vanligste sammenkoblingen er en serif og sans serif. Men du trenger ikke holde deg til det.

Når du kobler sammen forskjellige stiler og skrifttyper, må du se etter bokstaver som har en lignende x-høyde (se etter tegnsett med samme vertikale "x" -størrelse) og form på boller (mellomrom i lukkede bokstaver som en "o").

Disse detaljene kan gjøre mye forskjell i forhold til hvordan skrifttyper føles sammen og hvor lett det er for brukere å lese teksten. Å bruke lignende bokstaver i forskjellige stiler har fremdeles en visuell fortrolighet som kan gjøre all typen lettere å lese sammen.

Glem bindestreker og begrunnelse

Det meste av tiden er bindestrek og full begrunnelse unødvendig.

Spesielt online kan disse teknikkene gjøre tekst vanskeligere å fordøye og forstå på et øyeblikk. Bindestreker bryter leseopplevelsen og full begrunnelse resulterer ofte i rare mellomrom som er vanskelig å lese.

Mens begge elementer har sin plass i noen prosjekter, bør de som oftest unngås.

Ikke endre skrifter

Du bør aldri justere en font. Ikke prøv å gjøre det fetere eller høyere eller tynnere. Velg et nytt skrifttype i stedet.

Type designere jobber hardt for å lage et konsistent sett med tegn for et skrifttype som er lesbart og passer til stilen på skriften. Ikke prøv å endre utseendet til et sett med tegn. Du vil ikke forbedre dem, og vil ofte gjøre et rot av typen i prosessen.

Hvis et skrifttype ikke helt fungerer slik du trenger det, må du se etter noe annet. Prøv Identifont lignende fontverktøy, som identifiserer skrifttyper med lignende utseende, for å velge et annet alternativ som kan fungere bedre i prosjektet ditt.

Kontrast

Design for kontrast ved bruk av typografi. På samme måte som du ville bruke forskjellige størrelser for å lage hierarki, bør du vurdere forskjellige skriftvekter, farger og stiler for å gi visuell interesse.

Farge er en av de mest effektive - og enkle - måtene å skape kontrast på. Den ideelle kontrasten er mørk tekst på lys bakgrunn (eller omvendt). Det er et nesten ubegrenset antall fargealternativer som hjelper deg å oppnå dette. Når du spiller med farger og typografi, må du være oppmerksom på at noen fargekombinasjoner, for eksempel knallrød på høyre blå, kan være veldig tøffe å lese. Se etter kombinasjoner som er forskjellige når det gjelder lys kontra mørk, levende og metning.

Når det gjelder kontrast, er enkle bakgrunner ofte best for å gi tekstrom som skal leses. Men hvis bakgrunnen inneholder visuelle elementer, for eksempel et bilde eller et mønster, kan du få størrelsen på bokstaven å skille mellom bakgrunnen og forgrunnen tekstelement.

Mål saker

Et mål er størrelsen på beholderen som inneholder tekst. Dette kan være bredden på en hel tekstramme eller en enkelt kolonne i et flersøyleformat.

Mål saker fordi antall tegn (inkludert mellomrom, glyf og tegnsetting) over skjermen kan påvirke lesbarheten. Teorien bak dette konseptet er at hvis linjer er for lange eller for korte, kan det være slitsomt for brukerens øye å lese på grunn av en konstant frem og tilbake bevegelse fra en linje til den neste.

Fra elementene i typografisk stil: “Alt fra 45 til 75 tegn blir generelt sett på som en tilfredsstillende lengde på linjen for en enkeltsøyleside i et serivert tekstfjes i en tekststørrelse. Linjen på 66 tegn (som teller både bokstaver og mellomrom) blir sett på som ideell. For flere kolonnearbeid er et bedre gjennomsnitt 40 til 50 tegn. ”

Dette er et ganske godt utgangspunkt for de fleste prosjekter, selv om mange prosjekter er skjevt til typestørrelser som er litt større, noe som vil gjøre at tegntallet faller i den mindre enden av det området.

Selv om mobil typografi ikke var noen bekymring da boken ble utgitt, er retningslinjen for flere kolonner et akseptabelt utgangspunkt. Du kan til og med velge å gå litt lavere og sikte på mer 35 tegn per linje for små skjermer.