Typo(grafie) 101 – Ein Ausflug in die Welt der Schrift

Ein kurzer Abriss über die Geschichte der Schrift und die Grundlagen der Typografie im Rahmen von zweitags Projects & Breakfast.

Transcript

1. Typo(grafie) 101 Ein Ausflug in die Welt der Schrift Lucas Nolte · Projects & Breakfast · 11.7.2014
2. /1 Schrift ist evolutionär, politisch, kulturell, …
3. Phönizisch Altgriechisch Lateinisch ~10. Jh. v. Chr
4. CAPITALIS MONUMENTALIS
5. Römische Unziale
6. Aachen
10. n n n n
11. Groundwater Groundwater Groundwater humanistisch transitional rational
12. Groundwater Groundwater Grotesk Slab/Clarendon
13. Groundwater Groundwater Neo-Grotesk Geometrisch
14. Groundwater Humanistisch
15. /2 Schrift ist sichtbare Sprache
16. Wer kennt diese Schrift? Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchsta- ben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.
17. Wer kennt diese Schrift? Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchsta- ben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.
18. Elegant Modern Neutral Klassisch Freundlich
19. Volkswagen?
20. Volkswagen!
21. Schrift ~ Stimme
26. Was im Buch funktioniert, funktioniert bei 140km/h nicht mehr.
27. Schrift = Funktion
28. Legibility + Readbility
29. Ill Ill
30. Epero dolupti simpostio expere accate qua- te ventem lit laut quam, consed etum quo dolorpo renihil iniscillam idebite inverepedi utatur magnihil idebitaque nos estior arciis doloreped quam, consectem rem. Um endun- tem audistr uptassi nitatior re cus aut vendel modigen danisi doluptas eos audicae voloriti- unt. Et, venet am quis quidescia velibus cienihi cipsus aut laboriatet moluptat aut ea cus. Ibus dolum laborporunt accab ipsunt maios remodip sapicabores electiorerum et optas- pedi ommolore velenihitiis dollore lam, nus, sit quiamus, offic tem hici volectibus, iument Epero dolupti simpostio expere acca- te quate ventem lit laut quam, con- sed etum quo dolorpo renihil iniscill- am idebite inverepedi utatur magnihil idebitaque nos estior arciis doloreped quam, consectem rem. Um enduntem audistr uptassi nitatior re cus aut vendel modigen danisi doluptas eos audicae vo- loritiunt. Et, venet am quis quidescia velibus cienihi cipsus aut laboriatet moluptat aut ea cus. Ibus dolum laborporunt accab ipsunt maios remodip sapicabores electiorer-
31. Aufbackbrot
32. Aufbackbrot
33. Gut lesbare Schriften geringer Kontrast hohe Mittelhöhe prägnante Oberlängen
34. /3 Typografie
37. Typografie bezeichnet das Arbeiten mit Schriftarten.
38. Makrotypografie Satzspiegel Raster Spalten Mikrotypografie Wahl der Schriftart Laufweite Leading Tracking Kerning
39. Laufweite Anzahl der Anschläge pro Zeile. Bit est molor re ommo ipis enit modi dolorer empossita nus. Tas as es aut quidemp erspe- rument que siti cuscipsa doluptur rendunt fuga. Occaborpore restempos maior alic te con reicaes remporestrum volorer iberspe li- Bit est molor re ommo ipis enit modi dolorer empossita nus. Tas as es aut quidemp ersperu- ment que siti cuscipsa doluptur rendunt fuga. Occaborpore restempos maior alic te con rei- caes remporestrum volorer iberspe litiis vitis quidus doles ut aut quiate cum eos de numque parchit lanit as asiminc ienimin receperum doluptatem sinissinit, ut autem dolor autendit peria veliquo ommo cum ra quatem as exped ex ex expliquo doles ea volenis cietur? Elicabo. ~ 45 Anschläge/Zeile ~ 90 Anschläge/Zeile
40. Leading Abstand zwischen Textzeilen. line-height Bit est molor re ommo ipis enit modi dolorer empossita nus. Tas as es aut quidemp erspe- rument que siti cuscipsa doluptur rendunt fuga. Occaborpore restempos maior alic te con reicaes remporestrum volorer iberspe litiis vitis quidus doles ut aut quiate cum eos de num- que parchit lanit as asiminc ienimin receperum doluptatem sinissinit, ut autem dolor au- tendit peria veliquo ommo cum ra quatem as exped ex ex expliquo doles ea volenis cietur? Bit est molor re ommo ipis enit modi dolorer empossita nus. Tas as es aut quidemp ersperu- ment que siti cuscipsa doluptur rendunt fuga. Occaborpore restempos maior alic te con rei- caes remporestrum volorer iberspe litiis vitis quidus doles ut aut quiate cum eos de numque parchit lanit as asiminc ienimin receperum doluptatem sinissinit, ut autem dolor autendit ~ 120% Leading ~ 150% Leading
41. Tracking Abstand zwischen Buchstaben. letter-spacing Enges Tracking Sehr enges T r acking Lockeres Tracking S e h r l o c k e r e s T r a c k i n g
42. „Tracking #2“ Abstand zwischen Worten. word-spacing Fließtexte hingegen sollte man ein bisschen lockerer tracken/word-spacen um etwas mehr Abstände zwischen die Worte zu bringen und so die Lesbarkeit zu erleichtern. Bit est molor re ommo ipis enit modi dolorer empossita nus. Tas as es aut quidemp er- sperument que siti cuscipsa doluptur rendunt fuga. Occaborpore restempos maior alic te con reicaes remporestrum volorer iberspe litiis vitis quidus doles ut aut quiate cum Überschriften kann man eng tracken und Platz sparen
43. Kerning Abstand zwischen speziellen Buchstaben. Vancouver Vancouver
44. Wahl der Schriftart So you need a typeface? Not so fast! Welches Medium? Welche Verwendung? Welche Zielgruppe? Welche Intention?
45. Einsatzzweck Mengentext Schrift als Funktion Lesbarkeit geht immer vor Schrift als Stimme Stimmung erzeugen Display
46. Dr. Zweitag empfiehlt Schriften, mit denen man (fast) alles erledigen kann. Mengentext Univers /die bessere Helvetica Avenir Meta Garamond Times Georgia Futura Bodoni / Didot Brandon Grotesque Adelle Comic Sans Display