en font er bare en font, eller?
DESCRIPTION
Forskrift om universell utforming av IKT-løsninger sier ikke noe spesifikt om fontvalg. Ofte velges en font basert på følelser og ikke faglig argumentasjon. Vi har jobbet frem en metode for hvordan man kan sammenligne fonter og velge en font med fokus på universell utforming. -TRANSCRIPT
ØKT | DIGITAL | EFFEKT BOUVET ASA @NkLangseth
En font er bare en font, eller? Nina Kristin Langseth
ØKT | DIGITAL | EFFEKT BOUVET 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 | EFFEKT BOUVET ASA @NkLangseth
Rgtx a
Rgtx a
Overlengde
Underlengde
Åpen Lik strek-
tykkelse i
overgang
Ulik strek-
tykkelse i
overgang
Lukket
x-høyde
Overlengde
Underlengde
x-høyde
Åpen font: Verdana
Lukket font: Eurostile
Åpen eller lukket font?
ØKT | DIGITAL | EFFEKT BOUVET 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 | EFFEKT BOUVET ASA @NkLangseth
Forberedelser til workshop
ØKT | DIGITAL | EFFEKT BOUVET ASA @NkLangseth
Sammenlign fontene
ØKT | DIGITAL | EFFEKT BOUVET 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 | EFFEKT BOUVET ASA @NkLangseth
Jaf Facit
ØKT | DIGITAL | EFFEKT BOUVET ASA @NkLangseth
Testing
ØKT | DIGITAL | EFFEKT BOUVET 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 | EFFEKT BOUVET ASA @NkLangseth
ØKT | DIGITAL | EFFEKT BOUVET 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 | EFFEKT BOUVET 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 | EFFEKT BOUVET ASA @NkLangseth
Avsnitt 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 | EFFEKT BOUVET 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 | EFFEKT BOUVET ASA @NkLangseth
Med bilder X-høyde Høyden på den delen av bokstavene som går fra skriftlinjen og opp til toppen av enliten x. Liten x brukes som målestav for bokstavenes kjernehøyde fordi denhar en rett, nøyaktig målbar over- og underkant. Antikva-font Fonten har forskjellig tykkelse på strekene og seriffer, 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 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»).
ØKT | DIGITAL | EFFEKT BOUVET 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