You are on page 1of 31

Elementare Typografie

Elementare Typografie

Typografische Elemente
die Schriftformen die einzelnen Buchstaben das Wort die Zeile die Spalte die Linien, Zeichen und Symbole

45

Elementare Typografie

Schriftsystematik
Vier Hierarchiegruppen der Schrift 1. Schriftarten (z.B. Serifenbetonte Linearantiqua) 2. Schriftgattungen (Egyptienne) 3. Schriftfamilien (Rockwell) 4. Schriftschnitte (black, bold, roman, light, thin)

A A A
46

Elementare Typografie

Hauptgruppen der Druckschriften


Schriften mit Endstrichen (Serifen, Antiquaschriften) Schriften ohne Endstriche (Serifenlose, Groteskschriften) Serifentypen die historische Grundform im Druckwesen. Groteskschriften mit Vorteilen in der digitalen Typografie. Genauere Unterteilung in Schriftarten: Gebrochene Schriften Renaissance, Barock, Klassizistische Serifenbetonte Linearantiquas Serifenlose Linearantiquas Schreibschriften

Antiqua
Times

Grotesk
Univers

47

Sansserif Typen

Akzidenz-Grotesk
1898 von der H. Berthold AG in Berlin entworfen gilt als Meilenstein in der Schriftgestaltung erste als Brotschrift verwendete Serifenlose wegen ihrer khlen Form in der Industriewerbung gefragt charakteristisch sind die beinahe gleichen Dicken der vertikalen und horizontalen Striche

abcdefghijklmnopqrs tuvwxyz ABCDEFGHIJKLMN OPQRSTUVWXYZ 1234567890


48

Sansserif Typen

Helvetica
1957 von Max Miedinger auf den Markt gebracht in Konkurrenz zu Berthold's Akzidenz Grotesk sehr neutrales und einheitliches Erscheinungsbild entsprach Wunsch nach sachlich-zeitloser Gestaltung geringe Laufweite als konomisches Verkaufsargument grosse Mittellnge im Verhltnis zur Schrifthhe

abcdefghijklmnopqrs tuvwxyz ABCDEFGHIJKLMN OPQRSTUVWXYZ 1234567890


49

Elementare Typografie

Schriftschnitte
Schriftfamilien werden weiter in verschiedene Schriftschnitte unterteilt 1. Schriftbreiten, z.B. extraschmal, schmal, normal, breit, extrabreit englisch z.B. Condensed Thin, Condensed, Regular, Extended 2. Schriftstrken, z.B. extraleicht, leicht, mager, normal, halbfett, fett, extrafett 3. Schriftlagen, normal und kursiv, roman and italic

51

Elementare Typografie

Schriftschnitte
Durchnummerierung eines gesamten Programms abgestimmter Schnitte nach Strichstrken und Schriftbreiten. Heute auch dreistellige Nummerierungssysteme nach Strichstrken, Schriftbreiten und Schriftlagen.

45

46

47

48

53

63

73

83

52

Elementare Typografie

Schriftschnitte
Technologiebedingte Unterschiede

Technologiebedingte Unterschiede im Schriftschnitt am Beispiel der Schriftfamilie Sabon. Sabon in Blei, Sabon in Fotosatz, Sabon auf auf dem Macintosh. Jede Sabon hat einen anderen Schriftschnitt, luft breiter oder enger.
53

Elementare Typografie

Wahl der Schriftform


In der Regel kommt man bei der typografischen Gestaltung mit wenigen, aber guten Schriftformen aus. Aufgabe ist dem Leser das Lesen zu vereinfachen, das Verstehen zu erleichtern. Auch hier gilt: Weniger ist mehr! Fr welchen Zweck und Inhalt? Fr umfangreiche Texte in Broschren oder jede Art von Bchern fr den Mengensatz geeignete Schriften verwenden (zum Beispiel Helvetica oder Times) Bei einzelnen Worten bei der Gestaltung von Buchtiteln, Headlines fr Plakate oder Wortmarken kann der Schriftcharakter auch illustrativ eingesetzt werden.

54

Elementare Typografie

Masysteme
Die wichtigsten typografischen Masysteme das Didot-Masystem und das DTP-Masystem. Der Didot-Punkt ist vom franzsischen Fu abgeleitet: 32,49 cm /12 = 2,705 cm = 1 Zoll 2,705 cm /12 = 0,2256 cm 0,2256 cm /6 = 0,376 mm = Didot-Punkt 0,2256 cm /12 = 0,188 mm = Spatium [Blindmaterial im Bleisatz] 0,376 mm * 12 = 4,512 mm = 1 Cicero Der DTP-Punkt leitet sich vom englischen Inch ab: 25,4 mm / 72 = 0,3527 mm = DTP-Punkt 0,352 mm * 12 = 4,233 mm = 1 Paica Eine Schrift deren Versalhhe 10pt betrgt, hat damit eine Schriftgrsse von 3,53 mm.

56

Elementare Typografie

Schriftgrade
Der Schriftgrad wird definiert durch die Versalhhe (Hhe des versalen H) Schriften fr berschriften, Schriften fr Lesetypografie Schriftgrade kann man heute in DTP-Programmen zwischen 2pt und 750pt einstellen Bildlegenden, Randbemerkungen: 6-8pt "Brotschrift" fr Mengensatz: 10-12pt Grssere fr Titel

nah
fern

57

Elementare Typografie

Schriftmae
Das Geviert ist eine quadratische Flche mit der Hhe eines Schriftkegels im Bleisatz. Es definiert damit in der Senkrechten den Mindestzeilenabstand und ist in der Waagerechten die Magrundlage fr den Abstand zwischen Wrtern und Satzzeichen. Die Dickte legt den Mindestabstand zweier Buchstaben im Wort fest, der ohne Unterschneidung erreicht werden kann. Schriftarten, bei denen jedes Zeichen den gleichen Diktenwert besitzt, werden Monospaceschriften genannt. Die x-Hhe ist vom x hergeleitet. Ist sie zu niedrig, ist das Schriftbild unruhig, tendentiell hat man versucht sie hher zu machen. Die Schriftlinie entspricht dem unteren Abschluss h oder n.

58

Elementare Typografie

Laufweiten
Bei der Wahl einer geeigneten Laufweite orientieren sich die Hersteller an der Punzenbreite, dem Buchstabeninnenraum. Laufweite und Buchstabenabstand mssen in Zusammenhang mit der Breite des Buchstabeninnenraums gesehen werden. Sehr groe Laufweiten fhren dazu, dass der Text sehr viel mehr Platz in Anspruch nimmt, als man dafr vorgesehen hat. Die enge Laufweite als konomischer Grund war bei einigen Schriftarten Verkaufsargument.

Bei richtig fetten Schriften fllt der Abstand besser auf ! Sie knnen enger gesetzt werden als dnne Schriften. Bei Schriften mit engen Punzenbreiten darf der Zeichenabstand ebenfalls etwas enger sein.
59

Elementare Typografie

Laufweiten und Zeichenabstand


Die Laufweite lsst sich heute in DTP-Programmen fr jede Zeile einstellen. Bei normaler Schriftstrke betrgt der Zeichenabstand mindestens einmal die Strke des Grundstrichs.

Zeichenabstnde Zeichenabstnde
Zeichenabstand Zeichenabst and

Zeichenabstnde Zeichenabstnde unumwunden Antiqua unumwunden Antiqua

Bei normaler Schriftstrke betrgt der Zeichenabstand mindestens einmal die Strke des Grundstrichs. Je kleiner die Schrift ist, umso grsser muss der Buchstabenabstand sein. Bei schmalen Schriften mit engen Punzenbreiten darf der Buchstabenabstand etwas kleiner sein, bei breiten sollte er etwas weiter sein. Bei fetter Schriftstrke sollte der Abstand mindestens die Hlfte der Strke des Grundstrichs betragen. Bei Serifenschriften gilt die Regel, dass sich die Serifen nicht berhren drfen. Eine andere Regel besagt, dass die Punzenbreite des gemeinen m nicht unterschritten werden sollte.
60

Elementare Typografie

Laufweiten und Zeichenabstand


Die Laufweite lsst sich heute in DTP-Programmen fr jede Zeile einstellen. Bei normaler Schriftstrke betrgt der Zeichenabstand mindestens einmal die Strke des Grundstrichs.

Zeichenabstnde Zeichenabstnde
Zeichenabstand Zeichenabst and

Zeichenabstnde Zeichenabstnde unumwunden Antiqua unumwunden Antiqua

Bei normaler Schriftstrke betrgt der Zeichenabstand mindestens einmal die Strke des Grundstrichs. Je kleiner die Schrift ist, umso grsser muss der Buchstabenabstand sein. Bei schmalen Schriften mit engen Punzenbreiten darf der Buchstabenabstand etwas kleiner sein, bei breiten sollte er etwas weiter sein. Bei fetter Schriftstrke sollte der Abstand mindestens die Hlfte der Strke des Grundstrichs betragen. Bei Serifenschriften gilt die Regel, dass sich die Serifen nicht berhren drfen. Eine andere Regel besagt, dass die Punzenbreite des gemeinen m nicht unterschritten werden sollte.
61

Elementare Typografie

Wortabstand
Der Wortzwischenraum ist von der Schriftweite abhngig. Fr normale Schriftweiten im Mengensatz hat sich als Faustregel Wortzwischenraum = 1/3 Geviert (bei einigen Schriften 1/4 Geviert) oder Punzen des n durchgesetzt. Bei Verwendung gleicher Zwischenrume werden Unregelmigkeiten sichtbar. Je nach Form des letzten Buchstaben eines Wortes und des ersten des folgenden Wortes ist der Zwischenraum optisch auszugleichen.

The

space

between

words

1/2

The space between words The space between words The space between words The space between words Thespacebetweenwords
62

1/3

1/4

1/8

Die Wortabstnde in Geviert (Schriftgrsse im Quadrat) von einem Geviert abwrts.

Elementare Typografie

Wortabstand
Der Wortzwischenraum ist von der Schriftweite abhngig. Fr normale Schriftweiten im Mengensatz hat sich als Faustregel Wortzwischenraum = 1/3 Geviert (bei einigen Schriften 1/4 Geviert) oder Punzen des n durchgesetzt. Bei Verwendung gleicher Zwischenrume werden Unregelmigkeiten sichtbar. Je nach Form des letzten Buchstaben eines Wortes und des ersten des folgenden Wortes ist der Zwischenraum optisch auszugleichen.

Bei richtig fetten Schriften fllt der Abstand besser auf ! Sie knnen enger gesetzt werden als dnne Schriften. Bei Schriften mit engen Punzenbreiten darf der Zeichenabstand ebenfalls etwas enger sein.
63

Elementare Typografie

Buchstabenabstand
Vor allem Wrter in Versalien (Grossbuchstaben) mussen leicht gesperrt sein und auch ausgeglichen werden. Zu kleine oder zu grosse Zwischenrume verlangen eine Korrektur. Unter Ausgleichen versteht man das Entfernen von strenden Dichten und Weiten. Sperren: gleichmig nichtdruckendes Material zwischen die Buchstaben setzen Spationieren: das Ausgleichen im feinen Bereich mittels Spatien Unterschneiden: Ausgleich durch Verringerung des Weiraums (Kerning) Ausgeglichene Abstnde heisst: wirken optisch gleich gross

Beim Ausgleichen kann es hilfreich sein, das auszugleichende Wort auf den Kopf zu stellen. Bei dem Wort "Walten" lassen "WA" und "LT" zu viel Freiraum. Es ist wichtig, den gesamten Weiraum einer Schrift miteinander zu vergleichen. Dazu gehren auch die eingeschlossenen weien Flchen innerhalb der Buchstaben, wie bei den Buchstaben N und O. Der Buchstabenabstand bei "LO" ist optisch breiter als der bei NL, der Buchstabe O hat allerdings einen groen Buchstabeninnenraum und braucht deshalb etwas mehr Platz zu beiden Seiten.
64

Elementare Typografie

Handwerk des Ausgleichens

65

Elementare Typografie

Handwerk des Ausgleichens

66

Elementare Typografie

Handwerk des Ausgleichens

67

Elementare Typografie

Handwerk des Ausgleichens

68

Elementare Typografie

Zeichenabstnde Ausgleichen

The old lady Mr. John Kim DER FALL VON

The old lady Mr. John JohnKim Kim DER FALL VON VON

The old

Mr. Joh

DER FA

Beim Nachmessen ist der Wortabstand zwischen "The old" und "old lady" gleich. Durch die Rundungen wirkt es optisch jedoch etwas grsser. Bei "Mr. John Kim" entsteht ein Loch zwischen dem r und dem Abkrzungspunkt, hier muss man etwas Weissraum herausnehmen, einen halben Abstand setzen. Auch beim dritten Beispiel handelt es sich um massgleiche Abstnde. Durch das grosse Loch zwischen dem L und dem V muss vor V etwas unterschnitten werden. Rechts jeweils optisch ausgeglichene Abstnde.
70

Elementare Typografie

Zeichenabstnde Ausgleichen

The old lady Mr. John Kim DER FALL VON

The old lady Mr. John Kim DER FALL VON

Beim Nachmessen ist der Wortabstand zwischen "The old" und "old lady" gleich. Durch die Rundungen wirkt es optisch jedoch etwas grsser. Bei "Mr. John Kim" entsteht ein Loch zwischen dem r und dem Abkrzungspunkt, hier muss man etwas Weissraum herausnehmen, einen halben Abstand setzen. Auch beim dritten Beispiel handelt es sich um massgleiche Abstnde. Durch das grosse Loch zwischen dem L und dem V muss vor V etwas unterschnitten werden. Rechts jeweils optisch ausgeglichene Abstnde.
71

Elementare Typografie

Zeichenabstnde Ausgleichen

Da das Schriftbild den lesefluss unterttzen und nicht behindern sollte, drfen keinerlei strende

WORTBILDER

WORTB I LDE R

Stellen den Grauwert des Textes unterbrechen. Der einheitliche Grauwert wird dann beeintrchtigt, wenn es durch besondere Buchstabenkonstellationen zu optischen Lchern oder unerwnschten Verdichtungen im Satzbild kommt. Zu den Zeichen, die

WOLLWAREN WO L LWA R E N BUCHDRUCK B U C H D R U C K TH E O LA D E N TH EO LAD EN

optisch viel freien Raum entstehen lassen, gehren die Versalien A,L,T,V und W, bei den Kleinbuchstaben sind es f,r,v und y. Der freie Raum dieser Buchstaben lsst Lcken im Satz entstehen, die Satzbild und somit den Lesefluss stren. Im nebenstehenden Wort "WORTBILDER" wirken die Buchstaben O und D durch ihre Punzen wie grosse Lcher im Wortbild und man muss die Abstnde erweitern. Bei "WOLLWAREN" sind die Abstnde linear gleich, das O reisst jedoch auch ein Loch und die Abstnde mssen erweitert werden. Zudem ist die Buchstabenfolge "ARE" zu eng gesetzt. Bei "BUCHDRUCK" reissen U und C durch die Punzen ebenfalls Lcher, der Abstand zwischen dem runden C und U lsst jedoch ebenfalls viel Freiraum. Beim Wort "THEO" haben die weissen Flchen eigentlich ein gutes Verhltnis, aber wenn man die Augen zukneift verbinden sich T und H. Vor und nach dem T muss man immer etwas mehr Abstand geben. Beim Wort "LADEN", das an sich flchenmig gut ausgeglichen ist, verbinden sich bei Zusammenkneifen der Augen die Buchtaben L und A wie zu einer Ligatur.
72

Elementare Typografie

Gezieltes Sperren und Unterschneiden


Extreme Vernderungen in der Laufweite knnen, wenn sie berlegt angewendet werden, Aufmerksamkeit und Spannung erzeugen. Kurze berschriften, die in grossen Schriftgraden gesetzt werden, wirken durch Verringerung des Zeichenabstands kompakter und ausdrucksvoller. Durch geeignetes Erweitern der Buchstabenabstnde kann ein offenerer, grosszgiger Eindruck erreicht werden.

OPEN YOUR MIND


73

Elementare Typografie

Interpunktionen
Interpunktionen sind Schriftkonventionen, die wenn bewusst gebrochen werden knnen. Sie sind der Ordner des Geschriebenen und verstrken den Sinn der Sprache
1. Der Beistrich (Komma) wird dicht ans Wort gesetzt, danach ein normaler Wortabstand 2. Der Punkt. 3 Arten: Der Satzschliessende, der abkrzende (Dr.) und der Gliederungspunkt (12.50). Nach dem Abkrz. die Hlfte eines Wortzwischenraum. Diese 4 Zeichen werden nicht dicht sondern mit kleinem Abstand ans Wort gesetzt. 3. Strichpunkt (das Semikolon) 4. Doppelpunkt (das Kolon) 5. Das Ausrufezeichen 6. Das Fragezeichen 7. Auslassungspunkte 8. Auslassungszeichen (der Apostroph) 9. Der Bindestrich (das Divis) 10. Der Gedankenstrich = 1/2 Geviert lang, wird mit normalem Wortabstand gesetzt 11. Der Geviertstrich = 1 Geviert lang 12. Franzsiche Anfhrungszeichen (Guillements) 13. Gnsefsschen. In D, A, CH unten und oben gesetzt, im angelschsichen raum nur oben. 14. Der Schrgstrich wird ohne Abstand gesetzt, die Flche davor/danach muss ausgeglichen werden. 15. Die runde Klammer (Parenthese) setzt man direkt ans Wort, die Flchen gleicht man etwas aus 16. Die eckige Klammer
74

(o

t)

Elementare Typografie

Aufgabe 1
Ausgleichen Ihres Namens und Indesign Trial installieren Format A4 quer (297x210) Suchen Sie sich eine Groteskschrift aus Setzen sie Ihren Namen in Versalien Schriftgrad mindestens 40pt, schwarze Druckfarbe Kriterien: Lesbarkeit/Detailarbeit und Qualitt des Ausgleichens kurze Begrndung der Korrekturen Abgabe als A4 Ausdruck in der nchsten Veranstaltung

75

Elementare Typografie

Indesign Installieren
Download der Testversion unter http://www.adobe.com/de/downloads/

76

Elementare Typografie

Literatur
Ruedi Regg, Typografische Grundlagen: Gestaltung mit Schrift. ABC-Verlag 1981 Josef Mller-Brockmann, Rastersysteme fr die visuelle Gestaltung. Niggli 1981 Hans Rudolf Bosshard, Typografie Schrift Lesbarkeit. Niggli 1996 Cyrus Dominik Khazaeli, Crashkurs Typo und Layout. Rowohlt Taschenbuch 2005

77