3. Zeichen und Schrift
|
|
|
- Daniela Ziegler
- vor 5 Jahren
- Abrufe
Transkript
1 3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze und Schriften 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Weiterführende Literatur zu 3.1 bis 3.3: Rudolf Paulus Gorbach: Typografie professionell, Galileo Design 2001 Ellen Lupton: thinking with type. Princeton Architectural Press 2004 Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-1
2 Zeichen und Symbole Ein Zeichen ist eine Repräsentation von Information und dient zum Erhalt und zur Übertragung von Information. In diesem Kapitel beschränken wir uns auf bildliche (d.h. durch Bildinformation präsentierte und über das Auge aufgenommene) Zeichen. Ein Symbol ist eine abstrahierte bildliche Repräsentation eines Begriffes oder Sachverhalts. Bilderschrift besteht aus Folgen von Symbolen und ist ein Vorläufer der Buchstabenschrift. Symbole haben nach wie vor Bedeutung, z.b. in der internationalen Verständigung. Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-2
3 Mexikanische Bilderschrift Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-3
4 Buchstabenschriften Von der Bildergeschichte zur systematischen Schrift: ca v. Chr. Kanaanitische und phönizische Buchstabenschriften ca. 900 v. Chr. Direkte Vorläufer der hebräischen Schrift Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-4
5 Mechanische Vervielfältigung von Text Siegelringe, Stempel: Babylonier, Assyrer, Römer,... Holzschnitte und Tafeldruck: in China ca. um 600, in Europa ca. um 1400 Druckerpresse: Johann Gensfleisch zum Gutenberg, 1434 Bewegliche Typen (erst Holz, dann Metallguss): Gutenberg, 1445 (vergessene Erfindung beweglicher Typen aus China: ca. 1040) Wichtige Schöpfer von Schriftarten: Francoise Ambroise Didot ( ) Giambattista Bodoni ( ) Hermann Berthold (1831 ca. 1890) Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-5
6 Moderne Druck- und Satztechniken Mergenthaler 1886: Linotype Automatische Matrizensatzmaschine (Monotype) und Zeilengießmaschine (Linotype) Bis zu Zeichen/Stunde Sennefelder 1799: Lithographie Veränderung der Oberflächeneigenschaften der Druckplatte statt der Oberflächenstruktur (wie im Hoch- und Tiefdruck) Vorläufer des modernen Offsetdrucks Higonnet/Moyroud 1949: Fotosatz Fototechnisches Belichten der Vorlage Skalieren, Zusammenschieben etc. von Zeichen erleichtert Hell 1965: Kathodenstrahlbelichtung und Bitmaptechnik Digitale Vorlage ab 1975: Vektorformate für Zeichensätze PostScript, TrueType etc. Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-6
7 3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze und Schriften 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-7
8 Was passiert beim Lesen? Moderne geübte Leser nehmen Information sehr schnell auf: Leseanfänger buchstabieren Mittelalter: Lesen mit Mundbewegung, Lesetempo = Sprachtempo Heute: Verschiedene Lesegeschwindigkeiten ( Überfliegen ), Wechselbeziehung Inhalt Lesetempo Untersuchungen zur Augenbewegung seit E. Javal (1879): Fixationen (ca. 250 ms) und Sakkaden (Sprünge, ca. 15 ms, 7 9 Zeichen) Fixation: ca. 3 Buchstaben links und 14 Buchstaben rechts Dies Dies ist ist ein ein Beispiel, wie wie Augensprünge beim Lesen verlaufen können. Die Die Kreise deuten die die scharf gesehenen Teile je je Fixation an, an, gestrichelte Linien Vorwärtssprünge, durchgezogene Rücksprünge Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-8
9 Texterkennung Wortüberlegenheitseffekt: In 10 ms werden erkannt:» maximal vier einzelne Buchstaben» zwei ganze Wörter Wörter werden als Bilder gespeichert und dann identifiziert Verständnis im Leseprozess integriert: Vorwissen ermöglicht schnelleres Lesen (kurze Fixationszeiten) Typografische und orthografische Fehler verlangsamen Lesetempo Satzabschlusseffekt: Längere Fixation am Satzende Konsequenzen: Typografie (Bilddarstellung der Worte) ist wichtig! Klare Führung für das Auge Optisch deutliche Wortgrenzen und Textstruktur Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-9
10 Lesen auf Papier und Bildschirm Lesen auf Papier: Details besser wahrgenommen Längere Texte gut aufnehmbar Lesen am Bildschirm: Erwartungshaltung: Schnelle Information, also Überfliegen Grundsätzlich anstrengender und weniger effizient Konsequenzen: Text muß für den Bildschirm (z.b. Web) neu konzipiert werden Klare, kurze Sätze, evtl. Stichwortstil Deutliche Struktur (z.b. Aufzählungslisten) Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-10
11 Zeichen, Schriftart und Glyphen Zeichen = Element eines Zeichenvorrats, beschreibbar durch ganze Zahl Schriftart (type face, font) = Bildliche Darstellungen (Glyphen) für alle Zeichen des Zeichenvorrats Beispiel: Zeichen = H = ASCII-Zeichen Nr. 72 Schriftart Times H Schriftart Helvetica H Glyphen hochwertiger Schriftarten berücksichtigen viele Erkenntnisse der Gestaltungslehre. Beispiel: Welches Zeichen ist harmonischer? H (Gesetz der Optischen Mitte) Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-11
12 Zeichensätze ASCII (American Standard Code for Information Interchange) 1963, 7-Bit (d.h. 128 Zeichen mit Codes x00 x7f) (Großbuchstaben x41 x5a, Ziffern x30 x39, Steuerzeichen) ISO-8859 Reihe von 8-Bit-Zeichensätzen (d.h. 256 Zeichen bis xff) In x00 bis x7f identisch mit ASCII ISO (Latin-1): Für westeuropäische Sprachen ISO (Latin-9): Ersatz für Latin-1 (u.a. Euro-Zeichen auf xa4) CP1252 Windows-Zeichensatz, nur teilweise kompatibel mit ISO bzw. -15 (z.b. Euro-Zeichen auf x80) Unicode 16-Bit-Zeichensatz (d.h Zeichen), z.b. A = \u0041 UCS (Universal Character Set, ISO-10646) 64-Bit-Zeichensatz, Zusammenfassung aller bekannten Zeichensätze UTF-8 (Universal Transformation Format) Code variabler Länge, redundanzarme Variante von Unicode Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-12
13 Typografische Maßeinheiten Europa: Didot-Punkte (p, dp) 1/72 des französischen Zolls von p = 1/2666 m = 0,375 mm 12 p = 1 Cicero (cc) USA (und jetzt weltweit): Pica-Punkte (pt) 1/72 inch 1 pt = 25,4444/72 mm = 0,353 mm 12 pt = 1 Pica (pc) (verwirrenderweise früher etwas anderer printer s point in den USA!) EM: Höhe der Glyphe für M ex: Höhe der Glyphe für x Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-13
14 Ein paar Begriffe der Druckersprache Versalie: Gemeine: Kapitälchen: Haarlinie: Geviert, Quad: Serife: Großbuchstabe (Majuskel) Kleinbuchstabe (Minuskel) Statt Kleinbuchstaben GROSSBUCHSTABEN (Höhe 1 ex) Linie der Breite 0,25 p (Didot-Punkt) Quadrat mit Seitenlänge = Schrifthöhe (entsprechend Halbgeviert etc.) Verzierung an der Glyphe, die die Leselinie betont E Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-14
15 Wichtige Maße Überschuss (overshoot) Oberlänge (ascent) x-höhe, Mittellänge Unterlänge Schattenachse, (descent) Schwellstrichachse Versalhöhe Buchstabenbreite (black width) Dickte (advance width) (incl. Vor- und Nachbreite) Schriftgröße = Abstand Oberkante Oberlänge Unterkante Unterlänge Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-15
16 Schriftarten Schriftart Antiqua- Schrift Gebrochene Schrift AINSWORTH Effektschrift mit Serifen (klassische A.) Times ohne Serifen (Grotesk) Helvetica Schreibschrift Edwardian Script Zapfino Feinere Unterscheidung der klassischen Antiqua-Schriften nach DIN z.b. Palatino = Französische Renaissance-Antiqua, Times = Barock-Antiqua Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-16
17 Spezielle Schriften für Bildschirmdarstellung Wim Crouwel, 1967 Times vs. Verdana (24 pt) Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-17
18 Schriftschnitt Schriftschnitt Linienstärke Schriftbreite Schriftlage mager fett schmal breit normal kursiv Weitere Schnitte im professionellen Satz, z.b. halbfett Gute Schriften existieren oft als Schriftfamilien (z.b. Univers: 21 Schnitte) Zahlen nach dem Schriftnamen (z.b. Univers 55) bezeichnen die Linienstärke. Hybridschriften haben Varianten mit und ohne Serifen (z.b. Lucida) Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-18
19 Laufweite Schriftlaufweite eng normal gesperrt Normal = Abstand der Glyphen gemäß Dickte Proportionalschrift: Nicht-Proportionalschrift: Dickte individuell je Zeichen Dickte gleich für alle Zeichen Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-19
20 Unterschneiden (Kerning) RAT RAT Bei bestimmten Buchstabenpaaren harmonischeres Schriftbild durch Reduktion des Abstands Auch Überlappen von Glyphen möglich Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-20
21 Ligatur Ligatur = Zusammenfassung zweier häufig aufeinander folgender Buchstaben zu einer Glyphe f + l f + i In den meisten Schriften als eigene Zeichen enthalten Bei Textverarbeitungs- Systemen meist nicht unterstützt (Ausnahme TeX) Lesefluss Lesefluss raffiniert raffiniert Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-21
22 Faustregeln bei der typografischen Gestaltung Wahl der Schrift: Passend zum Inhalt; in sich harmonisch Für lange Texte eher Serifenschrift (bessere Führung) Schriftart-Mischungen möglichst vermeiden» Wenn Mischung, dann klarer Kontrast der Schriften und ihrer Funktion Klare Führung für das Auge: Angemessener Zeilenabstand:» 1 bis 4 Punkt Durchschuss bei 9 bis 12 Punkt großen Schriften Angemessener Wortabstand:» 1/3 bis 1/4 Geviert Keine zu langen Zeilen:» 79 bis 102 mm ideal, nicht mehr als ca. 70 Zeichen» Kurzatmiges Lesen (z.b. Zeitung): ca. 38 Zeichen/Zeile Sparsamer Einsatz von Auszeichnungen: Kursiv behindert noch am Wenigsten Evtl. Halbfett benutzen Möglichst vermeiden: Unterstreichung, Konturschrift, Schattierung Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-22
23 Bitmap- und Vektor-Schriften Bitmap-Schrift (-Font) Glyphe ist aus einzelnen Punkten aufgebaut Farbe vorgegeben Spezifische Größe (und Auflösung) Vektor-Schrift (-Font) Glyphe ist als graphische Kontur gegeben» Punkte und Verbindungslinien Füllung durch beliebige Farben möglich Skalierbar auf beliebige Größe Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-23
24 Digitale Formate für Schriften: PostScript und TrueType PostScript Page Description Language von Adobe Erstmals benutzt im Apple LaserWriter (1985) > Revolution Apple / Microsoft / Adobe - Streit: Problem: PostScript Font-Spezifikationen (sog. Type 1 Fonts) nicht öffentlich verfügbar (nur für Type 3) Allianz von Apple und Microsoft gegen Adobe:» Apple Royal Technologie als TrueType (verfügbar ab 1991 für Mac und kurz darauf auch für Windows)» Microsoft TrueImage Technologie (PostScript-Nachahmung, erfolglos) Adobe Antwort: Veröffentlichung PS Type 1 Spezifikationen (1990), Adobe Type Manager (ATM)(Bildschirm-Anzeige von skalierten PS Fonts) Heutzutage: Ab Win 2000 und MacOS X direkte Unterstützung von PS Type 1 OpenType : Gemeinsames Rahmenformat für TrueType und PS Type 1 fonts Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-24
25 Interpolation und Bezier-Kurven Lineare Interpolation: Linie durch zwei Punkte Quadratische Interpolation: Parabel durch drei Punkte Kubische Interpolation etc. Bézier-Kurven: Pierre Bézier ( ) Kubische Interpolation, geeignet zur Zusammensetzung aus mehreren Kurvenstücken Variante davon: Quadratische Interpolation Quadratische Bezier-Interpolation: p 0 = (x 0, y 0 ), p 1 = (x 1, y 1 ), p 2 = (x 2, y 2 ) Für t zwischen 0 und 1 sind die Punkte auf der Linie gegeben durch: x t = (1 t) 2 x 0 + 2t(1 t)x 1 + t 2 x 2 y t = (1 t) 2 y 0 + 2t(1 t)y 1 + t 2 y 2 p 0 und p 2 sind Randpunkte (on-points), p 1 ist Steuerpunkt (off-point) Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-25
26 TrueType Outlines Quadratische Bezier-Kurven, wobei aufeinander folgen können: Zwei On-Points (gerade Verbindungslinie) Drei Punkte On-Off-On (mittlerer Punkt als Steuerpunkt) Zwei Off-Points (implizit On-Point in der Mitte der Verbindungslinie ergänzt) Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-26
27 Raster Tragedy Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-27
28 TrueType Hinting Bei kleinen Größen und schlechter Auflösung: Rundungsfehler Spezielle Anpassung an Situation nötig Hints : Zusatzhinweise (Tabellen, Programme) Durch Interpreter zur Laufzeit ausgeführt Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-28
29 PostScript Type 1 vs. TrueType Interpolationstechnik: PostScript Type 1: kubische Bezier-Kurven TrueType: quadratische Bezier-Kurven Hinting: PostScript Type 1: dummer Font, schlauer Interpreter» Begrenzte Anzahl von features TrueType: schlauer Font, dummer Interpreter Qualität:» Hinting mit voller Programmiersprache Type 1 auf hochwertigen Ausgabegeräten verbreitet (neuerdings auch hochwertige TrueType Fonts) Viele TrueType Fonts auch kostenlos, aber in sehr schlechter Qualität verfügbar Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-29
30 Erweiterungen Multiple Masters (MM): Zwei Extremformen sorgfältig beschrieben, alle Zwischenformen generierbar (z.b. Stärke, Breite, Größe) TrueType GX: Dto, aber mehr Achsen (acht statt vier) Automatische intelligente Optimierungen (Ligaturersetzung, Formbezogener Abstandsausgleich) Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-30
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze und Schriften 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Weiterführende Literatur zu
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze und Schriften 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Weiterführende Literatur zu
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Weiterführende Literatur zu 3.1 bis 3.3: Rudolf
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1! Medien Zeichen, Text, Schrift! 3.2! Mikro-Typografie: Zeichensätze und Schriften! 3.3! Makro-Typografie: Gestalten mit Schrift! 3.4! Hypertext und HTML Medieninformatik-Buch:!
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1! Medien Zeichen, Text, Schrift 3.2! Mikro-Typografie: Zeichensätze und Schriften 3.3! Makro-Typografie: Gestalten mit Schrift 3.4! Hypertext und HTML Medieninformatik-Buch: Kapitel
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1! Medien Zeichen, Text, Schrift 3.2! Mikro-Typografie: Zeichensätze und Schriften 3.3! Makro-Typografie: Gestalten mit Schrift 3.4! Hypertext und HTML Medieninformatik-Buch: Kapitel
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze und Schriften 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Weiterführende Literatur zu
Seminar Screendesign Einführung. Andreas Naurath E 04 S, SoSe 2005 MIE 110, Uhr
Seminar Screendesign Einführung Andreas Naurath E 04 S, SoSe 2005 MIE 110, 10-12 Uhr Typographie Griechisch»typos«- Gestalt, Muster Griechisch»graphein«- schreiben Schrifteinteilung (DIN 16 518) Venezianische
Typografie. Über Typen und Marken
Typografie Über Typen und Marken Jetzt kommen wir endlich mal auf den Punkt Wer heute von Punkt redet, um die Schriftgröße oder den Zeilenabstand anzugeben, meint den DTP-Punkt (1/72 Zoll). 0,1 Schriften
Abcd. Abcd. Abcd. Abcd. Abcd. Typographie_Geschichte. Textur. Rotunda. Phönizisch 1200 v. Chr. Schwabacher. 15. Jh. Humanistische Minuskel
Typographie_Geschichte Phönizisch 1200 v. Chr. 15. Jh. Textur Schwabacher Rotunda Humanistische Minuskel Altgriechisch 900 v. Chr. Renaissance-Antiqua (Bembo) Abcd Altlateinisch 500 v. Chr. 16. Jh. Fraktur
Kapitel 6 Abstände. Buchstabenabstand Dickte und Laufweite
Kapitel 6 Abstände Typografische Gestaltungsmittel sind nicht nur Buchstaben, Ziffern oder Linien sondern auch der freie Raum zwischen diesen Elementen. Die Abstände zwischen diesen Elementen haben eine
4.1 Fontmanagement. Seminar Document Engineering. Michael Boehnke. Fontmanagement
4.1 Seminar Document Engineering Michael Boehnke 01 Motivation 01 Was ist Schrift? Hat der Rechner damit etwa Probleme? Was heisst das für mich? 02 So... ZDv 37/10 102. Die Uniform der Bundeswehr weist
2. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE
Digitale Medien 1 2. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE MARCEL GÖTZE OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2009 20.04.2009 Grundbegriffe: Medium Multimedia Information Kommunikation Vergangene
Arm Horizontale Linien bei Großbuchstaben. Cauda Abstrich am Q. Lateinischer Begriff für Schwanz.
Abstrich / Grundstrich Nach unten geführter Strich. Anstrich Schräg und horizontal. Auch Nase, Ansatz oder Dachansatz genannt. Arm Horizontale Linien bei Großbuchstaben. Aufstrich Nach oben geführter Strich.
Arm Horizontale Linien bei Großbuchstaben. Cauda Abstrich am Q. Lateinischer Begriff für Schwanz.
Abstrich / Grundstrich Nach unten geführter Strich. Anstrich Schräg und horizontal. Auch Nase, Ansatz oder Dachansatz genannt. Arm Horizontale Linien bei Großbuchstaben. Aufstrich Nach oben geführter Strich.
Kapitel 4 Die Schriftgröße
Kapitel 4 Die Schriftgröße grafische Maßsysteme Es gibt in der grafie unterschiedliche Maßsysteme. Diese Vielfalt ist auf die Geschichte der grafie zurückzuführen. Die typografischen Maße wurden lange
Schrift & Typografie I. DI (FH) Dr. Alexander Berzler
Schrift & Typografie I DI (FH) Dr. Alexander Berzler Schrift & Typografie Theorie Der Ausdruck Typografie/Typographie geht zurück auf die Worte "typos" (Abdruck, Abbild, Form) und "graphein" (schreiben,
exists to honor content.
exists to honor content. Definition Die Typographie gibt Richtlinien für die Gestaltung von Texten unter funktionalen und ästhetischen Gesichtspunkten vor. Es ist die Kunst, richtige Abstände und Proportionen
Digitale Medien Vergangene Vorlesung. Weiter geht s mit. Bits. Kodierung. Bytes
Vergangene Vorlesung Digitale Medien 1 2. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE Grundbegriffe: Medium Multimedia Information Kommunikation 2 MARCEL GÖTZE Digitalen Medien elektronische Medien, die mit
Inhalt. Grundbegriffe. Schriftgrad. Zeilenabstand. Laufweite. Zeilenlänge. Satzarten. Trennungen. Absätze. Auszeichnung. Schriftklassifizierung
Inhalt Grundbegriffe Schriftgrad Zeilenabstand Laufweite Zeilenlänge Inhalt Satzarten Trennungen Absätze Auszeichnung Schriftklassifizierung Schriftfamilie Schriftenwahl Schriftverfremdung Typografische
Einführung in die Programmiertechnik
Einführung in die Programmiertechnik Darstellung von Text Plain Text Abstraktion: Text wird durch eine Folge von Symbolen (Buchstaben, Zahlen, Interpunktion) dargestellt Verzicht auf Informationen über
Document Engineering
Zeichen- und Fontmanagement - Grundlagen 25. November 2005 Gliederung 1 Zeichen 2 Zeichenkodierung 3 Font 4 Fontmanagement Was ist ein Zeichen? (Schrift-)Zeichen: The smallest component of written language
Vorvergangene Vorlesung GRUNDKURS INFORMATIK 4. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE. Grundlagen des Textsatzes.
1 Vorvergangene Vorlesung 2 Beschreibung einer Information in diskreten Zahlenwerten Kodierung von Zahlen und Zeichen ASCII Unicode GRUNDKURS INFORMATIK 4. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE Marcel
Kleine Schriftgeschichte
Kleine Schriftgeschichte Schrift ist eine der ältesten Kulturtechniken der Menschheit. Sie wird heute als eine Technologie zur Weitergabe und Archivierung von Wissen verstanden. Schriftsysteme sind autonom
Typografibel. xefg. Robert Engelhardt Werbemittelgestaltung FIGD, August 011
Typografibel xefg H 1 Robert Engelhardt Werbemittelgestaltung FIGD, August 011 Inhaltsverzeichnis Typografische Begriffe... 3 H Venezianische Renaissance-Antiqua... 4 Französische Renaissance-Antiqua...
Typographie und Layout für digitale Medien
Typographie und Layout für digitale Medien von Isolde Kommer, Tilly Mersin 1. Auflage Typographie und Layout für digitale Medien Kommer / Mersin schnell und portofrei erhältlich bei beck-shop.de DIE FACHBUCHHANDLUNG
Typo-Quiz: Wer wird pt-millionär?
Wer s glaubt, wird selig. Wer s weiß, wird glücklich. Typo-Quiz: Wer wird pt-millionär? Spielregeln: nach der Qualifizierungsfrage bekommt der/die Kandidat/in 15 Fragen mit jeweils 4 Antwortmöglichkeiten
Lernheft 4: Blockschrift III. Lernheft 5: Teil 1 Antiqua Grundschift Einleitung 5. 2 Erläuterungen zu den. Lernheft 6:
Kalligrafie Inhaltsverzeichnis aller Lernhefte Lernheft 1: Einführung in die Kalligrafie und Blockschrift 1. 1 Einleitung 1. 2 Geschichte der Schrift 1. 3 Kleine Wörterkunde 1. 4 Materialkunde 1. 5 Die
Digitale Medien 2. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE MARCEL GÖTZE. OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2012
Digitale Medien 1 2. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE MARCEL GÖTZE OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2012 Grundbegriffe: Medium Multimedia Information Kommunikation Vergangene Vorlesung
Digitale Medien Vergangene Vorlesung. Kodierung. Weiter geht s mit. Bytes. Bits
Vergangene Vorlesung Digitale Medien 1 2. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE Grundbegriffe: Medium Multimedia Information Kommunikation 2 MARCEL GÖTZE Digitalen Medien elektronische Medien, die mit
Technik WPK 09. Schriften. Thema: Texte fo r m a t i e r e n Klasse: Datum: Name: Teil 2
Technik WPK 09 Name: Thema: Texte fo r m a t i e r e n Klasse: Datum: Teil 2 Die Schrift ist der Träger einer Botschaft. Sie verlangt daher eine klare, gut leserliche Typographie, die schnell erkannt und
Bitmap-, PostScript- und TrueType-Fonts Proseminar Textkodierung und Auszeichnung
Bitmap-, PostScript- und TrueType-Fonts Proseminar Textkodierung und Auszeichnung Matthias Bethke bethke@linguistik.uni-erlangen.de Linguistische Informatik Universität Erlangen-Nürnberg Sommersemester
{ DATE "d. MMM. yyyy" } Seite 1/8
Typographische Materialien { DATE \ @ "d. MMM. yyyy" } Seite 1/8 Buchstaben Typographie Zum Themenkomplex Typographie Layout Schrift liegt mit Typograph 1 ein Dokument vor, in dem vielfältige Aspekte des
Basiselemente > Schriften. Inhalte
Inhalte Auf einen Blick: DB Head DB Sans DB Sans Condensed DB Sans Compressed DB Office DB Serif DB News DB Plan CD-Regeln: Schriftfamilien und Schriftschnitte Typographische Grundprinzipien Technische
Zeichen, -ketten, die formatiert werden sollen, müssen erst markiert werden!
Zeichenformatierung Zeichen, -ketten, die formatiert werden sollen, müssen erst markiert werden! Zeichenformate werden entweder über die Formatierungssymbolleiste oder das Menü FORMAT Zeichen vergeben.
Typo-Quiz: Wer wird pt-millionär?
Wer s glaubt, wird selig. Wer s weiß, wird glücklich. Typo-Quiz: Wer wird pt-millionär? Spielregeln: nach der Qualifizierungsfrage bekommt der/die Kandidat/in 15 Fragen mit jeweils 4 Antwortmöglichkeiten
Bildschirmtypografie MG 43 Block 2.2
Wo ist der Unterschied zwischen Print-Typografie und Bildschirmtypografie? Es stellt sich natürlich die Frage: Warum kann man nicht einfach die bewährten Regeln der Print-Typografi e 1:1 auf den Bildschirm
Text- und Layoutwerkstatt
Text- und Layoutwerkstatt Seminarüberblick Nachricht und Bericht (Wiederholung) Planung von Druck-Produkten Konzeption eines Layouts Umsetzung des Konzepts zum Entwurf Prüfung und Optimierung Nachricht
Ergänzende Informationen zum LehrplanPLUS
Mengenschriften: Klassische Antiquaschriften (Serif) Vereinfachte Schriftklassifikation anhand von Beispielschriften (hauptsächlich Freefonts) Klassizistische Antiquaschriften (Modern Face) nbetonte Linear-Antiqua
Desktop Publishing. Gestaltung und Realisation von Drucksachen. Adaptiert nach etschirko
Desktop Publishing Gestaltung und Realisation von Drucksachen Adaptiert nach etschirko Welche Software für welchen Zweck? Textverarbeitung Bildbearbeitung Grafik MS Word Adobe Photoshop Corel Draw Erfassen
Typographie. Sonderkurs - Visuelles Gestalten mit dem Computer. Di, 19 FEB RAUM 204. Dipl.-Medieninf. Esther Lapczyna Marcus Kirsch
Sonderkurs - Visuelles Gestalten mit dem Computer Typographie Di, 19 FEB 2013 - RAUM 204 Dipl.-Medieninf. Esther Lapczyna Marcus Kirsch Professur Mediengestaltung Fakultät Informatik / TU Dresden Von der
Einführung in die Programmiertechnik
2008 Martin v. Löwis Einführung in die Programmiertechnik Darstellung von Text 2008 Martin v. Löwis 2 Plain Text Abstraktion: Text wird durch eine Folge von Symbolen (Buchstaben, Zahlen, Interpunktion)
mikrotypografie 1 6 InDesign cs6
1 6 Mikrotypografie Die Mikrotypografie oder Detailtypografie betrifft die Gestaltung des Satzes zwischen Buchstaben und Zeichen, Wörtern und Zeilen. Im Gegensatz zur Makrotypographie beschreibt die Mikrotypographie
Kartographische Visualisierung
Kartographische Visualisierung Zeichenverknüpfung, Kartenschichtung Kartenbeschriftung Mehrdimensionale Karten Kartographische Abbildung mehrerer substanzieller Objektattribute: bei abhängigen substanziellen
Typografie und Layout
Typografie und Layout optimalen Lesbarkeit im Einklang mit ästhetischer Schönheit didaktisch-informationelle Absicht künstlerisch-gestalterisches Anliegen Je größer die Textmenge, desto höher die Anforderungen
Die Typografie... was man weiß... was man wissen sollte.
Die Typografie... was man weiß... was man wissen sollte. Schon um ca. 3000 v. Chr. entstanden die ersten ägyptischen Hieroglyphen, also der Beginn der Schrift. Heute werden in der DIN-Norm 16518 (Klassifikation
typografie 1 6 InDesign cs6
1 6 Typografie Kulturhistorisch betrachtet umfasst dieser Begriff im ursprünglichen Sinne der Renaissance sämtliche Bereiche der»buchdruckerkunst«, in der Frührenaissance auch»deutsche Kunst«genannt, vom
11 Nichtrömisch 12 Muell Die Vielleicht-kann-ich-sie-ja-doch-noch-mal-brauchen-Fonts...
SCHRIFTKLASSIFIKATIONEN >>> Um Schriften besser unterscheiden und zuordnen zu können, gibt es verschiedene Kategorien. Die Sichtweisen von Gestaltern, Verkäufern, Nutzern und der DIN gehen hier aber deutlich
Schriftsätze für das Internet-Zeitalter jetzt bei Linotype
Lomo ist Lifestyle... Schriftsätze für das Internet-Zeitalter jetzt bei Linotype Bad Homburg, 31. März 2004. Linotype Library ist nun der offizielle Verleger einiger der wichtigsten Schriftsätze des Internet-Zeitalters:
Kapitel 1 Typografie/Schriftentwicklung
Kapitel 1 Typografie/Schriftentwicklung Was ist Typografie eigentlich? "Wörtlich bedeutet Typografie das Schreiben mit Typen. Heute meint man grundsätzlich das Gestalten von Medien mittels Schrift und
OpenType- Features, Laufweite, Kerning. 03. schrift und schriftformate
OpenType- Features, Laufweite, Kerning 03. schrift und schriftformate 03. schrift und schriftformate warum sind Schriftformate (Dateiformate) wichtig? Schriften können ganz unterschiedliche Funktionen
OpenType Schriftarten. Windows. Will Software
OpenType Schriftarten Windows Will Software Inhalt Installation in Windows... 4 Schriftauswahl in Word... 5 Schriftart Bausteine... 6 3D- Würfelschrift... 7 Rahmenschrift... 9 Kreativschrift... 10 Verkehrszeichen...
DOKUMENTATION HGKZ IAD / 1. SEMESTER WS MODUL DIGITAL DESIGN ELEMENTS II KURS SCREENTYPOGRAFIE
DOKUMENTATION HGKZ IAD / 1. SEMESTER WS 06.07 MODUL DIGITAL DESIGN ELEMENTS II KURS SCREENTYPOGRAFIE Student: Kai Jauslin // Dozent: Prof. Jürgen Späth Aufgabe 01 Analyse Wählen Sie jeweils eine Schrift
Digitale Medien Vergangene Vorlesung. Kodierung. Weiter geht s mit. Bytes. Bits
Vergangene Vorlesung Digitale Medien 1 2. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE Grundbegriffe: Medium Multimedia Information Kommunikation 2 MARCEL GÖTZE Digitalen Medien elektronische Medien, die mit
abcdeäöü abcdefloq äbcqgäöü Q U w U t? ol \J U Q m t& <gi ü i& * m * Q * * * <& * # <*> * * * * * <*> <*>
Schriftarten... Wählen Sie eine Schrift, die auch für sehbehinderte Menschen gut zu lesen ist, wie die Lucida Sans Unicode oder die Verdana. Beide sind auf den städtischen Computern verfügbar und erfüllen
Fundamentale Ideen der Informatik PH Weingarten Sommersemester 2014 Paul Libbrecht CC-BY
Fundamentale Ideen der Informatik PH Weingarten Sommersemester 2014 Paul Libbrecht CC-BY Vorlesung 6: Repräsentationen Themenkarte Verschlüsselung Netzwerk Versionierung Programmverlauf Java Instruktionen
Grundkurs Typografie und Layout
Claudia Runk Grundkurs Typografie und Layout Galileo Design Auf einen Blick 3 Vorwort 14 1 Die Geschichte der Schrift 15 1.1 Schriftentwicklung 16 3500 v.chr. und die Sumerer 16 3000 v.chr. und die Hieroglyphen
Anwendersoftware. Thema 3 - Grundlagen der Typografie. Sommersemester Dr. Henry Herper
Anwendersoftware Thema 3 - Sommersemester 2016 - Dr. Henry Herper Grundlagen eines Druckwerkes Ein Text besteht aus einer Aneinanderreihung von Schriftzeichen. Text benötigt eine Schrift, mit der die Zeichen
Kapitel 3 - Die Schriftart
Kapitel 3 - Die Schriftart Buchstabenelemente Die Innenräume der Zeichen werden Punze genannt. Es gibt Schriften mit deutlichen Unterschieden zwischen Grund- und Haarstrichen. Grundstriche können extrem
Werkzeuge der Informatik (CS102) Textverarbeitung
Werkzeuge der Informatik (CS102) Textverarbeitung 11. Dezember 2003 Prof. Dr. Christian Tschudin Departement Informatik, Universität Basel Uebersicht der Sitzung vom 11.12.2003 Textverarbeitung ein Exkurs
FACHAUSDRÜCKE SCHRIFT
FACHAUSDRÜCKE SCHRIFT Antiqua: Alphabet: Binnenräume: Schriftart, die der alten römischen Schrift (Capitalis) nachempfunden ist, bzw deren Geataltungscharakter hat. Im engl. Sprachraum als Roman (isch)
Technische Umsetzung. Workshop Systematisches Instruktionsdesign TU Dresden
Technische Umsetzung Dr. Cornelia Schoor Workshop Systematisches Instruktionsdesign TU Dresden 09.07.2010 Wie geht man bei der Entwicklung digitaler Lehrmaterialien vor? ANALYSE PLANUNG Bestimmung der
Medieninformatik. Rainer Malaka Andreas Butz Heinrich Hußmann. Eine Einführung
Rainer Malaka Andreas Butz Heinrich Hußmann Medieninformatik Eine Einführung ein Imprint von Pearson Education München Boston San Francisco Harlow, England Don Mills, Ontario Sydney Mexico City Madrid
Teil 10. Beschreibung Textverarbeitung
Beschreibung Textverarbeitung Teil 10 Die Bedienung von LibreOffice Writer - Weitere zusätzliche Möglichkeiten der Textgestaltung Format Über das Menü können Sie nachfolgend beschriebene Dialogboxen anzeigen
TABEA WIPPERMANN ÜBUNGSBUCH
TABEA WIPPERMANN ÜBUNGSBUCH S C H R I F T E N, A N L E I T U N G E N, VO R L A G E N SCM ist ein Imprint der SCM Verlagsgruppe, die zur Stiftung Christliche Medien gehört, einer gemeinnützigen Stiftung,
John Baskerville. Nils Ottner. Typografie und Layout Wintersemester
John Baskerville Nils Ottner Typografie und Layout Wintersemester 2005-06 Hochschule für Künste Bremen Studiengang Digitale Medien / Medieninformatik John Baskerville Index 3..... 4..... 5..... 6.....
06. übung. InDesign. medienwerkstatt // seite 1
InDesign medienwerkstatt // seite 1 06.01. gesetz der kontinuität cmd + n = neues Dokument 1. dokument einrichten Format Doppelseitig / Einseitig Seitenränder Menüleiste: Datei > Neu > Dokument Doppelseite
Codierung von Text. PC in Betrieb nehmen. Der ASCII-Code (American Standard Code for Information Interchange) ASCII
Codierung von Text Der ASCII-Code (American Standard Code for Information Interchange) ASCII Zeichenvorrat 1: A,B,C,D...Z,a,b,c z,0,1..9, usw. Zeichenvorrat 2: 0,1 Codetabelle ASCII: (Auszug) A 0100 0001
Kapitel 7 Schriftauszeichnung
Kapitel 7 Schriftauszeichnung Auszeichnungsbereiche Auszeichnungen dienen dem Hervorheben von Textstücken durch Veränderung der Schrift oder des Schriftschnitts. Die Auszeichnung erzeugt eine Unterbrechung
HELPSHEET CHECKLISTE LAYOUTANPASSUNG
HELPSHEET CHECKLISTE LAYOUTANPASSUNG In PROJEKT PRO können Ihre Dokumente an das Corporate Design Ihres Planungsbüros angepasst werden. Wir bieten Ihnen die Anpassung Ihrer Drucklayouts als Service mit
Grundkurs Typografie und Layout
Claudia Runk Grundkurs Typografie und Layout Galileo Design Auf einen Blick 1 Basiswissen Schrift : 15 Die Entwicklung der Schrift Schnitte und Familien Einteilung der Schriften in Klassen Das typografische
Ohne Durchschuß schreiben. überlappend untereinander schreiben. mit viel Durchschuß schreiben. mit normalem Durchschuß schreiben.
Zeilenabstand Zeilen füllen eine Seite. Wie müde unser Auge nach dem Lesen einer Seite ist, hängt vom Zeilenabstand (Durchschuß) ab. Ein zu offenes Schriftbild unterbricht den Zusammenhang der textlichen
Peter Sekan Mat# 8445 1. Sem WS 0708 ID. 1.164 Information Architecture
Wann Sehen wir Schrift am Bildschirm? Internet: Drei Beispiele, wie unterschiedlich mit Schrift auf Internetseiten umgegangen wird. - klassisches Zeitungsraster online angewandt. - modernes Layout. - private
Schon um ca. 3000 v. Chr. entstanden die ersten ägyptischen Hieroglyphen, also der Beginn der Schrift.
Die Typografie... was man weiß... was man wissen sollte. (Auszug der wichtigsten Informationen) Schon um ca. 3000 v. Chr. entstanden die ersten ägyptischen Hieroglyphen, also der Beginn der Schrift. Heute
Die Typografie. Daimler Brand & Design Navigator
Daimler Brand & Design Navigator 01. Mai 2016 Die Typografie Das visuelle Erscheinungsbild greift die Elemente der Schweizer Typografie auf. Sachlichkeit und Klarheit sind grundlegend für Schrifteinsatz
Mediengestaltung: Grundlagen der Typographie
Mediengestaltung Grundlagen der Typographie I 1 /43 /21 Drei Zeichensysteme der Grafik Sprache als Schrift Bilder Zahlen sequentiell, linear, kognitiv, interpretationsoffen unmittelbar, emotional, unreflektiert,
Die Daimler-Hausschrift
Daimler Brand & Design Navigator 04. Februar 2018 Die Daimler-Hausschrift Die Daimler CS (Corporate S) ist die Hausschrift der Daimler AG. Sie ist eine serifenlose Schrift, prägt als solche den Stil der
Akzidenzen Drucksachen, die weder Buch, noch Zeitung oder Zeitschrift sind. Zum Beispiel Formulare, Briefbogen, Prospekte.
Akzidenzen Drucksachen, die weder Buch, noch Zeitung oder Zeitschrift sind. Zum Beispiel Formulare, Briefbogen, Prospekte. Abstrich Nach Unten führende Linie innerhalb eines Buchstabens (vgl. -> Abstrich)
Gestaltungstipps. PowerPoint Grundlagen ZID/Dagmar Serb V.04/Sept. 2018
Gestaltungstipps PowerPoint 2010 - Grundlagen ZID/Dagmar Serb V.04/Sept. 2018 GESTALTUNGSTIPPS... 2 WAS DAS PUBLIKUM STÖRT... 2 KLASSISCHER AUFBAU EINER PRÄSENTATION... 2 PASSENDES SEITENFORMAT... 2 ÜBERSCHRIFTEN...
Schriftfamilien. Schriftschnitte
Schriftfamilien Was meist vereinfachend als Schrift bezeichnet wird, (also z.b. Helvetica oder Times ) ist genau genommen eine Schriftfamilie. Innerhalb einer Schriftfamilie kommen unterschiedliche Strichstärken,
Von faulen Hunden und Eva auf Sylt...
Von faulen Hunden und Eva auf Sylt... Eine durchaus historische Reise durch die Welt der Schriftproben. Verbunden mit der Frage : Wie finde ich denn eine passende Schrift unter 150 000? 1 »Hypnerotomachia
Corporate Design. Basiselemente. t Schriften
Basiselemente t 12 t Schriftfamilie FF Meta Schrift und Typografie sind wichtige Gestaltungsparameter im Erscheinungsbild eines Unternehmens. Sie tragen wesentlich zum Aufbau einer eigenständigen visuellen
Gestaltungstipps. PowerPoint Grundlagen ZID/Dagmar Serb V.02/Apr 2013
Gestaltungstipps PowerPoint 2010 - Grundlagen ZID/Dagmar Serb V.02/Apr 2013 GESTALTUNGSTIPPS... 1 WAS DAS PUBLIKUM STÖRT... 1 KLASSISCHER AUFBAU EINER PRÄSENTATION... 1 PASSENDES SEITENFORMAT... 1 ÜBERSCHRIFTEN...
HTML: Text und Textstruktur mit CSS gestalten
Tutorium HTML: Text und Textstruktur mit CSS gestalten Martin Stricker martin.stricker@rz.hu-berlin.de 23. Juni 2004 Schriftarten und generische Schriftfamilien Schriftarten werden mit font-family definiert
CORPORATE DESIGN MANUAL. St. Johann in Tirol - Oberndorf - Kirchdorf - Erpfendorf
CORPORATE DESIGN MANUAL St. Johann in Tirol - Oberndorf - Kirchdorf - Erpfendorf DAS CORPORATE DESIGN MANUAL INHALT Die Aufgabe eines einheitlichen Erscheinungsbildes ist es, eine Marke klar zu positionieren
Anja Knöfel Dezernat 7 / SG 7.2 Gruppe Corporate Design Notwendig und professionell: Die neue Hausschrift der TU Dresden Sitzung des Senats // 10.01.2018 Anja Knöfel Dezernat 7 / SG 7.2 Gruppe Corporate
Texte und Typografie. Jörg Cassens. Medieninformatik WS 2017/2018. Institut für Mathematik und Angewandte Informatik. Kulturtechnik.
Texte und Jörg Cassens Institut für Mathematik und Angewandte Informatik informatik WS 2017/2018 WS 2017/2018 Jörg Cassens Texte und 1 / 129 Prüfungstermine Zwei Prüfungstermine, Ausweichtermine? Montag,
Führungswechsel bei Linotype
Neuer Geschäftsführer bei Linotype: Frank Wildenberg Führungswechsel bei Linotype Bad Homburg, 1. September 2006. Seit 1997 stand Bruno Steinert an der Spitze der Firma Linotype und hat nun die Tür für
Texte und Typografie
Texte und Typografie Jörg Cassens Medieninformatik I WS 2015/2016 1 Kulturtechnik Texte und Computer Text in gewisser Hinsicht das älteste, traditionelle Medium in Zusammenhang mit Computer Frühe Interaktion
Schrift und Lesbarkeit
Schrift und Lesbarkeit Formerkennung und Formdifferenzierung Unterschiedliche Schriftarten und deren stilistische Ausprägung ermöglichen einen breiten gestalterischen Variantenreichtum. Voraussetzung für
CORPORATE DESIGN MANUAL. St. Johann in Tirol - Oberndorf - Kirchdorf - Erpfendorf
CORPORATE DESIGN MANUAL DAS CORPORATE DESIGN MANUAL INHALT Die Aufgabe eines einheitlichen Erscheinungsbildes ist es, eine Marke klar zu positionieren und für Gäste, Geschäftspartner, Mitarbeiter und Mitbewerber
Typografie_Mikrotypografie Schriftästhetik und Schriftwahl. Michael Wörgötter
Typografie_Mikrotypografie Schriftästhetik und Schriftwahl Michael Wörgötter www.typoinform.de woergoetter@typoinform.de Schrift Formprinzipien Das Forminventar unserer heutigen Antiquaschriften und Serifenlosen
Was ist Design? Printdesign. Modedesign. Webdesign. Möbel/Interior-Design. Film-/TV-Design. Fahrzeug-Design. Heim-/Hausgeräte.
Was ist Design? Architektur Industrie-/Produktdesign Grafik-/Kommunikationsdesign Modedesign Möbel/Interior-Design Fahrzeug-Design Heim-/Hausgeräte... Printdesign Webdesign Film-/TV-Design Sound-Design
Schrift in der Zeitung: Lesbarkeit und Ästhetik
Wintersemester 2008/2009 Seminar»Gestaltung von Medieninhalten«Schrift in der Zeitung: Lesbarkeit und Ästhetik Dr. Jochen Schlevoigt / Annett Graap Wo kommt unsere heutige Schrift her? 1200 v.u.z. Die
Daten und Informationen
Daten und Informationen Vorlesung vom 17. Oktober 2016 Birger Krägelin Inhalt Repräsentation und Abstraktion Zahlendarstellung Stellenwertsysteme Rechnen mit Zahlen Gleitkommazahlen, Rundungsproblematik
Daten und Informationen
Daten und Informationen Vorlesung vom 23. Oktober 2017 Birger Krägelin Inhalt Repräsentation und Abstraktion Zahlendarstellung Stellenwertsysteme Rechnen mit Zahlen Gleitkommazahlen, Rundungsproblematik
Laufweite (Buchstabenabstand)
Laufweite (Buchstabenabstand) Der Leerraum zwischen den Buchstaben dient dazu die Buchstaben optisch auseinander zu halten. Wenn der Abstand zu groß ist, erscheint er als Lücke. Ist er zu klein, lassen