28.02.2014 Aufrufe

:typografie

:typografie

:typografie

MEHR ANZEIGEN
WENIGER ANZEIGEN

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.

PS: Information und Medien SoSe 2004<br />

:<strong>typografie</strong><br />

<br />

Hakan Özbölük – hakan.ozblk@t-online.de


:<strong>typografie</strong><br />

Begriffserklärung<br />

Typografie<br />

griechisch<br />

„typos“ – Schlag, Abdruck, Figur<br />

„graphein“ – malen, schreiben, ritzen<br />


:<strong>typografie</strong><br />

Typografie?<br />


:<strong>typografie</strong><br />

Typografie?<br />


:<strong>typografie</strong><br />

Typografie?<br />


:<strong>typografie</strong><br />

Typografieverständnis (Klassisch)<br />

Typografie ist:<br />

• im engeren Sinn<br />

die Gliederung, Stukturierung und<br />

lesefreundliche Präsentation von Dokumenten<br />

zur Informationsvermittlung<br />

• im weiteren Sinn<br />

die ästhetische und konzeptionelle Gestaltung<br />

und das Aufteilen eines Dokumentes mit Hilfe von<br />

Gestaltungselementen (Bild, Linie, Farbe, „Weißräume“)<br />

• Typografie ist nicht Selbstzweck und<br />

dem Inhalt nicht übergeordnet<br />

• DIE Typografie gibt es nicht<br />


:<strong>typografie</strong><br />

Seit wann gibt es Schrift?<br />

ca. 15.000 v. Chr. – 3.000 v. Chr<br />

• Bildzeichen<br />

• Piktografie (primitive Bilderschrift)<br />


:<strong>typografie</strong><br />

Hieroglyphen<br />

Ägypten, 3.400 v. Chr.<br />

„hieraticos“ - heilig<br />


:<strong>typografie</strong><br />

Phönizische Schrift<br />

1.200 v. Chr.<br />

<br />

• Verbreitung des Alt-Semitischen durch<br />

Handel und Seefahrten (Konsonantenschrift)


:<strong>typografie</strong><br />

Griechische Schrift<br />

9. Jh. v. Chr<br />

• Beschränkung des Zeichenvorrats auf 24 Buchstaben<br />

• Einführung von Vokalen<br />

• Bestimmung der Schreib/Leserichtung<br />

• Basis unseres heutigen Alphabets<br />


:<strong>typografie</strong><br />

Capitalis Monumentalis<br />

2. Jh. v. Chr – 4. Jh. n. Chr<br />

<br />

• Übernahme und Verbesserung des griechischen Alphabets<br />

• Schrift mit Hammer und Meißel<br />

• Verwendung von Serifen<br />

• Einführung der Interpunktion zur Gliederung von Sinnabschnitten


:<strong>typografie</strong><br />

Capitalis rustica<br />

1. – 5. Jh. n. Chr.<br />

„rustica“ - bäurisch, bäuerlich<br />

• Abweichung von der bisher verwendeten<br />

quadratischen Form<br />


:<strong>typografie</strong><br />

Unziale<br />

3. Jh. – 9. Jh. n. Chr.<br />

„uncia“ - ein zwölftel (Fuß)<br />


:<strong>typografie</strong><br />

Capitalis quadrata<br />

4. Jh. – 6. Jh. n. Chr.<br />


:<strong>typografie</strong><br />

Römische Majuskelkursiv<br />

1. Jh. v. Chr. – 3. Jh. n. Chr.<br />

• Entwicklung als „Verkehrsschrift“<br />

(Schnellschrift) auf Wachstafeln<br />


:<strong>typografie</strong><br />

Römische Minuskelkursiv<br />

3. Jh. – 7. Jh. n. Chr.<br />


:<strong>typografie</strong><br />

Halbunziale<br />

3. Jh. – 7. Jh. n. Chr.<br />


:<strong>typografie</strong><br />

Karolingische Minuskel<br />

8. Jh. – 12. Jh. n. Chr.<br />

• Einsatz von festgelegten Groß- und Kleinbuchstaben


:<strong>typografie</strong><br />

Geschichtliche Übersicht I<br />

Griechische Schriften<br />

Capitalis Monumentalis<br />

Capitalis Rustica<br />

Röm. Majuskelkursiv<br />

Capitalis quadrata<br />

Unziale<br />

Röm. Minuskelkursiv<br />

Halbunziale<br />

Karolingische Minuskel<br />

gemeißelt, geritzt<br />

geschrieben<br />

gedruckt<br />


:<strong>typografie</strong><br />

Rundgotische Minuskel (Rotunda)<br />

13. Jh. – 15. Jh. n. Chr.<br />


:<strong>typografie</strong><br />

Rundgotisch (Rotunda - Druck) Italien, 1462<br />


:<strong>typografie</strong><br />

Gotische Minuskel<br />

13. Jh. – 15. Jh. n. Chr.<br />


:<strong>typografie</strong><br />

Gotisch (Textur) - Gutenberg Mainz, 1445<br />

• Erfindung des Buchdrucks mittels beweglicher,<br />

wieder verwendbarer, gegossener Lettern<br />

• Beschleunigung der Informationsübertragung<br />

durch das Druckverfahren<br />

• Erste Form der Satztechnik<br />


:<strong>typografie</strong><br />

Fraktur und Kanzlei<br />

16. Jh. – 18. Jh. n. Chr.<br />


:<strong>typografie</strong><br />

Fraktur Augsburg, 1513<br />


:<strong>typografie</strong><br />

Gotische Kursiv<br />

13. Jh. – 15. Jh. n. Chr.<br />


:<strong>typografie</strong><br />

Schwabacher/Bastarda<br />


:<strong>typografie</strong><br />

Humanistische Minuskel<br />

15. Jh. – 16. Jh. n. Chr.<br />

<br />

• Seinerzeit leicht zu lesende und vor allem<br />

schreibfreundliche buchstabenformen


:<strong>typografie</strong><br />

Geschichtliche Übersicht II<br />

Karolingische Minuskel<br />

Rotunda<br />

Gotische Minuskel<br />

Gotische Kursiv<br />

Rundgotisch, Druck<br />

Gotisch (Textur)<br />

Bastarda<br />

Fraktur und Kanzlei<br />

Schwabacher<br />

Fraktur<br />

Humanistische Minuskel<br />

Gotico Antiqua<br />

gemeißelt, geritzt<br />

geschrieben<br />

gedruckt<br />


:<strong>typografie</strong><br />

Gotico Antiqua Mainz, 1459<br />


:<strong>typografie</strong><br />

Venenzianische Renaissance Antiqua Venedig, 1469<br />


:<strong>typografie</strong><br />

Humanistische Kursiv<br />

15. Jh. – 16. Jh. n. Chr.<br />


:<strong>typografie</strong><br />

Französische Renaissance Antiqua Paris, 1495<br />


:<strong>typografie</strong><br />

Französische Ranaissance Kursiv Venedig, 1501<br />


:<strong>typografie</strong><br />

Geschichtliche Übersicht III<br />

Humanistische Minuskel<br />

Gotico Antiqua<br />

Venez. Renaissance Antiqua<br />

Halbunziale<br />

Franz. Renaissance Antiqua<br />

Franz. Ren. Kursiv<br />

gemeißelt, geritzt<br />

geschrieben<br />

gedruckt<br />


:<strong>typografie</strong><br />

Typografieverständnis (Heute)<br />

• Aussageverstärkung<br />

• Emotionale Ansprache des Lesers/Betrachers<br />

• Ausnutzung der Assoziativwirkung<br />

• Wiedererkennungswert (Corporate Design)<br />

• Unterstützung bzw. Erklärung von Bildbotschaften<br />

(Zeitung, Magazin, Bewegtbildmedien etc.)<br />


:<strong>typografie</strong><br />

Beispiele I<br />

hassliebe<br />

Mode Mode<br />


:<strong>typografie</strong><br />

Beispiele II<br />

Doof<br />

FOOD<br />

Bitte nicht<br />

Lesen!<br />


:<strong>typografie</strong><br />

Anwendung der Typografie<br />

speziell<br />

• Lese<strong>typografie</strong><br />

• Logo- und Signet<strong>typografie</strong><br />

• Werbe<strong>typografie</strong><br />

• Formulargestaltung<br />

• Buchgestaltung<br />

• Web-Typografie<br />

• Typografie als Kunstform<br />


:<strong>typografie</strong><br />

Beispiele III<br />


:<strong>typografie</strong><br />

Beispiele IV<br />


:<strong>typografie</strong><br />

Werkzeuge der Typografie (bis 1984)<br />

• Bleisatz<br />

- Schriftsatz durch Zusammenstellung<br />

beweglicher, in Blei gegossener Lettern<br />

- Begrenzter Schriftarten-, Schriftschnittund<br />

Schriftgrößenvorrat<br />

• Filmfotosatz<br />

- mittels Schablonen, direkte Belichtung von<br />

Schrift auf Filmmaterial<br />

- schnellere Textproduktion mit vergleichbar<br />

hohem Zeichenvorrat inkl. Schriftmodifikation<br />


:<strong>typografie</strong><br />

Werkzeuge der Typografie (Heute)<br />

Computer und Computerprogramme<br />

• Vektorbasierte Programme<br />

- QuarkXPress<br />

- Adobe InDesign<br />

- Adobe Illustrator<br />

- Macromedia Freehand<br />

• Pixelbasierte Programme<br />

- Adobe Photoshop<br />

- Adobe Imageready<br />

- Macromedia Fireworks<br />

• Macromedia Flash<br />


:<strong>typografie</strong><br />

Typografie als Beruf<br />

• Schriftsetzer, Typograf<br />

• Reprohersteller<br />

• Desktop Publisher<br />

• Werbe- und Medienvorlagenhersteller<br />

• Mediengestalter<br />

• Grafik-/Kommunikationsdesigner<br />

• Künstler<br />

• Type Designer<br />


:<strong>typografie</strong><br />

Klassifikation der Schriften I – VI DIN 16 518 (1964)<br />

I<br />

Venezianische Renaissance Antiqua<br />

Iol<br />

II<br />

Französische Renaissance Antiqua<br />

Iol<br />

III<br />

Barock Antiqua<br />

Iol<br />

IV<br />

Klassizistische Antiqua<br />

Iol<br />

V<br />

Serifenbetonte Linearantiqua<br />

Iol<br />

VI<br />

Serifenlose Linearantiqua<br />

Iol<br />


:<strong>typografie</strong><br />

Klassifikation der Schriften VII – XI DIN 16 518 (1964)<br />

VII<br />

Antiquavarianten<br />

Iol<br />

VIII<br />

Schreibschriften<br />

Iol<br />

IX<br />

Handschriftliche Antiqua<br />

Iol<br />

X<br />

Gebrochene Schriften<br />

Iol<br />

XI<br />

Fremde Schriften<br />

(u.a. kyrillisch, hebräisch, etc.)<br />

<br />

<br />

<br />


:<strong>typografie</strong><br />

Vielfalt der Schriften<br />

• Es gibt mehr als 30.000 verschiedene<br />

digitale Schriftarten<br />

• Fast jede Schriftart hat verschiedene Schriftschnitte<br />

(Normal, Kursiv, Fett, Fett-Kursiv etc.)<br />

• Jede Schriftart und jeder Schriftschnitt kann in<br />

jeder Schriftgröße verwendet werden<br />

• Jede Schriftart kann unabhängig von Schriftgröße<br />

zusätzlich in Höhe und Breite beliebig verzerrt oder<br />

verändert werden<br />

• Alle Schriftarten sind (technisch) miteinander kombinierbar<br />


:<strong>typografie</strong><br />

Typografie im Internet<br />

• In den Anfängen des Internet gab es nicht so<br />

viele verwendbare Schriften<br />

Helvetica Times<br />

• Durch hohe Übertragungsraten sind GIF-Bilder,<br />

Banner und Flash als Substitut für typografische<br />

Möglichkeiten einsetzbar geworden.<br />


:<strong>typografie</strong><br />

Emoticons & Co.<br />

Zurück zu Bildzeichen?<br />

:) ;) :(<br />

@<br />


:<strong>typografie</strong><br />

Otl Aicher (1922-1991)<br />

die sprache ist<br />

der schrift voraus<br />

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!