en font er bare en font, eller?

18
En font er bare en font, eller? Nina Kristin Langseth

Upload: nina-kristin-langseth

Post on 27-May-2015

197 views

Category:

Design


6 download

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

Page 1: En font er bare en font, eller?

ØKT | DIGITAL | EFFEKT BOUVET ASA @NkLangseth

En font er bare en font, eller? Nina Kristin Langseth

Page 2: En font er bare en font, eller?

Ø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?

Page 3: En font er bare en font, eller?

Ø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?

Page 4: En font er bare en font, eller?

Ø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

Page 5: En font er bare en font, eller?

ØKT | DIGITAL | EFFEKT BOUVET ASA @NkLangseth

Forberedelser til workshop

Page 6: En font er bare en font, eller?

ØKT | DIGITAL | EFFEKT BOUVET ASA @NkLangseth

Sammenlign fontene

Page 7: En font er bare en font, eller?

Ø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

Page 8: En font er bare en font, eller?

ØKT | DIGITAL | EFFEKT BOUVET ASA @NkLangseth

Jaf Facit

Page 9: En font er bare en font, eller?

ØKT | DIGITAL | EFFEKT BOUVET ASA @NkLangseth

Testing

Page 10: En font er bare en font, eller?

Ø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?

Page 11: En font er bare en font, eller?

ØKT | DIGITAL | EFFEKT BOUVET ASA @NkLangseth

Page 12: En font er bare en font, eller?

Ø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.

Page 13: En font er bare en font, eller?

Ø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

Page 14: En font er bare en font, eller?

Ø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

Page 15: En font er bare en font, eller?

Ø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

Page 16: En font er bare en font, eller?

Ø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»).

Page 17: En font er bare en font, eller?

Ø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

Page 18: En font er bare en font, eller?

ØKT | DIGITAL | EFFEKT BOUVET ASA @NkLangseth

Takk for meg!

@NkLangseth [email protected]