Typografi - grundbegrepp

Två huvudfamiljer:

antikva (serif)&

linjä rer (sans-serif)

Antikva/serif

Skillnaden mellan antikva (serifer) och linjärer (sans-serifer) är just seriferna.

A G Adobe Garamond Pro

Linjär/sans-serif

A G Sakn

ar s

erife

r

Helvetica

A G Antikva/serif

Ytterligare en skillnad är skillnad mellan grundstreck och hårstreck

Grundstreck

Hårstreck

Mer terminologi

För den som vill fördjupa sig i typografi finns det mycket terminologi. I denna kurs går vi inte så djupt, men här finns ett exempel hämtat från Christer Hellmarks bok:Bokstaven, ordet, texten

Indelning

Det finns olika sätt att dela in de olika typsnitten. Här lånar vi i huvudsak terminologi och exempel från Typografi och grafisk design (en gammal upplaga)

Ytterligare indelning: Antikva1) Diagonalantikva (geralder)Antikvorna delas in i ytterligare familjer. En av dem skildrar den historiska utvecklingen av antikvorna. Först kommer den äldsta: 1) Diagonalantikva (geralder)

Kännetecken

Ytterligare indelning: Antikva2) Transantikva (realer)Här följer ytterligare en antikva, med rötter i 1700-talet. Diagonalen lutar inte lika mycket och de har fortfarande drag av handskrift. 2) Transantikva (realer)

Kännetecken

Ytterligare indelning: Antikva3) Vertikalantikva (didon)Ännu en antikva, med rötter i sent 1700-tal och tidigt 1800-tal. Stor skillnad mellan grund- och hårstreck. Serifferna tunna och horisontella. 3) Vertikalantikva (didon)

Kännetecken

Ytterligare indelning:4) Linjär, sans-serif (grotesk)Tidigare såg vi varianter av antikva. Här kommer en helt annan familj – den saknar helt serifer. Hår- och grundstreck är jämntjocka. Den dyker upp under tidigt 1800-tal. 4) Linjär, sans-serif (grotesk)

Kännetecken

Ytterligare indelning:5) Mekan, egyptienn, (modern)Kom samtidigt som linjärer tidigt 1800-tal. Industrialismen hade behov av tydlig reklam. Känns igen på överdrivna seriffer.5) Mekan, egyptienn (modern)

Kännetecken:överdrivna seriffer

Blackoak

Ytterligare indelning:6) SkripterKännetecknas av handskriftskaraktär (kalligrafi). Från Frankrike i slutet av 1600-talet (Ludvig XIV)6) Skripter

Kännetecken:liknar handstil

Brush script

Ytterligare indelning:7) DekorativaDet finns gott om moderna typsnitt som är mycket fantasirika. De skulle kunna gå under en egen beteckning:7) Dekorativa

• Antikva (serif)– Diagonalantikva

– Transantikva

– Vertikalantikva (didon)

• Linjär (sans-serif)

• Mekan (egyptienn)

• Skript

• Dekorativ

• Första steget, skilj mellan

Antikva (serif)

&

Linjä r(sans-serif)

Indelningen:

Jämförelse

Det går att dela in på olika sätt. Vi har sett på en traditionell indelning. En stor typografisajt på nätet (dafont) med mängder av typsnitt delar in på följande sätt:

Använda typsnitt

Några ord om att använda typsnitt. När man använder typsnitt handlar det ofta om att bli medveten om kontraster. De kan byggas på olika sätt. Vi börjar med storlek

Den som surfar in på GP vet förmodligen vilken dag det är. Behöver inte betonas.

Vad är viktigt?Gör det stort!

Använda typsnitt

Typsnitt finns i olika varianter (vikter), normal, kursiv, fet, KAPITÄL m.m.Använd dessa för att förstärka kontrasten. (Enklare i tryck där man kan få fram fler nyanser är för skärm.)

Exempel på fet rubrik och normal text.Man för in ytterligare en kontrast: färg, för att signalera mellanrubrik.

Vi tittar på några exempel från webben...

Använda typsnitt

Vad kan vi säga om användningen av typsnitt här???

Använda typsnitt

Grundregel: Växla mellan serif och sans-serif. Inte för lika typsnitt!Kontrastera med färg och storlek.

Använda typsnittVad händer här?

Använda typsnittOch här?

Tänk på

När du använder flera typsnitt

• kontrastera mellan olika typsnitt, (serif – sans-serif)

• kontrastera i storlek• använd fet, kursiv, KAPITÄL…

• utnyttja färg för att skapa kontrast

• Det var en kort intro…

Bye!