03a Typographie001

Mediengestaltung
Grundlagen der Typographie I
Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie /21

1 /43
Drei Zeichensysteme der Grafik
Sprache als Schrift

sequentiell, linear, kogni-
Schrift Zahlen
tiv, interpretationsoffen
Sprache Zahlen,
Bilder
Symbole Formeln,
unmittelbar, emotional, Schrift Zeichen- Zeichen
unreflektiert, interpretati- systeme
onsoffen
Zahlen
abstrakt, kognitiv, defi-
Bild
nierte Bedeutung Bild/Realbild/Symbol
Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 2 /43

Zeichen und Schrift I
Bildzeichen (Beispiele) Schriftzeichen
1 Höhlenmalerei (Eiszeit) Alphabete, Buchstaben,
Sonder- und Satzzeichen
2 Hieroglyphen (Ägypten)
Zeichensätze
3 Botenstab (Australien)
alle Zeichen eines Zei-
chensatzes, auch Sym-
bolzeichensätze (Wing-
dings u.a.)
Lettern
Buchstaben

Zeichen und Schrift II
Form des einzelnen Zeichens
Form, Art, Größe, Farbe wird
Typographie
Century Old Style
durch die Schriftfamilie bestimmt
Vom Zeichen zum Wort Typ und Type
Form, Zeichenabstand, Laufwei- Lithos Pro (nur Versalien)
te, Zierstriche
Schriftauszeichnung wieder mal typisch
Giddyup
Strichstärke, Neigung, Schmuck-
elemente, Ligaturen
dein/mein „Typ“
Trajan Pro (nur Versalien, Kapitalis)

Zeichen und Schrift II
Form des einzelnen Zeichens
Form, Art, Größe, Farbe wird durch die
Schriftfamilie bestimmt ... und vom Hersteller

Zeichen und Schrift IV
Wortzwischenräume „Körper und Stimme
vom Wort zu Satz und Zeile, Les- leiht die Schrift dem
barkeit und Grauwert
stummen Gedanken,
Zeilenabstände
Augenführung, Zeilensprünge,
durch die Jahrhun-
Durchschuss, Schriftbild derte Strom trägt ihn
Absatzausrichtung und -anordnung das redende Blatt.“
Bezugslinien, Flatter- contra Friedrich Schiller (Caslon BT)
Blocksatz; Haupttext versus Mar-

ginalspalten

Die Schrift
Das Bild eines einzelnen Zei-

chens wird bestimmt von der Bild der
Schriftart (Adobe Caslon Pro),
der Schriftfamilie (Antiqua)
Schrift
und dem Schriftschnitt (regu-
lar) mit den jeweiligen Charak- Bild der
teristika (Strich-) Stärke, Brei-
te (Laufweite) und Schriftlage
Schrift
(book oder italic/kursiv).

Die Letter: Fachbegriffe
Kegelhöhe
Bleikegel,
nicht druckend
Schriftlinie
Basis der Lettern
Unterlänge
Beachte:
– kleines „l“
– kleines „g“

Oberlänge
Grundlinie
Unterlänge
Versalhöhe
Kegelgröße
x-Höhe (Schriftgröße)
Unterlänge


ABRA KADABRA T Versalien, Majuskel
ABRA KADABRA T
Sabon und Univers
alldieweil der olle gyf Gemeine, Minuskel

alldieweil der alte g
Sabon und Univers
Abra kadabra tyf Kapitälchen

Abra kadabra tyf
Caslon und Trajan Pro

Schrift: Schriftschnitte und Laufweite I
Laufweite: Univers 24pt 39 Thin Ultra Condensed
Laufweite: Univers 24pt 47 light Condensed
Laufweite: Univers 24pt 47 Light Condensed Oblique
Laufweite: Univers 24pt 57 Condensed
Laufweite: Univers 24pt 57 Condensed Oblique
Laufweite: Univers 24pt 67 Bold Condensed
Laufweite: Univers 24pt 67 Bold Condensed Oblique
Laufweite: Univers 24pt 45 Light Condensed
Laufweite: Univers 24pt 45 Light Oblique Condensed

Schrift: Schriftschnitte und Laufweite II
Laufweite: Univers 24pt 55 Roman
Laufweite: Univers 24pt 55 Roman Oblique
Laufweite: Univers 24pt 65 Bold
Laufweite: Univers 24pt 65 Bold Oblique
Laufweite: Univers 24pt 75 Black
Laufweite: Univers 24pt 85 Extra Black
Laufweite: Univers 24pt 85 Extra Black Oblique
Laufweite: Univers 24pt 53 Extended
Laufweite: Univers 24pt 53 Extended Oblique
Laufweite: Univers 24pt 63 Bold Extended
Laufweite: Univers 24pt 63 Bold Extended Oblique

Schrift: Schriftschnitte und Laufweite III
Laufweite: Univers 24pt 39 Thin Ultra Condensed Laufweite: Univers 24pt 55 Roman
Laufweite: Univers 24pt 49 Thin Ultra Condensed Laufweite: Univers 24pt 55 Roman Oblique
Laufweite: Univers 24pt 59 Thin Ultra Condensed Laufweite: Univers 24pt 65 Bold
Laufweite: Univers 24pt 47 light Condensed Laufweite: Univers 24pt 65 Bold Oblique
Laufweite: Univers 24pt 47 Light Condensed Oblique Laufweite: Univers 24pt 75 Black
Laufweite: Univers 24pt 57 Condensed Laufweite: Univers 24pt 85 Extra Black
Laufweite: Univers 24pt 57 Condensed Oblique
Laufweite: Univers 24pt 85 Extra Black Oblique
Laufweite: Univers 24pt 53 Extended
Laufweite: Univers 24pt 67 Bold Condensed
Laufweite: Univers 24pt 53 Extended Oblique
Laufweite: Univers 24pt 67 Bold Condensed Oblique
Laufweite: Univers 24pt 63 Bold Extended
Laufweite: Univers 24pt 45 Light Condensed Laufweite: Univers 24pt 63 Bold Extended Oblique
Laufweite: Univers 24pt 45 Light Oblique
Laufweite: Univers 24pt 73 Black Extended

Laufweite: Univers 24pt 73 Black Extended
Laufweite:
Univers 24pt 93 Black Extended
Laufweite:
Univers 24pt 93 Black Extended Oblique

Schrift: Serifen, Semi-Serif, Sans Serif
AHGF ITC New Bakerville
AHGF ITC Caslon No. 224 BT
AHGF Adobe Garamond Pro

AHGF Agfa Rotis Serif
AHGF Agfa Rotis Semi Serif
AHGF Agfa Rotis Sans Serif

AHGF Courier, serifenbetont
AHGF Bernhard Modern, Script
AHGF Century Gothic

AHGF Frutiger (LT)
AHGF Futura (book)
AHGF Serpentine (LT)

Klang der Schrift mit Serifen,

kompress gesetzt... Agfa Rotis Serif
Klang der Schrift mit halben

Serifen, kompress gesetzt... Agfa Rotis Semi Serif
Klang der Schrift ohne Serifen,

kompress gesetzt... Agfa Rotis Sans Serif

Schrift: Serifen, Semi-Serif, Sans Serif, serifenbetont
MITG MITG
?
Times New Roman PS MT Rockwell Regular
MITG
Garamond
MITG
Frutiger (east european)
MITG
Adobe Jenson Pro
MITG
Adobe Myungo Std

Schrift: ... oder was ...
Schriftart
Schriften mit Serifen, Schriften ohne Serifen, Schreibschriften, gebrochene Schriften
Serifenschriften Sans-Serif-Schriften, Script(en), Fraktur
Schriftfamilie
(Serifen) (Sans Serif) (Script) (Fraktur)
Garamond, Times, Univers, Frutiger, Futura, Zapf Chancery, Script Schwabacher, Franklin
Caslon, Bookman ... Helvetica, Gill Sans ... und Scriptura ... Gothic ...
Schriftschnitt
Strichstärke Schriftbreite Schriftlage
Schriftgrad (Größe)
Konsultation Lesegrößen keine Überschriften große Überschriften
Schrifttype
Schriftzeichen (a,b,c,d)

Schriftenklassifikation (DIN 16 518)
I Venezianische Renaissance-Antiqua
Type
• Minuskelschrift des 15. Jh
• mit der Breitfeder geschrieben
• geringe Varianz der Strichdicken
• Querstrich beim „e“ schräg
•
•
•
senkrechte Rundungsachse (o)
Serifen konkav
zum Schaft hin gerundete Übergänge
agno
• bei Kleinbuchstaben schräg angesetzt
z.B. Stempel Schneidler, Janson Text Stempel Schneidler

II Französische Renaissance-Antiqua
Type
• franz. Schriften des 16. Jh
• deutliche Varianz der Strichdicken
• Querstrich beim „e“ gerade
agno
• senkrechte Rundungsachse (o)
• Serifen zum Schaft hin gekehlt
• Ansätze der Endstriche der Minuskel schräg
• Punze (Auge) beim „e“ und „Bauch“ beim
„a“ sehr klein
z.B. Garamond, Caslon, Bembo, Goudy Caslon

Mediäval

III Barock-Antiqua
Type
• Schriften aus dem 18. Jh
• noch deutliche Varianz der Strichstärken
• deutlicher Kontrast zwischen Haupt- und
agno
Haarstrichen
• senkrechte Rundungsachse (o)
• Übergang zwischen Renaissance und Klas-
sizismus, zeigt Merkmale beider Gruppen
• Punze beim „e“ gerade
z.B. Erhardt, Concorde, Baskerville Baskerville

VI Klassizistische Antiqua
Type
• Schriften Ende 18./ Beginn 19. Jh
• ruhige, fast statische Anmutung
• Serifen ohne oder mit nur geringer Kehlung
und i.d.R. zierlich
• Ansätze und Endungen waagrecht, bei Kur-
siven gerundet
• deutlicher Kontrast zwischen Haar- und
Grundstrich
agno
• Punze beim „e“ gerade, kursiv geneigt
z.B. Walbaum, Bauer Bodoni, Bookman Bauer Bodoni

V Serifenbetonte Linear Antiqua
Type
! Schriften der Gruppe V - XI: Formmerkmale statt Epochen
• sehr deutliche, große Serifen

• Serifen wahlweise mit oder ohne Kehlung
• Ansätze und Endungen meist waagrecht
• Serifen haben oft gleiche Strichstärke wie
der Grundstrich
• breit laufend
agno
z.B. Egyptian, Excelsior, Clarendon, Rockwell Egyptian

VI Serifenlose Linear-Antiqua
Type
• Grotesk/ Sans-Serif-Schriften
• meist gleichmäßiger Strich
• kaum/kein Kontrast zwischen Grundstrich
und Haarlinien
agno
• zum Teil stark geometrisch, aus den Grund-
formen konstruiert (Quadrat, Kreis, Dreieck)
• z.T stark technische Anmutung
z.B. Helvetica, Univers, Futura, Gill Sans, Futura

Frutiger

VII Antiqua-Varianten
Type
• Sammlung aller Antiqua-Varianten, die sich
nicht eindeutig in die Gruppen I - V zuord-
nen lassen
• oft Zierschriften wie die Böcklin (Jugendstil-
adaption) oder die Peignot als Referenz an
die 20er-Jahre
agno
z.B. Arnold Böcklin, Insignia, Peignot Peignot

VIII Schreibschriften
Type
• Druckschriften, die Handschriften nachemp-
funden sind
• oft deutliche Zierschriften mit dem Namen
„script“ im Schriftnamen
• werden i.d.R. als Schmuckschriften einge-
setzt, nicht als „Brotschriften“
agno
z.B. Freestyle Script, Künstlerscript, Zapf Chancery
Zapf Chancery

VIIII Handschriftliche Antiqua
• Druckschriften, die in Anlehnung an die Anti-
qua entwickelt werden
• modifiziert in Richtung einer handschriftli-
chen Ausprägung
Type
agno
• sehr individuelle Formen, Assoziationen zu
Feder und Gänsekiel erwünscht
• z. Z. „Boom“ solcher Schriftvarianten
z. B. Ondine, Time Script, Reporter Ondine

X Gebrochene Schriften
Type
• Frakturschriften
• „Deutsche Schriften“
• abgleitet aus gotischen Schriften
a) gotisch
agno
b) rundgotisch
c) Fraktur
d) Fraktur-Varianten
z. B. Frakturschriften, Schwabacher, Klingspor Fette Fraktur

XI Fremde Schriften
• nicht lateinische Schriften
• japanische, chinesische, indische, arabische
Schriftzeichen und Schriften
• hebräische Schriftzeichen
• Hieroglyphen
--> ohne Beispiel

Laufweite und elektronische Neigung
Hamburgefont Adobe Jenson Pro 24/36pt, 50%
Hamburgefont Adobe Jenson Pro 24/36pt, 100%, 10% geneigt

Hamburgefont Adobe Jenson Pro 24/36pt, 100%, 25% geneigt

Zeilenabstand
Es ist so einfach, aus einem Es ist so einfach, aus einem Es ist so einfach, aus einem
Menschen einen Techniker zu Menschen einen Techniker
machen: geregeltes Denken, Menschen einen Techniker
genormte Phantasie. Es ist so zu machen: geregeltes Den- zu machen: geregeltes Den-
schwer, aus einem Techniker ken, genormte Phantasie.
wieder einen Menschen zu ma- ken, genormte Phantasie.
chen mit Verantwortung für Es ist so schwer, aus einem
sein Tun und mehr als nur tech- Techniker wieder einen Men- Es ist so schwer, aus einem
nischer Begeisterung für das
Machbare, das Plan-, das Kon- schen zu machen mit Ver- Techniker wieder einen
struierbare. antwortung für sein Tun und
Sabon 18/12pt (-50%) Menschen zu machen mit
mehr als nur technischer Be-
Schriftzeilen laufen ineinander, geisterung für das Machbare, Verantwortung für sein Tun
kaum noch lesbar und mehr als nur techni-
das Plan-, das Konstruierba-
re. scher Begeisterung für das
Sabon 18/18pt kompress Machbare, das Plan-, das
(Schriftgröße=Zeilenabstand) Konstruierbare.
- zu eng für gute Lesbarkeit
Sabon 18/22pt
(Standard 21,6pt, ca. 125%)

Zeilenabstand
Es ist so einfach, aus einem Men- Es ist so einfach, aus einem Menschen einen
schen einen Techniker zu machen: Techniker zu machen: geregeltes Denken,
geregeltes Denken, genormte Phan-
genormte Phantasie. Es ist so schwer, aus
tasie. Es ist so schwer, aus einem
Techniker wieder einen Menschen einem Techniker wieder einen Menschen
zu machen mit Verantwortung für zu machen mit Verantwortung für sein Tun
sein Tun und mehr als nur techni-
und mehr als nur technischer Begeisterung
scher Begeisterung für das Machba-
re, das Plan-, das Konstruierbare. für das Machbare, das Plan-, das Konstru-
Sabon 18/27pt (150%) ierbare. Sabon 18/36pt (200%)

Ausrichtung
Menschen einen Techniker Menschen einen Techniker Menschen einen Techniker
zu machen: geregeltes Den- zu machen: geregeltes Den- zu machen: geregeltes Den-
ken, genormte Phantasie. ken, genormte Phantasie. ken, genormte Phantasie.
Es ist so schwer, aus einem Es ist so schwer, aus einem Es ist so schwer, aus einem
Techniker wieder einen Techniker wieder einen Techniker wieder einen
Menschen zu machen mit Menschen zu machen mit Menschen zu machen mit
Verantwortung für sein Tun Verantwortung für sein Tun Verantwortung für sein Tun
und mehr als nur techni- und mehr als nur techni- und mehr als nur techni-
scher Begeisterung für das scher Begeisterung für das scher Begeisterung für das
Machbare, das Plan-, das Machbare, das Plan-, das Machbare, das Plan-, das
Konstruierbare. Konstruierbare. Konstruierbare.
Sabon 18/22pt Sabon 18/22pt Sabon 18/22pt

(Standard 21,6pt, ca. 125%) (Standard 21,6pt, ca. 125%) (Standard 21,6pt, ca. 125%)
Linksbündig Zentriert rechtsbündig

Ausrichtung
Menschen einen Techniker zu Menschen einen Techniker zu Menschen einen Techniker
machen: geregeltes Denken, machen: geregeltes Denken, zu machen: geregeltes Den-
genormte Phantasie. Es ist so genormte Phantasie. Es ist so ken, genormte Phantasie. Es
schwer, aus einem Techniker schwer, aus einem Techniker ist so schwer, aus einem Tech-
wieder einen Menschen zu wieder einen Menschen zu niker wieder einen Menschen
machen mit Verantwortung machen mit Verantwortung zu machen mit Verantwor-
für sein Tun und mehr als für sein Tun und mehr als tung für sein Tun und mehr
nur technischer Begeisterung nur technischer Begeisterung als nur technischer Begeiste-
für das Machbare, das Plan-, für das Machbare, das Plan-, rung für das Machbare, das
das Konstruierbare. das Konstruierbare. Plan-, das Konstruierbare.
Sabon 18/22pt Sabon 18/22pt Sabon 18/22pt

(Standard 21,6pt, ca. 125%) (Standard 21,6pt, ca. 125%) (Standard 21,6pt, ca. 125%)
Blocksatz, linksbündig Blocksatz, zentriert Blocksatz, erzwungen (auch
letzte Zeile)

Schriftauszeichnung
Es ist so einfach, aus einem Menschen einen Es ist so einfach, aus einem Menschen
Techniker zu machen: geregeltes Denken, ge- einen Techniker zu machen: GEREGELTE
normte Phantasie. (kursiv, Sabon) PHANTASIE. Kapitälchen in x-Höhe)
Es ist so einfach, aus einem Men-

Es ist so einfach, aus einem Menschen einen schen einen Techniker zu machen:
Techniker zu machen: geregeltes Denken, ge- g e r e g e l t e s Denken. (Sperren)
normte Phantasie. (fett; Times LT)
Es ist so einfach, aus einem Menschen
einen Techniker zu machen: geregeltes
Es ist so einfach, aus einem Menschen einen
Denken, genormte Phantasie. ((Wechsel
Techniker zu machen: GEREGELTE PHAN-
der Schriftart)
TASIE. Versalien (Majuskel, Baskerville)
Es ist so einfach, aus einem Menschen

Es ist so einfach, aus einem Menschen einen einen Techniker zu machen: geregeltes
Techniker zu machen: GEREGELTE PHANTA- Denken, genormte Phantasie. ((Wechsel
SIE. Versalien (15% kleiner gesetzt)
der Schriftart, kleiner)

Schriftauszeichnung
Dont‘s: Über-/Unter-/Durchstreichen
Es ist so einfach, aus einem Menschen einen

Techniker zu machen: geregeltes Denken, ge-
normte Phantasie. (kursiv, Sabon)

vON DER Letter zum Wort zur zEILE ZUm aBSAtz zur Seite
Letter: a b c d e f g h i j k l m n o p q r s t u v w x y z
Am Anfang war das Wort. Und keiner weiß, welches.
Das Wort aus Lettern baut sich auf aus Klang und Bedeutung.
Das Wort ist das gesprochene Wort und sucht - und
findet - erst später eine Entsprechung in Zeichen und
Schrift.
Am Anfang war der Blick, die Geste, dann das Geräusch (Schnauben,
Niesen, was weiß ich), dann der Kontakt (körperlich). Und erfreuli-
cherweise schon schnell das Bedürfnis, Zeugnis abzulegen in Form
von Skizze, Zeichnung und Symbol, lange vor der Letter.

Und?
Hinschauen.
LESEN.
Mediengestaltung: Typographie I
Ihre Aufgabe:
suchen
sammeln
sortieren
vergleichen
eof.part one

03a Typographie001

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

03a Typographie001

Hochgeladen von

Copyright:

Verfügbare Formate

Mediengestaltung

Grundlagen der Typographie I

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie /21

Sprache als Schrift

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 2 /43

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 3 /43

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 4 /43

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 5 /43

Blocksatz; Haupttext versus Mar-

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 6 /43

Das Bild eines einzelnen Zei-

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 7 /43

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 9 /43

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 10 /43

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 11 /43

ABRA KADABRA T Versalien, Majuskel

alldieweil der olle gyf Gemeine, Minuskel

Abra kadabra tyf Kapitälchen

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 12 /43

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 13 /43

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 14 /43

Laufweite: Univers 24pt 73 Black Extended

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 15 /43

AHGF ITC New Bakerville

AHGF ITC Caslon No. 224 BT

AHGF Adobe Garamond Pro

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 16 /43

AHGF Agfa Rotis Serif

AHGF Agfa Rotis Semi Serif

AHGF Agfa Rotis Sans Serif

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 17 /43

AHGF Courier, serifenbetont

AHGF Bernhard Modern, Script

AHGF Century Gothic

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 18 /43

AHGF Frutiger (LT)

AHGF Futura (book)

AHGF Serpentine (LT)

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 19 /43

Klang der Schrift mit Serifen,

Klang der Schrift mit halben

Klang der Schrift ohne Serifen,

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 20 /43

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 21 /43

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 22 /43

z.B. Stempel Schneidler, Janson Text Stempel Schneidler

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 23 /43

z.B. Garamond, Caslon, Bembo, Goudy Caslon

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 24 /43

z.B. Erhardt, Concorde, Baskerville Baskerville

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 25 /43

z.B. Walbaum, Bauer Bodoni, Bookman Bauer Bodoni

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 26 /43

• sehr deutliche, große Serifen

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 27 /43

z.B. Helvetica, Univers, Futura, Gill Sans, Futura

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 28 /43

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 29 /43

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 30 /43

z. B. Ondine, Time Script, Reporter Ondine

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 31 /43

z. B. Frakturschriften, Schwabacher, Klingspor Fette Fraktur

Prof. M.A. Ralf Lankau Mediengestaltung: Grundlagen der Typographie 32 /43