Computergrafik: Typografie und Layout - ETH Zürich

Computergrafik:
Typografie und Layout
Inhalt:
• Geschichtliche Entwicklung der Schrift
• Typografische Begriffe
• Fontformate
• Typografie am Bildschirm
•Satzarten
•Layout von Printmedien
• Gestaltung eines Posters
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Der Begriff Typografie bzw. Typographie stammt aus dem griechischen typos,
was Schlag, Abdruck oder Figur und graphein, was malen, schreiben oder ritzen
bedeutet.
Man unterscheidet zwischen Mikrotypografie und Makrotypografie:
Die Mikrotypografie oder Detailtypografie betrifft die Gestaltung des Satzes
zwischen Buchstaben und Zeichen, Wörtern und Zeilen, d. h. die Schriftgrösse,
die Feinheiten der Zeichen-, Wort- und Zeilenabstände, den Buchstabenbildern,
Trennungen und der Laufweite.
Die Makrotypografie beschäftigt sich mit der Gesamtkonzeption, dem Format,
dem Aufbau, der Gliederung und dem Verhältnis von Schrift zu Bild, der
Schriftwahl und den Auszeichnungen (Hervorheben einzelner Wörter oder
Wortfolgen).
1

Geschichte
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Bis zur Entwicklung geeigneter Druckverfahren wurden Texte mühevoll und
zeitraubend abgeschrieben. Im Früh- und Hochmittelalter lag diese Tätigkeit und
damit der Erhalt und die Weitergabe von Wissen in den Händen der Mönche.
Beschränkte sich das Spektrum zunächst auf Messbücher und andere religiöse
Texte, so kamen im 12. Jahrhundert zunehmend weltliche Texte aus Philosophie,
Mathematik und Astronomie hinzu.
Abb. links: Lateinische Schrifttafel (etwa 60 v. Chr.)
Abb. rechts: Schriftstück aus dem 11. Jahrhundert
2

Bleisatz
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Geschichtliche Entwicklung der Druckschriften:
1440-1450 wurde von Johannes Gutenberg die eigentliche Typografie erfunden.
Mit Hilfe einer Matrize und eines Giessinstrumentes konnte er den gleichen
Buchstaben in Lettermetall mehrmals giessen und damit ganze Schriftblöcke
setzen.
Bleisatz: Einzelbuchstaben werden zu einem Druckstock zusammengesetzt.
Nach dem Abdruck kann der Druckstock wieder in seine Einzelteile zerlegt und
die Lettern neu verwendet werden.
1775 wurde das typografische Punktsystem von F. Didot in Paris entwickelt.
3

Bleisatz
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Handsatz
Bis die manuelle Bleisatztechnik auf der Basis von Gutenbergs Erfindung durch
den maschinellen Satz abgelöst wurde, vergingen über vierhundert Jahre. Die
maschinelle Satzherstellung wiederum hatte, bis auf geringfügige
Modifikationen, über einen Zeitraum von beinahe achtzig Jahren Bestand. Mitte
der 1960er-Jahre begann dann der Wechsel vom heissen zum kalten Satz, d.h. die
Umstellung von Bleisatz auf Fotosatz.
Abb.: Schriftsetzerin im Bundesamt für Landestopografie, etwa 1950
4

Fotosetzmaschine
„Lumitype“
Fotosatz
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Unter Fotosatz wird die fotografische Übertragung (Belichtung) von
Schriftzeichen auf lichtempfindliches Material verstanden. Man benötigt dazu
eine Lichtquelle, eine negative Darstellung aller Schriftzeichen und Fotomaterial
(Film oder Papier). Der Belichtungsvorgang erzeugt ein latentes, das heisst
unsichtbares, seitenverkehrtes Bild. Um dieses Bild sichtbar und haltbar zu
machen, muss es entwickelt, anschliessend fixiert und gewässert werden.
Die Lasertechnologie hat in den letzten Jahren zu einer grossen Umwälzung im
Satzwesen geführt: Einfache Laserdrucker mit für viele Zwecke ausreichenden
Auflösungen (typischerweise 600 dpi) sind relativ kostengünstig erhältlich und
versetzen daher auch kleine Betriebe oder sogar Privatpersonen in die Lage, vom
Schreibtisch aus zu publizieren. Bekannt geworden ist diese Entwicklung unter
dem englischen Begriff Desktop-Publishing (DTP).
Ein grosser Vorteil des DTP ist, dass ein- oder mehrfarbige Texte und Bilder
gemeinsam in einem Datenbestand verarbeitet werden. Dabei können die
Ergebnisse sofort auf dem Bildschirm überprüft werden, der Schrift und
Gestaltungselemente so wiedergibt, wie sie nach dem Druck auch tatsächlich
aussehen (WYSIWYG-Prinzip: What you see is what you get). Mit Hilfe eines
Laserbelichters können die Druckvorlagen anschliessend auf Film oder
neuerdings direkt auf die Druckplatte (Computer to Plate) belichtet werden.
5

Typografische Masse
1 Pica = 12 Points = 4,22 mm
1 Point = 0,3528 mm
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Das in der heutigen Computerprogrammen angewendete typografische
Masssystem basiert auf dem 72. Teil eines Inches. Ein DTP-Punkt entspricht
somit aufgerundet auf vier Stellen 0.3528 Millimeter
6

Serifenschriften („Antiqua“)
„Füsschenschriften“ eignen sich besser für Fliesstext
Serifenlose Schriften („Grotesk“)
eignen sich eher für Titeleien und für den Bildschirm
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Serifenschriften: Schriften mit Füsschen.
Die Serifen (Füsschen) sind die feinen Linien, die einen Buchstabenstrich am
Ende, quer zu seiner Grundrichtung abschliessen. Es wird allgemein
angenommen, dass Serifen die Lesbarkeit eines gedruckten Textes verbessern,
daher werden längere Texte üblicherweise in einer Serifenschrift gedruckt.
Serifenlose Schriften: Schriften ohne Füsschen.
Serifenlose Schriften werden eher für kurze Texte, Überschriften und für den
Bildschirm eingesetzt.
7

Andere Schriftarten
nicht geeignet für (Karten-)beschriftungen
z.B. Gebrochene Schriften:
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Gebrochene Schriften:
Gebrochene Schrift ist eine Sammelbezeichnung für eine Reihe lateinischer
Schriftarten, bei denen die Bögen der Buchstaben ganz oder teilweise gebrochen
sind.
Zum Beispiel die Frakturschrift:
Die Fraktur ist eine gebrochene Schrift, die zur Zeit der Renaissance am Anfang
des 16. Jahrhunderts in Deutschland entstanden ist. Die Fraktur löste in der Mitte
des 16. Jahrhunderts die „Schwabacher“ als meistbenutzte Druckschrift ab und
blieb dies bis zu ihrem zeitweisen Verbot durch den geheimen Schrifterlass des
nationalsozialistischen Regimes 1941.
Gebrochene Schriften sind nicht mehr zeitgemäss und auch schwer lesbar. Daher
sollten diese bei modernen Druckerzeugnissen nicht mehr verwendet werden.
8

Schriftfamilie
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Schriftfamilie: Gruppe formal zusammengehörender Schriften mit demselben
Namen, die in unterschiedliche Schnitte unterteilt ist. Gewöhnlich von einem
einzigen Entwerfer geschaffen.
Ein Schriftschnitt ist eine Schriftversion einer Schriftfamilie. Schriftfamilien
verfügen teilweise über mehrere Schriftschnitte, z.B.:
light (mager),
demi (viertel- bis halbfett)
bold (dreiviertelfett bis fett)
italic (kursiv)
VERSALIEN (Grossbuchstaben)
Kapitälchen (small caps)
Eine gut ausgebaute Schrift heisst, dass sie viele Schnitte enthält.
Abb.: Schriften rechts in der Grafik besitzen wenige Schnitte (schlecht
ausgebaut). Schriften, die oben in der Grafik aufgeführt sind, werden selten
benutzt.
9

Schriftfamilie
Univers: 21 Schriftschnitte
Thesis: 144 Schriftschnitte
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Abb. links: Die Univers von Adrian Frutiger besitzt 21 verschiedene Schnitte.
Abb. rechts: Die Thesis ist mit 144 Schnitten eine überdurchschnittlich gut
ausgebaute Schrift.
10

Schriftschnitte
Variante einer Schrift
Stärken:
Mager, Normal, Halbfett, Fett
Breiten:
Schmal, Normal, Breit, Extrabreit
Lagen:
Stehend, Kursiv, Rückwärts liegend
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
11

Kursiv (engI. Italic)
Grotesk-Schriften schräggestellte
Varianten der Grundform
Antiqua-Schriften eigenständige
Schriftschnitte
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
12

Schriftdifferenzierung
Schriftart (-form):
Arial, Univers, Garamond,...
Schriftgrad (-höhe):
Kegelhöhe (in Punkten)
Schreibform:
Minuskeln, Versalien, Kapitälchen
Schriftfarbe, Schriftverlauf
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Der Schriftgrad beschreibt die Schriftgrösse nach Punkten, dem heutigen gültigen
typografischen Masssystem.
Achtung: Der Schriftgrad orientiert sich an der Kegelgrösse oder auch
Vertikalhöhe der Bleilettern aus den Zeiten des Bleisatzes. Sie berücksichtigt die
Höhe eines Buchstabens mit Oberlänge sowie den nichtdruckenden Teil
unterhalb der Schriftlinie (siehe Abb. rechts).
13

Geviert
Masseinheit: 1 Geviert entspricht der Höhe eines Schriftkegels.
Laufweite
Abstand zwischen den Buchstaben..
Durchschuss
Freier Zwischenraum zwischen zwei Zeilen.
Randausgleich
Zeilenausgleich
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
14

Versalien
Grossbuchstaben
Versalhöhe
Höhe der Grossbuchstaben,
nicht identisch mit Punktgrösse
Gemeine
Kleinbuchstaben
Punzen
Buchstabeninnenraum
Kapitälchen
Grossbuchstaben in der
Höhe der Mittellänge
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
15

Ligaturen
ohne Ligaturen
mit Ligaturen
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Ligaturen sind Buchstabenverbindungen, die zwei oder drei Zeichen zu einem
einzelnen Zeichen zusammenfassen. Ligaturen dienen zur optischen Korrektur
von Buchstabenpaaren (siehe Abb.).
Die Anzahl der Ligaturen ist bei verschiedenen Schriftarten unterschiedlich. Die
Ligaturen werden üblicherweise typografisch gestaltet und bilden nicht nur eine
einfache Verkleinerung der Laufweite (siehe Abb.) sondern vermeiden zudem
optische Lücken, die beim schnellen und angenehmen Lesen stören.
In guten Fonts sind spezielle Ligaturen vorhanden. Die anderen Ligaturen werden
durch entsprechende Positionierung der typografischen Zeichen emuliert
(nachgebildet).
Bei Microsoft-Programmen wie Word hingegen müssen Ligaturen noch als
Sonderzeichen eingefügt werden und verwirren die Rechtschreibprüfung. Das
Emulieren mancher Ligaturen aus mehreren Einzelzeichen gelingt dann gut,
wenn das Schriftdesign des Fonts darauf bereits angepasst ist.
In gewissen Programmen kann man unter dem Mac-Betriebssystem selbst
bestimmen, ob man Ligaturen verwenden möchte oder nicht (siehe Abb. Pull-
Down-Menü).
16

Mediävalziffern
Nicht geeignet für
Kartenbeschriftung
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Mediävalziffern oder Minuskelziffern haben Ober- und Unterlängen wie
Kleinbuchstaben.
17

Schusterjunge
Hurenkind
Alleinstehende Zeile eines Absatzes, die am Anfang / Ende
einer Spalte oder Seite unschön und verwirrend wirkt.
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Als Hurenkind, seltener Hurensohn, wird die letzte Zeile eines Absatzes
bezeichnet, wenn sie zugleich die erste einer neuen Spalte oder Seite ist. Das
Gegenstück zum Hurenkind ist der Schusterjunge, die erste Zeile eines Absatzes
als letzte Zeile einer Spalte oder Seite. Hurenkinder gelten in der Typografie als
schwerer Fehler, da sie die Konturen des Satzspiegels besonders stark
beeinträchtigen.
18

Kerning (Unterschneidung)
Sperren / Spationieren
Buchstaben- oder Zahlenabstände vergrössern
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Kerning (Unterschneiden) ist das Verringern des vorgegebenen Raumes
zwischen zwei oder mehreren Zeichen; siehe Abb. oben.
Spationieren (auch Sperren) ist das Erweitern der vom Schrifthersteller
vorgegebenen Laufweite.
Web-Literatur:
Typografische Fachbegriffe
http://www.agenturtschi.ch/wissen/fachbegriffe/
19

Anführungszeichen
(1) Gänsefüsschen, ehem. Dt. (2) Guillemets
(2) fr, heute angewandt in CH, F, I, Au
(3) Englisch
(4) Angewandt in Deutschland
Akkolade: Geschweifte Klammer, auch
Nasenklammer { }.
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
20

Fontformate
Bitmap:
Rasterschrift, feste Auflösung, geräteabhängig
PostScript:
Seitenbeschreibungssprache von Adobe,
plattformunabhängig, Raster & Vektor
TrueType:
reines Schriftformat
OpenType:
vereint PostScript und TrueType,
plattformunabhängig
Vektor
Bitmap
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Bitmap-Fonts sind Bilder einer Schrift. Sie müssen nicht installiert werden.
Bitmap-Fonts sind Teil des Betriebssystems und werden u.a. für die Darstellung
von Text in Dialogfeldern verwendet. Die Bitmap-Fonts haben eine feste
Auflösung und sind geräteabhängig. Die Fonts haben die Extension .FON.
Benutzer sollten keinen Zugriff auf diese Fonts haben. Beim Betriebssystem
Windows hat man. Beim Ausgeben solcher Schriften gibt es meist pixlige
Schriften, da sie nicht skalierbar sind.
PostScript ist eine Seitenbeschreibungssprache und wurde von Adobe
entwickelt. PostScript kann daher nicht nur Text, sondern auch Grafiken und
eingescannte Bilder wiedergeben. Die Fonts haben die Extension .PS. PostScript
ist eine OutlineSchrift. Dass der Text auch am Bildschirm skalierbar erscheint,
muss bei älteren Windows-Betriebssystemen der Adobe Type Manager (ATM)
installiert sein.
Das später entwickelte True-Type-Format (.TTF) von Microsoft und Apple
vereint die Bildschirm- und Druckerfonts in einer Datei. TrueType ist ein reines
Schriftformat. True Type ist wie PostScript eine skalierbare Outline-Schrift,
einziger Unterschied besteht darin, dass TrueType B-Spline verwendet, im
Gegensatz zu Bézierkurven bei PostScript. Beim Ausdruck müssen True Type-
Schriften in ein PostScript umgewandelt werden, TrueType-Fonts sind zwischen
PC und Mac nicht kompatibel.
Dies ändert sich nun mit dem neusten von Microsoft und Apple entwickelten
Open-Type-Format. Ein Open-Type-Font ist eine einzige Datei und kann ohne
Konvertierung auf Windows- und Macintosh-Beriebssystemen eingesetzt werden.
21

Hints
Optimierung der Schrift für die Bildschirmdarstellung
und niedrig auflösende Ausgabemedien.
ohne
mit
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Hinting ist die Optimierung der Schrift für die Bildschirmdarstellung und niedrig
auflösende Ausgabenmedien. Mit dem Hinting soll erreicht werden, dass typische
Charaktere der Schrift am Bildschirm erhalten bleiben.
22

Bildschirm-Standardschriften
MAC Font
Helvetica
Times
Courier
Symbol
Geneva
Chicago
Zapf Dingbats
Palatino
PC Font
Arial
Times New Roman
Courier New
Symbol
MS Sans Serif
kein Äquivalent
Wing Dings
Book Antiqua
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Bildschirm-Standardschriften
Gut geeignete Schriften für den Bildschirm sind die Standards. Unter Windows
sind es für die Browser geeigneten Schriften Arial und Times, die heute von der
Verdana und Georgia abgelöst werden.
Beim Mac sind es Chicago, Geneva, Monaco, New York und neu Lucida Grande.
Die Schriftwahl am Bildschirm wird eingeschränkt, durch den Umstand, dass die
entsprechende Schrift auch beim Benutzer installiert sein muss.
OpenType (Adobe) und TrueDoc-Schriften (Bitstream) sind fähig, die Fonts
mitzugeben, im HTML einzubetten und vom Browser erkannt zu werden.
Mac-Schriften tragen oft Städtenamen. Dazu gibt es in der PC-Welt vielfach ein
Äquivalent (siehe Abb.)
Quelle:
http://weblab.uni-lueneburg.de/weblab/seminare/webdesign/index.php
23

Schriftgrösse am Bildschirm
MAC (1 Inch = 72 Pixel, 72 dpi)
PC (WYSIWYG, 1 Inch = 1 Inch, 96 dpi)
Beispiel (abhängig von der Auflösung des Monitors):
Mac
1pt = 1 px
Windows 1pt = 1.3 px
Mac
10pt = 10 px
Windows 10pt = 13 px
Vektorschriften am Mac kleiner
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Punkte (Points) sind am Bildschirm bedeutungslos. Punkte sind eine Einheit für
den Druck, nicht für den Bildschirm. Um Punkte auf dem Bildschirm darstellen
zu können, müssen sie in Pixel umgerechnet werden. Dies geschieht anhand der
ppi Zahl (Pixel Pro Zoll*). Diese Zahl kann sehr unterschiedlich sein. Der
Unterschied ist grösser, je geringer die Auflösung des Monitors ist.
Der PC arbeitet mit dem WYSIWYG-Prinzip**, d.h. ein Inch soll auf dem
Bildschirm tatsächlich als Inch dargestellt werden. Bei der üblichen Verwendung
von 800 x 600 Pixeln auf einem 15"-Monitor folgt, dass Windows ein Inch als 96
Pixel darstellt.
Mac-Rechner dagegen versuchen eine direkte Korrelation zwischen Pixelhöhe
und Punktgrösse der Schrift herzustellen. Daher hat ein Inch auf dem Mac nur 72
Pixel.
Der Effekt ist, dass eine Schrift auf einem Windows-System noch lesbar, auf dem
Macintosh jedoch nicht mehr entzifferbar ist.
* 1 Zoll = 1 Inch (engl.) = 25.4 mm
** WYSIWYG steht für What You See Is What You Get
Quellen:
S. 128 PDF-Bibel, S. 12 TypeDesign, S. 312 Lexikon der Kartografie und
Geomatik, S. 15 Satztechnik und Typografie
24

Text am Bildschirm
• grössere Schriftgrade und Zeilenabstände verwenden.
• nicht mehr als 10 bis 25 Zeilen / Textblock.
• Je kleiner der Schriftgrad, umso kürzer sollten Textblöcke sein
• Zeilenlänge 60 bis 80 Zeichen
• Linksbündiger Flattersatz verwenden
Schriften am Bildschirm
• Serifenschriften meiden, falls doch, dann nicht kleiner als 16p
• Längere Textpassagen mit Kursiv-Schriften (italic) meiden
• Längere Textpassagen mit Fett-Schriften (bold) meiden
• Magere (light), englaufende (condensed) Schriften meiden
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Zur Lesbarkeit von Schriften am Bildschirm
Am Bildschirm sind lange Texte in aller Regel nahezu unlesbar. Dies liegt vor
allem an der geringen Auflösung des Monitors im Vergleich zu einem gedruckten
Dokument und an der mangelnden Qualität der Bildschirme. Daher ist man
häufig dazu übergegangen, lange Texte als PDF-Dokument zur Verfügung zu
stellen, so dass Benutzer sich die Texte unkompliziert ausdrucken können. So
kann man sich auf die Erkenntnisse der Textgestaltung für gedruckte Texte
berufen. Wie aber kann man die Lesbarkeit von Texten, die auf dem Bildschirm
gelesen werden sollen, optimieren?
Unter Lesbarkeit versteht man die Geschwindigkeit, mit der sich das genaue
Aufnehmen des Inhaltes ohne besonderes Ermüden vollzieht. Die wichtigsten
Parameter sind hierbei:
• Schriftgrösse
• Zeilenlänge (60 bis 80 Zeichen)
• Zeilenabstand (in Relation zum Schriftgrad 1 - 1.5)
• Linksbündiger Flattersatz
• Verwendung von speziellen Bildschirmschriftarten wie Verdana oder
Georgia, die auf die Verwendung in einem Pixelraster hin optimiert wurden
• Serifenschriften unter 16 Punkten sollten am Bildschirm vermieden werden
• kursive Schriften werden durch das Verlassen des Pixelrasters zackig und
pixelig dargestellt, was die Lesbarkeit von längeren Textpassagen erschwert.
25

Negativschriften
Zu dünn, Buchstaben
zu nahe beieinander
Erweiterter
Buchstabenabstand, 15%
Schwarzanteil als
Blendhemmer
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Negativschriften sind wesentlich schwerer lesbar und sollten daher immer ca. 10
- 20% grösser sein wie bei einer Positivschrift.
Bildschirmtexte mit Negativschriften eignen sich in der Regel nicht für den
Ausdruck. Sie sind grundsätzlich schwerer lesbar als Positivschrift und führen zu
einem hohen Verbrauch an Tinte und Toner.
26

Antialiasing von Schriften
14 Punkt
60 Punkt
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Unter Antialiasing versteht man das Beseitigen des so genannten Treppeneffekts
der bei der Rasterung einer Form (Linie, Kreis, Schrift u. ä.) entsteht.
Durch Antialiasing wird die scheinbare Punktgrösse des Bildschirms reduziert
und damit ein optisch ansprechenderes Bild erzielt. Antialiasing hat u.a. positive
Auswirkungen auf die Lesbarkeit der Schrift.
Das Antialiasing wirkt sich vor allem bei grösseren Bildschirmschriften positiv
aus (ab 16 bis 20 Punkt je nach Schrift). Bei kleinen Punktgrössen kann das
Schriftbild bei einer Glättung verschwommen wirken (siehe 14 Punkt-Abbildung
oben). Bei der geglätteten 60 Punkt Schrift wird diese nicht mehr als
verschwommen wahrgenommen.
In vielen DTP-Programmen kann ein Antialiasing vorgenommen werden (siehe
Abb. unten).
27

ohne Antialiasing
mit Antialising
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Abb. unten links: Webkarte MapQuest, 2002, Schrift nicht geglättet.
Abb. unten rechts: Institut für Kartografie, ETH Zürich, Schrift geglättet.
28

Wirkung der Schriften
Garamond 3 Italic
Frutiger Italic
Auszeichnen
Wörter im Text hervorheben
Frutiger roman
Poetic Chancery III
Futura
Helvetica Inserat
Neue Helvetica 55
Goudy Italic
Caecilia Roman
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
29

Schriftgestalter
Adrian Frutiger
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Mit Schweizer Typografie bezeichnet man die auf der neuen Typografie
aufbauende Gestaltungsrichtung seit etwa 1955.
Kennzeichnend sind asymmetrische, sachliche Darstellung, serifenlose Schriften
(Grotesk-Schriften) in wenigen Schriftgraden, extreme Weissräume und der
Verzicht auf Schmuckelemente.
Bekannte Typografen die den Schweizer Stil geprägt haben: Max Bill, Adrian
Frutiger, Anton Stankowski, Bruno Pfäffli, Emil Ruder, Armin Hofmann, Josef
Müller-Brockmann.
Adrian Frutigers (siehe Abb.) zwei bekanntesten Schriften sind die serifenlose
Univers und die für den Pariser Flughafen Charles de Gaulles entworfene
Frutiger. Daneben gestaltete Frutiger zahlreiche weitere Schriften, wie die
Avenir, Centennial, Iridium, Meridien und Serifa.
30

Software
Fontographer
Schriftanbieter
Adobe
Linotype
Agfa
Monotype
URW
Fontek
Emigre
...
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Die grössten kommerziellen Schriftanbieter sind oben aufgelistet.
Mit den Programmen Fontlab oder Fontographer können neue Schriften erstellt
oder bestehende Schriften verändert werden.
31

Darstellung von Signaturen
und Flächenmuster mittels Schriften
Hecke
Böschungsschraffen
Signaturen
Verwendung von komplexen Einzelsignaturen oder regelmässigen
Flächenstrukturen als Schrift verkleinert die Dateigrösse
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Signaturen können auch als Font abgelegt werden. Siehe Abbildungen oben.
32

Zeilenabstand
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Schmaler Punzen: Kleiner Buchstabeninnenraum
Breiter Punzen: Grosser Buchstabeninnenraum
Breite Schriften verlangen wegen des breiteren Punzen grössere Zeilenabstände,
aber auch grössere Wortabstände.
Der Zeilenabstand wird von Schriftlinie zu Schriftlinie gemessen und sollte wie
auch die anderen freien Räume eines Textblockes optimal zur Schriftart und
deren Grösse gehalten werden. Bei Punktgrössen von 9 bis 12 gilt dabei die grobe
Regel von 120 Prozent der Schriftgrösse. Grosse Schriften vertragen hingegen
mitunter sogar einen negativen Zeilenabstand. Der Zeilenabstand muss
mindestens so gross sein, dass der Leser bequem den Anfang der nächsten Zeile
findet und nicht versehentlich wieder in die eben schon gelesene Zeile gerät.
Breitere Zeilen erfordern mehr, kürzere weniger Abstand.
33

Satzarten ( )
Flattersatz
Werksatz: Alle in Buchform
erscheinenden Drucksachen
Blocksatz
Spaltensatz
Akzidenzsatz: Gelegenheitsdrucksachen
wie Briefbogen,
Rechnung, Visitenkarte, usw.
Mittelachsensatz
Tabellensatz: Satz mit
Linien, Text und Ziffern
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Blocksatz wirkt neutral und ruhig; die Zeilenlänge sollte aber mindestens
8 Wörter pro Zeile haben, um die Variationsbreite der Wortzwischenräume
erträglich zu halten. Die ideale Zeilenlänge beträgt 60 bis 80 Zeichen. Es sollten
nie weniger als 40 Zeichen (inkl. Leerzeichen) pro Zeile verwendet werden. Im
Webdesign ist Blocksatz ungebräuchlich.
Linksbündiger Flattersatz ist von gleich guter Lesbarkeit wie Blocksatz, wirkt
oft moderner und hilft ausserdem, unnötige Trennungen zu vermeiden. Allerdings
ergibt ein automatisch generierter Flattersatz (Rauhsatz) ohne Verwendung eines
Ästhetikprogramms oder Nachbearbeitung von Hand einen unbefriedigenden
Zeilenfall.
Auf Mittelachse zentrierte grössere Textmengen sind schwer lesbar, da die
Blickbewegungen zum nächsten Zeilenanfang ständig variieren. Das Gleiche gilt
für rechtsbündigen Flattersatz.
Spaltensatz: Spalten sollten durch einen deutlichen Zwischenraum voneinander
getrennt sein, der mindestens so gross wie der Schriftkegel ist. Bei geringerem
Zwischenraum ist eine Trennlinie zu verwenden.
34

Satzspiegel
Der Satzspiegel ist die Breite
und Höhe einer bedruckten
Fläche oder eines Falzteils.
Optische Mitte
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Satzspiegel: Die mit druckenden Elementen bedeckte Fläche einer Seite mit
Ausnahme der Seitenzahl.
Papierformat und Satzspiegel müssen in einem optisch ansprechenden Verhältnis
zueinanderstehen. Zur Festlegung des Satzspiegels gibt es verschiedene Wege.
Die zuverlässigste Methode ist dabei das geschulte Auge. Zwei
gegenüberliegende Seiten sollen optisch als ganzes wirken, d.h. der Bund soll
kleiner sein als die beiden äussern Papierränder. Das Ganze soll in die optische
Mitte der Papierhöhe gestellt werden.
35

Titelei (Buchform)
Vorsatz: Doppelseite am Anfang
und am Schluss eines Buches
Vakat: Leere Seite, gelegentlich
mit Illustration oder Bildnis
des Verfassers (Frontispiz).
Schmutztitel: Titelschutz,
Autor und Inhaltsangabe
Impressum: Copyright, Druckvermerke,
Jahrgang, Verlag, usw.
Widmung (Dedikation): Hier kann
auch das Vorwort stehen
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Titelei (Titelbogen) richtet sich nach dem Umfang des Buches und beträgt
maximal 16 Seiten. Die Reihenfolge ist heute nicht mehr streng festgelegt. Sie
richtet sich vielmehr nach dem Buchinhalt.
Der Vorsatz ist eine Doppelseite am Anfang und am Schluss eines Buches. Je
eine Seite wird auf den Buchdeckel gezogen (geklebt) und bildet so eine
Verbindung zwischen Buchdeckel und Buchblock. Besonders bei Bildbänden
wird das Vorsatzpapier vielfach bedruckt mit einer Illustration oder mit einer
Karte oder Kartenskizze.
36

Layout: Poster
Demo im Vektor-Grafikprogramm Illustrator
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
Mit dem Vektor-Grafikprogramm Illustrator wird gezeigt, wie das Poster
gestaltet werden kann: Die Dateien sind zu finden auf dem Unterrichtsserver:
Aktuelle_Lehrveranstaltungen\Geometrie_Computergrafik\Unterlagen_IKA\Unte
rlagen_Vorlesungsunterlagen\4_Typografie_Layout_Raeber\poster)
Es werden Layouts von Printmedien gezeigt und besprochen:
Facts, Tages-Anzeiger, Neue Zürcher Zeitung, usw.
Dabei wird u.a. auf die Anzahl Spalten, Spaltenbreite, Zeilenabstände,
Schriftarten und Schriftgrössen hingewiesen. Die Anordnung von Bildern samt
Bildlegenden wird ebenfalls besprochen.
37

„Schildbürger“
Schrift elektronisch schräg verzogen
falsch: Oe richtig: Ö
Wieso ist bei 1,85 das
„m“ hochgestellt?
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
38

Flickwerk
Max darf nur 2 Std.
parken...
Was meint man mit dem Wort
„auch“? Hunde oder Autos?
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
39

Vielen Dank
für die Aufmerksamkeit
Institut für Kartografie – «Geometrie und Computergrafik» SS 2007
Teil 2: Typografie und Layout (Stefan Räber)
40