Seminar Screendesign Einführung. Andreas Naurath E 04 S, SoSe 2005 MIE 110, Uhr

Transkript

1 Seminar Screendesign Einführung Andreas Naurath E 04 S, SoSe 2005 MIE 110, Uhr

2 Typographie Griechisch»typos«- Gestalt, Muster Griechisch»graphein«- schreiben

3 Schrifteinteilung (DIN ) Venezianische Renaissance- Antiqua Französische Renaissance- Antiqua Barock-Antiqua Klassizistische Antiqua Serifenbetonte Linearantiqua Serifenlose Linearantiqua Antiquavarianten Schreibschriften Handschriftliche Antiqua Gebrochene Schriften Fremde Schriften

4 Die Renaissance-Antiqua

5 Die Barock-Antiqua

6 Die klassizistische-antiqua

7 Serifenlose Linearantiqua

8 Serifenlose Linearantiqua

9 Serifenlose Linearantiqua

10 Serifenbetonte Linearantiqua

11 Moderne Schriften

12 Typographische Maßeinheiten DTP-Punkt pt 0,352 mm 1/72 Inch Didot-Punkt dd 0,376-0,375 mm Cicero cc 4,512-4,500 mm Millimeter mm 2,85 Pica-Punkte 2,67 Didot-Punkte Inch (Zoll) in 25,4 mm 72 DTP-Punkte

13 Typographie - Regeln Gute Lesbarkeit ist oberstes Gebot Bescheidenheit im Einsatz der Mittel Beschränkung auf wenige Ideen Zu viele Effekte nehmen sich gegenseitig die Wirkung

14 Typographie - Regeln Möglichst wenige Schriftarten verwenden Schrift-Charakter sollte die inhaltliche Aussage unterstützen Hervorhebungen wie fett und kursiv sparsam einsetzen

15 Typographie - Regeln Auf dem Bildschirm serifenlose oder besonders serifenbetonte Schriten verwenden. Beispiel Courier Online-Schriften größer anlegen als im Druck (ca. 2 pt) Zur besseren Lesbarkeit Großund Kleinschreibung verwenden

16 Typographie - Regeln Zeilenlängen mit 8 bis 12 Wörtern Günstiger für das menschliche Wahrnehmungsvermögen Merkfähigkeit 5 bis 9 Informations- Einheiten Kurze Absätze ordnen den Lesefluss bildhaft

17 Welche Schriftgröße wählen? Style (60) Style (48) Style (36) Style (24) Style (16) Style (14) Style (12) Style (10) Style (9) Style (8) Style (7) Style (6)) Schaugrößen z.b. Anzeigen, Buchtitel, Zeitungsüberschriften (1.Seite) Auszeichnungsgrößen z.b. Kapitel- oder Artikelüberschriften, Präsentationsfolien Lesegrößen z.b. Hausarbeiten (12), Zeitungstexte (9) Konsultationsgrößen z.b. Fußnoten und Quellenangaben

18 Welche Schriftgröße wählen? Konsultationsgrößen sind Schriften mit einer Versalhöhe von 1,5 bis 2 mm oder, im alten typographischen Maß-System mit einer Kegelhöhe von 6 bis 8 Punkt; Schriften für Texte, die wir mehr abfragen als intensiv lesen, wie Telefonbücher oder Fernsehprogramme.

19 Welche Schriftgröße wählen? Für das intensive und kontinuierliche Lesen größerer Textmengen, für Bücher, für Zeitungen und Zeitschriften sind die Lesegrößen mit 9 bis 12-Punkt- Kegel-bzw. 2,25 bis 3,25 mm Versalhöhe am besten geeignet. Diese Schriftgrade sind ideal für unser Auge, das im normalen Leseabstand (ca. 35 cm) drei bis vier Millimeter scharf wahrnehmen kann.

20 Welche Schriftgröße wählen? Ab 14 Punkt oder 3,5 mm Versalhöhe beginnen die Schaugrößen, die Schriftgrade für Überschriften und Auszeichnungen; oder für Texte, die auf größere Entfernung gelesen werden, wie Plakate oder Ausstellungstafeln.

21 Computer Schriften Matrixtechnik Bitmaps aus 8x8 oder 8x16 Pixeln

22 Bitmap-Fonts

23 Bitmap-Fonts Pixel-Bilder einzelner Buchstaben Höhere Auflösungen bei Druckern und Bildschirmpixeln führten zu einer detaillierteren Darstellung Schlecht zu vergrößern Entweder Zacken oder Riesige Schriftdateien

24 Outline Fonts

25 Outline Fonts Linien- und Kurvenelemente beschreiben geometrisch die Umrisse eines Zeichens Die Form wird anschließend schwarz gefüllt Praktisch unbegrenzte Skalierbarkeit Aber: Rechenaufwand sehr hoch Handgepixelte Schriften sind teilweise besser als gerechnete Schriften

26 Post-Script Type-1 Outline Font mit exzellenter Ausgabequalität Hints spezielle Informationen im Fonts, die die Ausgabe verbessern Pair-Kerning Abstände zwischen Buchstabenpaaren individuell angepasst Track-Kerning Buchstabenabstände verändern sich je nach Darstellungsgröße

27 Adobe Type Manager Post-Script-Interpreter für die Bildschirmdarstellung Stellt sich zwischen Betriebssystem und Anwenderprogramm Kann auch nicht-postscriptfähige Drucker zum Drucken bewegen

28 TrueType Fonts OutlineFont - Alternative zu Postscript Fonts von Apple und Microsoft Frei skalierbar Liegen den Betriebssystemen bei

29 Open-Type

30 Open-Type Zusammensetzung von True- Type und PS-Type-1 Schriften Auf verschiedenen Systemen einsetzbar ohne Konvertierung Kompakte Datensturktur Informationen und Zeichen für unterschiedliche Sprachen in einer Datei

31 Nützliche Typographie-Links Typolis typolis.htm* Design im Internet fonts.html

32 Nützliche Typographie-Links Fonts identifizieren Hersteller Dokumentationen opentype/ typography/default.asp

33 Fontkonvertierung TrueType TrueType Fonts Windows <-> MacOS Zum Teil unterschiedliche Namen für gleiche Fonts Belegung von Sonderzeichen innerhalb eines Fonts weicht teilweise ab. Konvertierprogramm unter MacOS ermöglicht Transport

34 Fontkonvertierung PostScript Bitmap und Druckerdateien konvertieren Konvertierungstool auf Mac vorhanden ATM - Adobe Type Manager zur richtigen Bildschirmdarstellung erforderlich Windows NT wandelt PS-Fonts nach TrueType!

35 Fontkonvertierung TransType Konvertierungstool: transtype.html