nina langseth - en font er en fon er en font. eller?

18
ØKT | DIGITAL | EFFEKT BOUVET ASA @NkLangseth En font er bare en font, eller? Nina Kristin Langseth

Upload: bouvet-asa

Post on 06-Jul-2015

127 views

Category:

Design


1 download

DESCRIPTION

Hvordan velge riktige fonter for nettløsninger som skal være universelt utformet.

TRANSCRIPT

Page 1: Nina Langseth - En font er en fon er en font. Eller?

ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth

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

Page 2: Nina Langseth - En font er en fon er en font. Eller?

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

Page 3: Nina Langseth - En font er en fon er en font. Eller?

ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth

Åpen eller lukket font?

Page 4: Nina Langseth - En font er en fon er en font. Eller?

Ø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

Page 5: Nina Langseth - En font er en fon er en font. Eller?

ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth

Forberedelser til workshop

Page 6: Nina Langseth - En font er en fon er en font. Eller?

ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth

Sammenlign fontene

Page 7: Nina Langseth - En font er en fon er en font. Eller?

Ø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

Page 8: Nina Langseth - En font er en fon er en font. Eller?

ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth

Jaf Facit

Page 9: Nina Langseth - En font er en fon er en font. Eller?

ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth

Testing

Page 10: Nina Langseth - En font er en fon er en font. Eller?

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

Page 11: Nina Langseth - En font er en fon er en font. Eller?

ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth

Page 12: Nina Langseth - En font er en fon er en font. Eller?

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

Page 13: Nina Langseth - En font er en fon er en font. Eller?

Ø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

Page 14: Nina Langseth - En font er en fon er en font. Eller?

Ø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

Page 15: Nina Langseth - En font er en fon er en font. Eller?

Ø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

Page 16: Nina Langseth - En font er en fon er en font. Eller?

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

Page 17: Nina Langseth - En font er en fon er en font. Eller?

Ø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

Page 18: Nina Langseth - En font er en fon er en font. Eller?

ØKT | DIGITAL | EFFEKTBOUVET ASA@NkLangseth

Takk for meg!

@NkLangseth

[email protected]