nina langseth - en font er en fon er en font. eller?
DESCRIPTION
Hvordan velge riktige fonter for nettløsninger som skal være universelt utformet.TRANSCRIPT
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
En font er bare en font, eller?Nina Kristin Langseth
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Det er utfordrende å skulle velge
en font til et nettsted, og utvalget
er nesten uendelig. Så, hvordan
gå frem for å finne den perfekte
fonten til nettstedet ditt, og
hvorfor velge akkurat den ene?
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Åpen eller lukket font?
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Våre kriterier
• Fonten skal være åpen slik at den er lettere å lese. Tegn som a, e og
c ikke gror igjen
• Det må være mulig å kunne skille mellom 1, l, I, o ,O, o og tallene 6,
8, og 9.
• Strekktykkelse må være lik, spesielt i overgangene.
• Tydelig overlengder og underlengder på bokstavene.
• Gode bokstavmellomrom og ordmellomrom.
• Stor skriftfamilie (light, regular, italic, bold, semibold … )
Bli enig om kriteriene
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Forberedelser til workshop
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Sammenlign fontene
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
• Tydelige tall og spesialtegn i tekst
• Hvordan fonten passet til den visuelle identiteten
• Hvordan overgangene var utformet
Vurder igjen med fokus på detaljene
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Jaf Facit
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Testing
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Når man har funnet den
perfekte fonten så går alt av
seg selv. Da blir nettsiden fin
uansett, eller?
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Fra ingen struktur til …
x-høyde. Høyden på den delen av bokstavene som går fra skriftlinjen
og opp til toppen av liten x. Liten x brukes som målestav for
bokstavenes kjernehøyde fordi den har en rett, nøyaktig målbar over-
og underkant. Mange av de andre bokstavene har avrundet overkant
som av visuelle årsaker strekker seg litt over x-høyden. Antikva fonten
har forskjellig tykkelse på strekene og seriffer, altså små linjer øverst og
nederst på bokstaven. Disse seriffene gjør det enklere å lese, for øyet
følger disse strekene som en linje. Antikva fonten er seriøs og
høytidelig. Antikva er teksttypen man ofte ser i aviser, bøker og
lignende. Grotesk font omfatter skrifttyper uten seriffer og har som regel
tilnærmet lik linjetykkelse (monolineært skriftbilde). Grotesk blir ofte sett
på som en forenklet versjon av antikvaskriftene (derav sans serif -
«uten seriffer»), men den har røtter helt tilbake greske inskripsjoner før
romerne tok i bruk seriffer.
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Riktig spaltebredde
x-høyde. Høyden på den delen av bokstavene som
går fra skriftlinjen og opp til toppen av liten x. Liten x
brukes som målestav for bokstavenes kjernehøyde
fordi den har en rett, nøyaktig målbar over- og
underkant. Mange av de andre bokstavene har
avrundet overkant som av visuelle årsaker strekker
seg litt over x-høyden. Antikva fonten har forskjellig
tykkelse på strekene og seriffer, altså små linjer øverst
og nederst på bokstaven. Disse seriffene gjør det
enklere å lese, for øyet følger disse strekene som en
linje. Antikva fonten er seriøs og høytidelig. Antikva er
teksttypen man ofte ser i aviser, bøker og lignende.
Grotesk font omfatter skrifttyper uten seriffer og har
som regel tilnærmet lik linjetykkelse (monolineært
skriftbilde). Grotesk blir ofte sett på som en forenklet
versjon av antikvaskriftene (derav sans serif - «uten
seriffer»), men den har røtter helt tilbake greske
inskripsjoner før romerne tok i bruk seriffer
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
AvsnittX-høyde. Høyden på den delen av bokstavene som går fra
skriftlinjen og opp til toppen av liten x. Liten x brukes som
målestav for bokstavenes kjernehøyde fordi denhar en rett,
nøyaktig målbar over- og underkant. Mange av de andre
bokstavene har avrundet overkant som av visuelle årsaker
strekker seg litt over x-høyden.
Antikva fonten har forskjellig tykkelse på strekene og seriffer,
altså små linjer øverst og nederst på bokstaven. Disse
seriffene gjør det enklere å lese, for øyet følger disse
strekene som en linje. Antikva fonten er seriøs og høytidelig.
Antikva er teksttypen man ofte ser i aviser, bøker og
lignende.
Grotesk font omfatter skrifttyper uten seriffer og har som
regel tilnærmet lik linjetykkelse (monolineært skriftbilde).
Grotesk blir ofte sett på som en forenklet versjon av
antikvaskriftene (derav sans serif - «uten seriffer»), men den
har røtter helt tilbake greske inskripsjoner før romerne tok i
bruk seriffer
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Mellomtitler
X-høyde
Høyden på den delen av bokstavene som går fra skriftlinjen
og opp til toppen av liten x. Liten x brukes som målestav for
bokstavenes kjernehøyde fordi denhar en rett, nøyaktig
målbar over- og underkant. Mange av de andre bokstavene
har avrundet overkant som av visuelle årsaker strekker seg
litt over x-høyden.
Antikva
Fonten har forskjellig tykkelse på strekene og seriffer, altså
små linjer øverst og nederst på bokstaven. Disse seriffene
gjør det enklere å lese, for øyet følger disse strekene som en
linje. Antikva fonten er seriøs og høytidelig. Antikva er
teksttypen man ofte ser i aviser, bøker og lignende.
Grotesk
Font omfatter skrifttyper uten seriffer og har som regel
tilnærmet lik linjetykkelse (monolineært skriftbilde). Grotesk
blir ofte sett på som en forenklet versjon av antikvaskriftene
(derav sans serif - «uten seriffer»), men den har røtter helt
tilbake greske inskripsjoner før romerne tok i bruk seriffer
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Med bilder
X-høydeHøyden på den delen av bokstavene som går fraskriftlinjen og opp til toppen av enliten x. Liten x brukes som målestav for bokstaveneskjernehøyde fordi denhar en rett, nøyaktig målbarover- og underkant.
Antikva-font
Fonten har forskjellig tykkelse på strekene ogseriffer, altså små linjer øvere og nederst påbokstaven. Disse seriffene gjør det enklere å lese, for øyet følger disse strekene som en linje.
Grotesk-font
Font omfatter skrifttyper uten seriffer og har somregel tilnærmet lik linjetykkelse (monolineærtskriftbilde). Grotesk blir ofte sett på som en forenklet versjon av antikvaskriftene (derav sans serif - «uten seriffer»).
ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth
Enklere tekst
X-høyde
X-høyden er høyden på en liten x
Antikva
Font med seriffer
Grotesk
Font uten seriffer