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  Saknar serifer Helvetica
Antikva/serif A G  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,...
Indelning Det finns olika sätt att dela in de olika typsnitten. Här lånar vi i huvudsak terminologi och exempel från  Typo...
Ytterligare indelning: Antikva 1) Diagonalantikva (geralder) Antikvorna delas in i ytterligare familjer. En av dem skildra...
Ytterligare indelning: Antikva 2) Transantikva (realer) Här följer ytterligare en antikva,  med rötter i 1700-talet. Diago...
Ytterligare indelning: Antikva 3) Vertikalantikva (didon) Ännu en antikva,  med rötter i sent 1700-tal och tidigt 1800-tal...
Ytterligare indelning: 4) Linjär, sans-serif (grotesk) Tidigare såg vi varianter av antikva. Här kommer  en helt annan fam...
Ytterligare indelning: 5) Mekan, egyptienn, (modern) Kom samtidigt som linjärer tidigt 1800-tal. Industrialismen hade beho...
Ytterligare indelning: 6) Skripter Kännetecknas av handskriftskaraktär (kalligrafi). Från Frankrike i slutet av 1600-talet...
Ytterligare indelning: 7) Dekorativa Det finns gott om moderna typsnitt som är mycket fantasirika. De skulle kunna gå unde...
<ul><li>Antikva (serif) </li></ul><ul><ul><li>Diagonalantikva </li></ul></ul><ul><ul><li>Transantikva </li></ul></ul><ul><...
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 ( d...
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 kont...
Använda typsnitt Typsnitt finns i olika varianter (vikter), normal,  kursiv ,  fet, KAPITÄL  m.m. Använd dessa för att för...
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 typsnitt Vad händer  här?
Använda typsnitt Och här?
Tänk på <ul><li>När du använder flera typsnitt  </li></ul><ul><li>kontrastera mellan  olika  typsnitt, ( serif  – sans-ser...
Bye!
Upcoming SlideShare
Loading in …5
×

Typografins grunder

2,421 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,421
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Typografins grunder

  1. 1. Typografi - grundbegrepp
  2. 2. Två huvudfamiljer: antikva (serif) & linjärer (sans-serif)
  3. 3. Antikva/serif Skillnaden mellan antikva (serifer) och linjärer (sans-serifer) är just seriferna. A G Adobe Garamond Pro
  4. 4. Linjär/sans-serif A G Saknar serifer Helvetica
  5. 5. Antikva/serif A G Ytterligare en skillnad är skillnad mellan grundstreck och hårstreck Grundstreck Hårstreck
  6. 6. 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
  7. 7. 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)
  8. 8. Ytterligare indelning: Antikva 1) 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
  9. 9. Ytterligare indelning: Antikva 2) 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
  10. 10. Ytterligare indelning: Antikva 3) 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
  11. 11. 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
  12. 12. 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
  13. 13. Ytterligare indelning: 6) Skripter Kännetecknas av handskriftskaraktär (kalligrafi). Från Frankrike i slutet av 1600-talet (Ludvig XIV) 6) Skripter Kännetecken: liknar handstil Brush script
  14. 14. Ytterligare indelning: 7) Dekorativa Det finns gott om moderna typsnitt som är mycket fantasirika. De skulle kunna gå under en egen beteckning: 7) Dekorativa
  15. 15. <ul><li>Antikva (serif) </li></ul><ul><ul><li>Diagonalantikva </li></ul></ul><ul><ul><li>Transantikva </li></ul></ul><ul><ul><li>Vertikalantikva (didon) </li></ul></ul><ul><li>Linjär (sans-serif) </li></ul><ul><li>Mekan (egyptienn) </li></ul><ul><li>Skript </li></ul><ul><li>Dekorativ </li></ul><ul><li>Första steget, skilj mellan </li></ul><ul><li>Antikva (serif) </li></ul><ul><li>& </li></ul><ul><li>Linjär (sans-serif) </li></ul>Indelningen:
  16. 16. 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:
  17. 17. 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!
  18. 18. 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...
  19. 19. Använda typsnitt Vad kan vi säga om användningen av typsnitt här???
  20. 20. Använda typsnitt Grundregel: Växla mellan serif och sans-serif. Inte för lika typsnitt! Kontrastera med färg och storlek.
  21. 21. Använda typsnitt Vad händer här?
  22. 22. Använda typsnitt Och här?
  23. 23. Tänk på <ul><li>När du använder flera typsnitt </li></ul><ul><li>kontrastera mellan olika typsnitt, ( serif – sans-serif) </li></ul><ul><li>kontrastera i storlek </li></ul><ul><li>använd fet , kursiv , KAPITÄL… </li></ul><ul><li>utnyttja färg för att skapa kontrast </li></ul><ul><li>Det var en kort intro… </li></ul>
  24. 24. Bye!

×