Tips til design

Brugervenlighed

Del hjemmesiden op i tydeligt definerede områder.

Brugervenligt webdesign

Skrifttyper

For at vælge de rigtige skrifttyper til internettet skal du overveje:

  • Hvilke skrifttyper er lette at læse på skærmen?
  • Hvilke skrifttyper har brugeren installeret?
  • Hvilke visuelle signaler udsender skrifttypen

Brug højst 2 forskellige skrifttyper på et websted. Brug af flere kan give et rodet og billigt indtryk.

Skrifttyper kan opdeles i familier:

  • Serif skrifter
  • Sans serif skrifter
  • Monospace skrifter
  • Håndskrifter
  • Fantasy skrifter

Hvis du bruger 2 forskellige skrifttyper skal de være tydeligt forskellige. Det opnår du ved at bruge skrifttyper fra forskellige skriftfamilier.

Du kan feks bruge en sans serif skrift til brødteksten og en serif skrift til overskrifterne.

Serif skrifttyper

Serif henviser til bogstavernes små fødder. Seriferne danner en linje, som øjet følger, når man læser. Det gør Serif skrifttyperne meget læsevenlige på papir.

Serif skrifttyper er også kendtegnet ved tynde hårstreger og elegant svungne linier. De fine hårstreger og de skrå linjer i fødderne giver problemer på computerskærme med lav opløsning. Skriften kan blive hakket og pixeleret. Efterhånden som skærmenes opløsning er blevet højre, er problemet blevet mindre.

Serif skrifterne signalerer tradition, historie og gammeldags værdier, når de bliver brugt på nettet.

En af de bedste serif skrifttyper til netbrug er Georgia. Georgia er designet til skærmbrug og er en stor åben skrifttype med en høj x-højde (højden på et lille x). Dette gør den let at læse på skærmen.

skrifttypen georgia

Times New Roman er hyppigt brugt til tryk og nærmest standard skrift i mange Microsoft produkter.

Times New Roman har små fine former, og lav x-højde (højden på et lille x). Det gør den meget svær at læse på skærmen i selv store størrelser.

skrifttyper times new roman

Sans Serif skrifttyper

Sans Serif betyder "Uden Serif" på fransk. Skrifttyperne mangler altså de små fødder. Sans Serif skrifternes mangler også Serif skrifternes fine hårstreger. Bogstavernes streger er af ens bredde.

Sans serif skrifterne fremtræder mere nutidige, og signalerer da også mere moderne værdier.

Verdana er desginet til at være let at læse i lille størrelse på en skærm.

Den høje x-højde (højden på et lille x), de brede propertioner og den store afstand mellem bogstaverne, er alt sammen med til at gøre skrifttypen meget let at læse. Selv i små størrelser.

Verdana er endvidere installeret på rigtig computere.

skrifttyper Verdana

Arial er også en meget ubredt skrifttype. Den blev designet i 1982 og opfattes som en af de mere moderne sans serif skrifttyper.

Arial har en lavere x-højde (højden på et lille x) end Verdana. Endvidere er skriften mere kompakt med mindre afstand mellem typerne. Det gør at Arial ikke kan bruges i så små størrelser som Verdana.

skrifttyper Arial

Trebuchet MS er en let og moderne Sans Serif skrift. Den bliver brugt mere og mere på nettet, hvor den især ses på blogs.

Trebuchet MS er dog ikke så læsevenlig som Verdana. Den er lidt mere kompakt og har lidt flere krummelurer, hvilket er med til at give den det lettere og måske mere moderne udtryk.

skrifttyper trebuchet

Monospace skrifter

I monospace skrifter har alle tegn samme bredde. Skifterne ligner gamle skrivemaskine skrifter.

Man kan bruge monotype skrifterne til at signalere noget rustikt eller nostalgisk, men skriften er ikke egnet til lange brødtekster. Monotypes bruges ofte også i programmering. F.eks. i texteditorer

Nogle af de kendte monotype skrifttyper er courier og courier new.

skrifttyper courier

Håndskrifter

Håndskrifter er som navnet antyder efterligninger af håndskrift. De giver et gammeldags og romantisk indtryk.

På nettet bruges håndskrifter stort set kun i Display typografien.

Her er det Bradley, som jeg har måtte forstørre til 14 px, for at man overhovedet kan læse den.

skrifttyper bradley

Fantasy Skrifter

Fantasy skrifter kaldes også designer skrifttyper. Ligesom håndskrifterne bruges fanatasy skrifttyperne hovedsagelig til display typografi.

En af de mere kendte er Comic Sans, som faktisk blev brugt meget på nettet få nogle år siden.

Comic Sans bliver i dag opfattet som meget umoderne, men findes installeret på rigtig mange maskiner.

skrifttyper comic sans

Statistik over skrifttyper

Hvilke skrifttyper brugerne har installeret på deres computere, afhænger af om de kører Windows, Mac eller Linux.

Her er en statistik over de mest udbredte skrifttyper og styresystemer.

Windows Mac Linux
Arial 96 96 62
Verdana 97 94 54
Georgia 91 93 51
New Courier 96 92 62
Trebuchet ms 95 93 50
Arial Black 98 96 53

Check Codestyle.org for de sidste nye statistikker om platforme og skrifttyper.

Udviklingen går hurtigt, og flere skifttyper opnår efterhånden større udbredelse.

Statistik over styresystemer

Windows står for ca. 97% af sidevisningerne i Danmark.

Mac har pt ca. 2.5%, men er i stigning i disse år. Mac er især populær i den grafiske branche, og er igen ved at blive en rigtig trendy maskine.

Linux har kun ca. 0.4 %. Så i praksis skal Linux ikke vægtes ret meget, når man skal vælge sine fonte. De fleste Linux-brugere findes i det IT tekniske segment.

Find flere interessante statistikker om internettet og brugere på:

fdim.dk - danske internet medier

Find og bestem en skrifttype

Ofte står man med et behov for at bestemme en bestemt skrifttype eller font.

Her er et par gode links, hvis du forsøger at identificere en skrifttype.

Identificer skrifttype gennem spørgsmål
Identificer skrifttype gennem et billede

Skrifttyper på nettet

Et godt sted at finde facts om de enkelte skrifttyper er på den engelske wikipedia.

Skrifttyper på wikien