Teckningens grunder€¦ · Teckningens grunder Johanna Bristulf
Typografins grunder
-
Upload
thomas-lindbjer -
Category
Education
-
view
1.659 -
download
7
Transcript of Typografins grunder
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!