Digitale Medien Vergangene Vorlesung. Kodierung. Weiter geht s mit. Bytes. Bits

Transkript

1 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 digitalen Codes arbeiten [Schmitz, 2007] Digital: Beschreibung einer Information in diskreten Zahlenwerten OvGU, Dekanat-FHW, VL Digitale Medien, WiSe 2012 Weiter geht s mit 1. Zahlen 2. Zeichen, Texte 1. ASCII 2. Unicode 3. Grundlagen des Textsatzes 4. Mikro, Makrotypographie 5. Typographische Maßeinheiten, Begriffe 6. Typographische Fehler 7. Textverarbeitungs und satzsysteme 8. Praktische Beispiele 3 Kodierung Informationen müssen in Folgen von Nullen und Einsen (Bits) umgewandelt werden allgemeiner Begriff Kodierung: Übertragung von Symbolen von einer Darstellung in eine andere Darstellung Kodierung: hier Festlegung der Abbildungsvorschrift zwischen Informationen und Bitfolgen Marcel 77, 97, 114, 99, 101, , , , , , Bits kleinste mögliche Informationseinheit zwei Zustände ja / nein wahr / falsch hell / dunkel Männlein / Weiblein links / rechts technisch einfache Realisierung möglich geladen / ungeladen Strom fließt / Strom fließt nicht 5V Spannung / 0V Spannung magnetisiert / nicht magnetisiert ultimativ: 1 oder 0 5 Bytes komplexe Informationen werden durch Folgen von Bits dargestellt Die kleinste adressierbare Speichereinheit im Rechner: ein Byte (engl.: byte; Kunstwort) Folge von acht Bits können gemeinsam in einem Rechner verarbeitet werden Mit Bits und Bytes haben wir alles, was wir benötigen um sämtliche Medientypen zu codieren. Zahlen, Text, Hypertext, Bilder, Audio, Video Fangen wir mit Zahlen an 6 1

2 Zahlen Zahlen werden nicht als Texte (aus den Zeichen ihrer Ziffern) dargestellt sondern: Kodierung der Zahlenwerte in Bitfolgen im folgenden: Zahlensysteme Zahlendarstellung im Dezimalsystem Binärsystem 7 Zahlensysteme Was macht ein Zahlensystem aus? Künstlich geschaffenes System eindeutige Abbildung Objekt/Symbol Element einer Menge Symbole in Beziehung setzten Rechnen Sollte möglichst allgemein verständlich sein Konkrete Zahlzeichen Gegenstände aller Art Kerben in Knochen oder Holz Geknotete Schnüre Gesten mit Fingern, Zehen und anderen Körperteilen spezielle Schriftzeichen 8 Positions- oder Stellenwertsysteme 9 10 heute gebräuchlichste Art der Zahlensysteme kompakte Darstellung beliebig großer Zahlen mit wenigen Symbolen (Ziffern oder Zahlzeichen) Anzahl der Symbole: Basis des Zahlensystems Beispiele: Binärsystem: {0,1} Oktalsystem: {0,1,2,3,4,5,6,7} Dezimalsystem: {0,1,2,3,4,5,6,7,8,9} Hexadezimalsystem: {0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F} Dezimalsystem allgemeine Darstellung: Basis des Zahlensystems: B Ziffer: a i {0, 1, 2,, B 1} Zahl: <a 0, a 1, a 2,, a n > geschrieben: a n a n 1 a 2 a 1 a 0 Wert: a 0 *B 0 + a 1 *B a n *B n = a i *B i 11 heute meist verwendetes System Basis: 10 Ziffern: {0,1,2,3,4,5,6,7,8,9} Beispiel: 4361 = 4* * * *10 0 = 4* * *10 + 1*1 =

3 Basis für Computer Basis: 2 Ziffern: {0,1} Beispiel: Dual- oder Binärsystem = 1* * * * *2 0 = 1*16 + 0*8 + 0*4 + 1*2 + 1*1 = = Konvertierung zw. Zahlensystemen 14 Umwandlung von Dezimalzahlen in ein System zur Basis B Dezimalzahl solange durch Basis B dividieren, bis das Ergebnis Null ist. Reste in umgekehrter Folge gesuchte Darstellung. Beispiel: Umwandlung dezimal binär 157 : 2 = 78 Rest 1 78 : 2 = 39 Rest 0 39 : 2 = 19 Rest 1 19 : 2 = 9 Rest 1 9 : 2 = 4 Rest 1 4 : 2 = 2 Rest 0 2 : 2 = 1 Rest 0 1 : 2 = 0 Rest dezimal dual Natürliche Zahlen binär Bitfolgen zur Darstellung größerer Zahlen 1 Bit: 0 und 1 2 Bit: 0 bis 3 3 Bit: 0 bis 7 4 Bit: 0 bis 15 8 Bit: 0 bis Bit: 0 bis Bit: 0 bis n Bit: 0 bis 2 n 1 Darstellung der natürlichen (positiven!) Zahlen 15 Darstellung: Einzelzeichen und Texte Zeichen müssen in Bitfolgen kodiert werden benötigt wird: 26 Kleinbuchstaben 26 Großbuchstaben 10 Ziffern Sonderzeichen wie &, $, %,?,!,... insgesamt ca. 100 Zeichen 7 bit 16 ASCII-Code 17 ASCII-Code 18 American Standard Code for Information Interchange 1963 durch die American Standards Association festgelegt Standardisierter Einzelzeichencode mit 7 Bit enthält auch spezielle Steuerzeichen bis heute der einzige Code, den alle Computer verstehen Erweiterungen auf 8 Bit vorhanden, um z.b. regionale Sonderzeichen zu kodieren (Beispiel: ISO ) Quelle: Wikipedia 3

4 ISO internationaler Standard UNICODE 20 Ziel: für jedes sinntragende Zeichen bzw. Textelement aller bekannten Schriftkulturen und Zeichensysteme einen digitalen Code festlegen bis zu 32 Bit pro Zeichen könnte über vier Milliarden verschiedene Zeichen unterscheiden Einschränkung auf etwa 1 Million erlaubte Code Werte ASCII-Art,;::\::\,'/' `/'`/ _\,: '.,-'.-':. -./"' : : :\/, ::.,: ; ; :- :" (.`-*'o*',); \.. ` `---'`' / `:._..- _.',;. `. /"' \ ::. ) : : " ( \ :.(_, : ; \'`-'_/ / `..., _,', : `,,--.;` '..--. /;' "' ; '..--. )) \:. ( ) ))' SSt`-' {o,o} /) ) -"-"- Quelle: Wikipedia 21 Die Zeichen sind digital codiert 23 Weiter geht s mit Grundlagen des Textsatzes 2. Mikro, Makrotypographie 3. Typographische Maßeinheiten, Begriffe 4. Typographische Fehler 5. Textverarbeitungs und satzsysteme was kann man damit anfangen? 4

5 Grundlagen des Textsatzes 28 Textverarbeitung mit dem Computer das kann doch inzwischen jeder gängige Aussage der meisten Computerbenutzer (und Bildungspolitiker) Peters,Koerber; Unterricht mit StarOffice7; LOG IN Heft Nr. 131/132 (2004) S Klassische Form der Bucherstellung 1. Der Autor schreibt den Text 2. Der Verlag entscheidet wie Text in seinem Verlag aussehen soll o Roman, Kochbuch, Bibel 3. Der Setzer setzt das Manuskript (je nach Verlagsvorgaben) 4. Der Drucker vervielfältigt den Text 5. Der Buchbinder macht aus den Bögen ein Buch 29 Moderne Form der Bucherstellung Der Autor schreibt den Text und entscheidet welche Art Werk es ist Artikel, Buch, Report, Kochrezept,... und kümmert sich um den Schriftsatz und druckt das Dokument aus meist verlässt er sich dabei auf den Kollegen HP, Canon, Lexmark, Xerox, o.ä. und bindet alles zusammen heften, tackern, Spiral oder Klebebindung, usw Der Autor muss Aufgaben bewältigen, die er oft nicht bewältigen kann. Textverarbeitung heißt nicht nur, Bedienen eines Textverarbeitungsprogramms, sondern auch Grundkenntnisse in Typographie und Layout. Definition 32 Typographie[griech.], Gestaltung eines Druckwerks nach ästhet. Gesichtspunkten, u.a. Wahl der Schrifttypen, Anordnung des Satzes und der Bebilderung. (c) Meyers Lexikonverlag. Die Typographie ist die Lehre und Kunst von der Gestaltung der verschiedenen Schriftformen und arten. Sie bildet die Grundlage aller Medien, bei denen mit Hilfe von Schrift Informationen weitergegeben werden. Typographie 33 Aus gestalterischer Sicht ist Schrift eine Grauwertfläche, die harmonisch in die Gesamtgestaltung eingebettet werden soll. Buchstaben sind dabei gestaltete Zeichen mit spezifischen Geometrien. Begriff Zeichen bezeichnet in der Digitalverarbeitung die codierten Teile eines Zeichensatzes [Henning] Das Bild eines Zeichens ist ein Glyph [Henning] Ein Zeichen kann durch mehrere Glyphen dargestellt werden Unterschiedliche Medien können gleiche Schriften unterschiedlich wiedergeben. 5

6 Makrotypographie: Typographie 34 Beschäftig sich mit dem Gesamtkonzept, dem Aufbau des gesamten Dokumentes. Dazu gehört beispielsweise Satzspiegel, Auszeichnungen, Layout, Platzierung von Graphiken. Mikrotypographie: Beschäftigt sich mit dem Satz von Buchstaben. Dazu gehören beispielsweise: Laufweite, Zeilen, Wort und Zeichenabstände, Satzzeichen und deren korrekte Anwendung sowie Ligaturen. Mikrotypographie 35 Mi k ro Mikrotypographie Gestaltung des Schriftsatzes im Kleinen Schriftarten Laufweiten Laufweite/Buchstabenabstände Wortabstände Typographische Fehler Besonderheiten wie Ligaturen, Serifen, 36 Historisches 37 Schrift war die Grundlage dafür, dass Informationen dauerhaft verfügbar gemacht werden konnten. Die Erfindung der Schrift gilt damit als eine der bedeutendsten Errungenschaften der Zivilisation, da sie die Überlieferung von Wissen und kulturellen Traditionen über Geberationen hinweg erlaubt, und deren Erhaltung je nach Qualität des beschrifteten Materials über einen langen Zeitraum garantiert. Peters,Koerber: Unterricht mit StarOffice7, LOG IN Heft Nr. 131/132 (2004) S OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2010 Historisches: die ersten Jahre Vor der Benutzung von Schrift, Verständigung über Zeichen und Bilder 38 Übergang zur Verwendung von Piktogrammen und Ideogrammen Hieroglyphen: eigenes Schriftsystem Historisches 3320 v.chr. Die altägyptischen Hieroglyphen aus dem Königsfriedhof von Abydos ( v.chr.) und die sumerische Keilschrift aus Mesopotamien (um 2600 v.chr.) sind die ältesten Zeugnisse für die Schriftkultur im»alten Orient«

7 Historisches v.chr. reger Kulturaustausch im Nahen Osten führte dazu, dass aus der in den regionalen altsemitischen Sprachen üblichen sumerischen Keilschrift Mesopotamiens in Ugarit im 15. Jahrhundert v. Chr. ein reines Buchstabenalphabet selektiert wurde, Vom ugaritischen Keilschriftalphabet ist ein Abecedarium mit 27 Hauptzeichen überliefert, das dieselbe altsemitische Ordnung der Konsonanten aufweist, wie das spätere phönizische Alphabet. Nach der Zerstörung Ugarits durch die so genannten Seevölker um 1200 v.chr. wurde die phönizische Version zur wichtigsten Schriftart der Küstenregion. Historisches Phönizisches Alphabet... lateinisches Alphabet ugaritisch phönizisch: lateinisch: Aleph Beth Gimel Daleth A B C D 42 Majuskeln, Minuskeln Entwicklung der Majuskeln, Versalien oder Großbuchstaben: 43 Majuskeln, Minuskeln Entwicklung der Minuskeln oder Kleinbuchstaben: 44 phönizisch altgriechisch griechisch römisch römische Capitalis 1000 v. Chr. 700 v. Chr. 400 v. Chr. 100 v. Chr. 100 n. Chr. Historische Entwicklung der Schriftarten Handschrift bis ca. 16Jh. Römische Capitalis: reines Großbuchstaben Alphabet Capitalis Monumentalis meißelbar CapitalisQuadrata geschrieben Unzialschrift: Weiterentwicklung aus der römischen Schrift vorwiegend für Bücher Karolingische Minuskel: durch die Karolinger ab Ende 8.Jh. in Europa verbreitet. Basis für Entwicklung der lateinischen Schrift Gothische Schriften: entwickelten sich aus der spätkarolingischen Minuskel ab etwa Jahrtausendwende Textura, Bastarda parallel dazu entwickelte sich die etwas rundere Form: Rundgotisch oder auch Rotunda Weiterentwicklung der Textura führte über Schwabacher zur Fraktur 45 Ausschnitt aus der Gutenbergbibel Quelle: Bibel Schriften, bei denen die Bögen einen Bruch aufweisen OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2010 Gebrochene Schriften 46 7

8 Historische Entwicklung der Schriftarten bis 20. Jahrhundert Erfindung des Buchdrucks Antiqua Renaissance: parallele Entwicklung in Italien und Frankreich bekanntester französischer Vertreter: Claude Garamond Barock: Verlagerung des Zentrums der Schriftentwicklung in die Niederlande Übergang von französischen zu niederländischen Schriften Klassizismus: Endpunkt der Antiqua Entwicklung, erste Grotesk Schriften entstanden 48 e/2009/01/recasting-caslonold-face.html Garamond Times Bodoni Palatino OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2010 Historische Entwicklung der Schriftarten 20. Jahrhundert Grotesk: mit Beginn des 20. Jh. start Entwicklung, serifenlos Auch: Serifenlose Linear Antiqua) klassizistisch orientiert: Helvetica, Arial renaissance orientiert: kalligraphische Gestaltung, leicht variierende Strichstärken Gill Sans (Eric Gill ) konstruktivistisch: Höhepunkt in den 20er Jahren Futura (Paul Renner, 1927), Bauhaus 49 Helvetica Arial Gill Sans Futura Bauhaus Bildquelle: Wikipedia Medienzeitalter Rasante Entwicklung neuer Schriftarten Bildschirmschriften Computerlesbare Schriften Schriftarten, die rechnerlesbar sind OCR (Optical Character Recognition) Bspw. Für Überweisungen, Scheckeinreichungen, Ausweiskontrolle, Monospaced 50 Wichtig für Informationsübermittlung, Auch: FE Schriften von Karlgeorg Hoefer FE=Fälschungserschwerend OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2010 Bildschirmschriften Schriften, die für die Lesbarkeit auf dem Bildschirm optimiert sind. Bildschirm rasterbasiert, unterschiedliche Auflösungen Meist serifenlos, je nach Schriftgrad Alternative Schriften, bspw. mit Schatten, weich gezeichnet oder besondere Schriftformen 51 Lesen auf Papier und am Bildschirm Auf Papier ca % schneller als auf Bildschirm Lesegeschwindigkeit steigt mit Auflösung Lesen auf Papier eher für längere Texte Bildschirmlesen eher überfliegen, überblicksartig Nur 16% der Benutzer lesen Webtext Wort für Wort, der Rest überfliegt den Text Curlz MT OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe

9 Ohne Serifen Verdana Calibri Myriad Tahoma Schrift am Bildschirm 53 Mit Serifen Georgia Courier (New) Schriftarten engl. Type Face: Zusammenfassung einzelner Zeichen Klassifikation von Schriftarten ist umstritten Genormt: DIN Problem: Normung schon sehr alt: 1964 Kritik: vermischt formale und historische Kriterien, fast alle neuen Schriften fallen in nur eine oder zwei Kategorien alternativer Vorschlag: Indra Kupferschmid, Hans Peter Willberg: tklassifikation/ Schriftklassifikation nach Formprinzip Unterscheidung nach Stil und Form Schriftarten nach DIN Schriftklassifikation nach Formprinzip 55 Serifenlos (Grotesk) Futura Gill Sans Bauhaus Helvetica Antiqua Serifen behaftet Times Garamond Bookman Handschriftl. Antiqua Brush Script Antiqua Varianten Schreibschriften Mistral Künstler Script Copperplate STENCIL Schriftart gebrochen Fraktur Fremde Schriften Moderne Schriften Stilgruppen: Dynamisch (humanistisches Formprinzip) Statisch (klassizistisches Formprinzip) Geometrisch (konstruierte Form) Dekorativ Provozierend Formgruppen Antiqua (Strichstärkenkontrast, Serifen) Antiqua Varianten (Strichstärkenkontrast, keine Serifen) Grotesk (wenig/kein Strichstärkenkontrast, keine Serifen) Egyptienne (wenig/kein Strichstärkenkontrast, kräftige Serifen) Schreibschriften Fremde Schriften (Non Latin, zum Beispiel Kyrillisch) Schriftartenklassifikation durch Kombination beider Eigenschaften Beispiel: statische Antiqua: Bodoni Dynamische Antiqua: Bembo Bildquellen: Wikipedia Eigenschaften von Schriftzeichen 57 MIKROTYPOGRAPHIE Mikrotypographie 58 Unter Mikrotypografie versteht man die Kunst des Details beim Satz mit vorhandenen Schriften (vgl. Kompendium der Mediengestaltung; Böhringer, Bühler, Schleich, S. 199). Hierzu zählen beispielsweise das Ausgleichen von Schriften mittels Laufweitenänderung durch Sperren oder Kerning, sowie die Abstandsänderungen von Wörtern und Zeilen. Ziel der Mikrotypografie ist eine gute Lesbarkeit des Satzes, wobei immer auf einen ausgeglichenen Grauwert geachtet wird, welcher auch durch die Satzarten maßgeblich verändert werden kann. OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2010 OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe

10 Bemaßung von Glyphen 60 Bemaßung von Glyphen 61 [Henning, 2003] Zeichenmaße Á Linie ist die Akzentlinie k Linie wichtig bei Renaissance Antiquas (legt bei diesen die Minuskeloberlänge fest) H Linie beschreibt die Majuskel oder Versalhöhe x Linie definiert die Minuskelhöhe Schriftlinie oder auch Grundlinie auf welcher die Schrift steht p Linie ist die Unterlänge der Schrift 62 Bemaßung von Buchstaben 64 Maß für die Breite eines Buchstabens Dickte setzt sich aus der Buchstabenbreite und den beiden Weißräumen zusammen. Die Vor und Nachbreiten werden verwendet, um die Buchstaben optisch ausgeglichen zu gestalten. OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2010 Zeichenabstand 65 Unterschnitte: Realisierung eines ausgeglichenen Schriftbildes verwendet engl.: Kerning Gegenteil: Sperren von Texten Einfügen von Leerräumen zwischen den Buchstaben Laufweite: Abstände zwischen Buchstaben Kerningfehler R.I.P.D. wirkt auseinander gerissen 66 OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe

11 Schriftgrößen Maße einer Schrift wird in Punkten angegeben: Europa: Didot Punkt mit 1p=0, mm Amerika: pica mit 1p=0, mm für DTP: Postscript Punkt 1p=1/72 =0,352778mm EU, seit 1973: metrischer Punkt 1p=0,375mm (im professionellen Satz nicht genutzt) weitere Maße EM: schriftartbezogen, Breite der Glyphe M em: schriftartbezogen, Breite der Glyphe m ex: schriftartbezogen, Höhe der Glyphe x [Henning, 2003] 67 Begriffe aus der Druckersprache 69 Versalie: Großbuchstabe, Majuskel Gemeine: Kleinbuchstabe, Minuskel Haarlinie: Linie mit der Breite 0,25p (Didot Punkt) Geviert = Quad: fester Zwischenraum auf der Basis eines Quadrats mit Seitenlänge = Schrifthöhe Halbgeviert: Leerraum, halb so breit wie Geviert Serife, Ligatur, Kapitälchen [Henning, 2003] Begriffe aus der Druckersprache: Serifen Unterscheidung Serifenschriften und serifenlose (Sans Serif) Serifen sind kleine Haken oder Füße erleichtern die Lesbarkeit durch virtuelle Hilfslinien serifenlose Schriften werden auch als Grotesk (am. Gothic) bezeichnet 70 Serifen H H serifenlos mit Serifen serifenlose Schriften Arial Avant Garde Comic Sans MS Helvetica Tahoma Schriftformen 71 Serifenschriften Times New Roman Garamond Georgia Courier Begriffe aus der Druckersprache: Ligaturen Verbindung zweier oder mehrerer Buchstaben zu einer optischen und formalen Einheit. Kaufleute, Kaufleute 72 Typographische Begriffe 73 Zwiebelfisch: Es wird ein Buchstabe verwendet, der aus einer anderen Schrift stammt. Kapitälchen: Kleinbuchstaben, die die Form von Großbuchstaben haben, in ihrer Strichstärke und Laufweite aber den Kleinbuchstaben entsprechen und so eine gleichmäßige Grauwirkung des Textbildes erzielen. Echte Kapitälchen sind spezielle Zeichensätze. 11

12 Schriftschnitte beschreibt die Ausformung der Buchstaben einer Schrift, Bezeichnung stammt aus dem Bleisatz im Textverarbeitungssystem auch Schriftattribute Grundsätzliche Unterscheidung von: Veränderung der Linienstärke: normal, fett Veränderung der Schriftbreite: schmal, normal, breit Veränderung der Schriftlage: normal, kursiv Beispiele: Regular normal, Bold fett, Italic kursiv, BoldItalic fett kursiv 74 Digitale Schriften: Vektor-Schriften beschrieben durch: Umriss (Punkte, Verbindungslinien und Kurven) Füllung Umrissbeschreibung durch Sequenz von quadratischen Bezierkurven Bezierkurven: Pierre Étienne Bézier Bestehen aus zwei Randpunkten und einem Kontrollpunkt 75 Digitale Schriften: Bitmap-Schriften Beispiele: TrueType (Apple, von Microsoft lizensiert und eingesetzt) OpenType (Microsoft, später zusammen mit Adobe) Type 1 (Adobe) Vorteil: beliebig skalierbar Nachteil: beliebig skalierbar } beschrieben durch: Punkte (Pixel) Pixelfarbe Nachteil: feste Größe schlecht (nicht) skalierbar Beispiel: Courier 77 Raster Tragedy Fonts werden durch ihren Umriss beschrieben (Outline) Problem: Bildschirm ist Raster basiert 78 Makrotypographie 79 k Ma ro /typography/tools/trtalr.ht m 12

13 Dokumentenlayout Definiert die Formate eines Druckwerkes Dazu gehören z.b.: Satzspiegel für Text und Bildanordnungen, Schriftcharaktere und größen für Fließtexte und Überschriften Festlegung des Farbspektrums Von der Zeilengestaltung über Absatz zum Seitenlayout Formatvorlagen 80 Lesbarkeit: Zeilengestaltung Die Ausrichtung der Zeilen kann linksbündig, zentriert, rechtsbündig oder im Blocksatz erfolgen. Blocksatz: Zeile rechts und linksbündig geschrieben dazu werden Wortzwischenräume verbreitert Der Wortabstand muss deutlich kleiner sein als der Zeilenabstand. 81 Lesbarkeit: Wortabstand Normaler Wortabstand ist die Dickte des kleinen i DieiDickteidesikleineni i idefiniertideniwortabstand.i Der Wortabstand sollte so klein wie möglich sein Zu große Wortzwischenräume lassen die Wörter auseinander fallen Problem beim Blocksatz (Eselspfade) später Zu kleine Wortzwischenräume lassen die Wörter zusammenfallen 82 Lesbarkeit: Zeilenausrichtung 83 Blocksatz: soll einen harmonischen, gleichmäßigen Schrifteindruck vermitteln. Dazu sind Löcher und gesperrte Zeilen erforderlich. Silbentrennung ist in der Regel notwendig. Flattersatz: Beim Flattersatz sollte möglichst eine Folge von langen und kurzen Zeilen erreicht werden. Flatterzone maximal 1/5 der Zeilenlänge, Bäuche und Treppen sollten möglichst vermieden werden. Rausatz: weniger Flattern als beim normalen Flattersatz, maximal vier Trennungen hintereinander erlaubt Block und Flattersatz 84 Lesbarkeit: Zeilenausrichtung Mittelachsensatz: zentrierte Ausrichtung, Satzachse ist die Mitte. Die Zeilen flattern rhythmisch: Bsp.: kurz, lang, mittel, kurz, keine Trennungen zulässig Verwendet bspw. bei Buchtiteln, Urkunden, Gedichten 85 EHRENURKUNDE Deutscher-Hundezüchter-Verband Dr. Jack Russel Universität Magdeburg Herr Dr. Russel wird für sein herausragenden Leistungen bei der Erforschung der kleinsten Hunderasse die Ehrenmitgliedschaft verliehen. Dr. West Highland OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe

14 Lesbarkeit: Zeilenlänge Faustregeln Für Lesbarkeit zwei Faktoren maßgeblich: Länge und Abstand der Zeilen Zu lang ist ungünstig, zu kurz ebenfalls Beste Lesbarkeit bei Zeilen mit Anschlägen bei 8 11pt Schriftgröße Zeilen mit Anschlägen bei mehrspaltigem Text bei Schriftgröße 10 ist Spaltenbreite von 4.5 8cm sinnvoll für Lesbarkeit ist Durchschuss sowie Zeilenabstand entscheidend Zeilenabstand: Abstand von Grundlinie zu Grundlinie Durchschuss: Differenz zwischen Zeilenabstand und Schriftgröße zu geringer Durchschuss lässt Zeilen verschmelzen <2pt zu großer Durchschuss lässt Text zerfallen >6pt optimal: 10 12% der Schriftgröße 86 Lesbarkeit: Absatzgestaltung In den Absätzen wird der Text verwaltet. hat immer ein einheitliches Erscheinungsbild. Um Absätze besser voneinander abzuheben verwendet man für die erste Zeile häufig einen Einzug. Werden negative Einzüge verwendet, so werden die Folgezeilen nach rechts eingerückt. Die Einstellung dafür ist Einzug hängend. Es besteht auch die Möglichkeit, ganze Absätze mit Einzügen zu versehen. 87 Einzug 88 Seitengestaltung, Satzspiegelentwurf 89 Gesamtbild der Drucksache muss auf Empfänger zugeschnitten sein wichtiges Gestaltungselement ist der Weißraum: der nicht bedruckte Bereich Innenbund, Kopf oben, Innen und Außenrand, Fuß, Spalten Gegensatz dazu: Satzspiegel die vom Text oder Bild eingenommene Fläche Mögliches Einteilungsregeln: Goldener Schnitt: Verhältnis 1:1.618 Neunerteilung Konstruktion durch Diagonalzug (Villard sche Figur) Villard sche Figur Neunerteilung Goldener Schnitt Seitengestaltung: Mehrspaltig Einspaltig: meist textlastige Publikationen Zweispaltig: bessere gestalterische Möglichkeiten Bilder mit und ohne Textumfluss Text und Bild in jeweils einer eigenen Spalte Trotzdem gute Lesbarkeit Dreispaltig: häufigstes Layout für viele Zeitschriften, Prospekte und Broschüren Viele Layoutvarianten möglich trotzdem noch genügend Buchstaben in einer Zeile 90 Seitengestaltung: Mehrspaltig vierspaltig: mindestens DIN A4, schöne Gestaltungsmöglichkeiten fünfspaltig: typisch für Tageszeitungen, flexible und variantenreiche Layouts Zweispaltig mit linker/rechter Marginalspalte: gut für Bücher geeignet, Kommentare und Randbemerkungen in extra Spalte 91 Quelle: Brückner et al.: Kompendium der Mediengestaltung, Springer Verlag,

15 Seitengestaltung: Mehrspaltig 92 Quelle: Brückner et al.: Kompendium der Mediengestaltung, Springer Verlag, 2008 Klassische typographische Verbote keine falschen Trenn und Gedankenstriche: es gibt unterschiedliche Längen: Trennstrich: Gedankenstrich: Minus: keine falschen KAPITÄLCHEN, keine verkleinerten Großbuchstaben eine echte Kapitälchenschrift verwenden Keine falschen Kursive: nicht einfach Buchstaben schräg stellen Gilt auch für Fettschrift 93 Klassische typographische Verbote kein falscher Apostroph (nicht ', oder `) Nebenbei: Apostroph ist ein Auslassungszeichen: Keine AGB s, und nicht Marcel s Folien keine falschen Anführungzeichen: Wort oder «Wort» ß nicht zwischen GROßBUCHSTABEN Auslassungszeichen... ist ein eigenes Zeichen (Ellipse) nicht drei Punkte 94 Tastaturkürzel für Anführungszeichen 95 OvGU, Dekanat-FGSE, VL Grundkurs Informatik, WiSe 2010 Typographische Begriffe 96 Hurenkind: Letzte Zeile eines Absatzes am Anfang einer Seite oder Spalte; gilt als typographische Todsünde, da abgesehen von der unästhetischen Wirkung der Leserhythmus unnötig gestört wird. Schusterjunge: Alleinstehende Anfangszeile eines Absatzes am Ende einer Spalte oder Seite. Eselspfad: Löchriger Blocksatz, wo Wortzwischenräume so übereinander liegen, dass sich senkrecht zur Leserichtung weiße Linien bilden. Typografie sollte in erster Linie den Inhalt und Zweck eines Werkes verdeutlichen und an die Bedürfnisse des Lesers angepasst werden. Hierbei ist optimale Lesbarkeit Voraussetzung. Zu den Anwendungsbereichen der Typografie zählen neben der Gestaltung von Fließtexten in Romanen oder Sachbüchern vor allem die Akzidenzdrucke. Dazu gehören Werbeprospekte, Einladungen, Verträge, Formulare u.a. Bei den unterschiedlichen Drucksachen ist darauf zu achten, dass die typografische Gestaltung an die Intention des Textes angepasst wird. So setzt beispielsweise das sogenannte informierende Lesen einen übersichtlich gegliederten Text voraus, der in einzelne Spalten und Abschnitte unterteilt und durch fettgedruckte Wörter ausgezeichnet ist. Diese Form der Gestaltung findet sich vor allem bei Lexika, aber auch auf Flyern oder Hurenkind 97 Werbeprospekten. Anders die Anordnung eines Romantextes. Hier ist auf einen möglichst gleichmäßigen Lesefluss zu achten. Zu betonende Sätze oder Wörter werden eher dezent durch kursive Auszeichnung hervorgehoben. 15

16 Schusterjunge 98 Eselspfad 99 Typografie sollte in erster Linie den Inhalt und Zweck eines Werkes verdeutlichen und an die Bedürfnisse des Lesers angepasst werden. Hierbei ist optimale Lesbarkeit Voraussetzung. Zu den Anwendungsbereichen der Typografie zählen neben der Gestaltung von Fließtexten in Romanen oder Sachbüchern vor allem die Akzidenzdrucke. Dazu gehören Werbeprospekte, Einladungen, Verträge, Formulare u.a. Bei den unterschiedlichen Drucksachen ist darauf zu achten, dass die typografische Gestaltung an die Intention des Textes angepasst wird. So setzt beispielsweise das sogenannte informierende Lesen einen übersichtlich gegliederten Text voraus, der in einzelne Spalten und Abschnitte unterteilt und durch fettgedruckte Wörter ausgezeichnet ist. allem bei Lexika, aber auch auf Flyern oder Werbeprospekten. Anders die Anordnung eines Romantextes. Hier ist auf einen möglichst gleichmäßigen Lesefluss zu achten. Zu betonende Sätze oder Wörter werden eher dezent durch kursive Auszeichnung hervorgehoben. Diese Form der Gestaltung findet sich vor Anregungen für bessere Präsentationen Christoph Koeberlin Exkurs: Präsentationen 100 DIGITALE MEDIEN: MAKROTYPOGRAPHIE OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe Qualität, Authentizität, Anmutung Schrift auswählen 1. Schrift mit Bedacht auswählen, Serifenlose Schrift 2. Weniger ist mehr: Folien nicht überfrachten, 5 15 Stichpunkte 3. Gleiches gleich behandeln: Formatierung, Schriftart, Farben, nicht von Folie zu Folie ändern 4. Schriftgröße: weniger Text (siehe Punkt 2), Schrift größer, Größe der Projektionsfläche berücksichtigen 5. Zeilenlänge, Satzart & Zeilenabstand: Schrift größer Zeilen kürzer Fla ersatz notwendig Zeilenabstand kleiner (aber nicht zu klein!) Gleiches gleich behandeln 102 Schriftgröße

17 Zeilenlänge, Satzart & Zeilenabstand 104 Anregungen für bessere Präsentationen Christoph Koeberlin 6. Farbe & Kontrast: guten Kontrast zwischen Schrift und Hintergrund wählen beeinflusst Lesbarkeit Richtige Anführungsstriche, Gedankenstriche und Apostrophe Optische Achsen 8. Optische Achsen: dem Auge optische Achsen bieten 106 Exkurs: Erstellen wissenschaftlicher Arbeiten 107 DIGITALE MEDIEN: MAKROTYPOGRAPHIE Erstellen wissenschaftlicher Arbeiten Kurzabriss Kurzreferat Referat Hausarbeit Bachelorarbeit Masterarbeit Doktorarbeit 108 Wichtig: gutes Projektmanagement Definition nach Umberto Eco Die Untersuchung behandelt einen erkennbaren Gegenstand, der so genau umrissen ist, daß er auch für Dritte erkennbar ist. 2. Die Untersuchung muß über diesen Gegenstand Dinge sagen, die noch nicht gesagt worden sind, oder sie muß Dinge, die schon gesagt worden sind, aus einem neuen Blickwinkel sehen. 3. Die Untersuchung muß für andere von Nutzen sein. 4. Die Untersuchung muß jene Angaben enthalten, die es ermöglichen nachzuprüfen, ob ihre Hypothesen falsch oder richtig sind, sie muß also die Angaben enthalten, die es ermöglichen, die Auseinandersetzung in der wissenschaftlichen Öffentlichkeit fortzusetzen. 17

18 Kennzeichen wissenschaftlicher Arbeiten klar strukturierte Präsentation eines Themas Literaturrecherchen und deren Auswertung erkennbare Bezüge zu verwandten Arbeiten deutliche Darstellung eigener Ergebnisse kritische Auseinandersetzung mit eigenen und fremden Ergebnissen weiterführende Ideen 110 Erstellen wissenschaftlicher Arbeiten Inhalt ist wichtig! Form unterstützt Inhalt: klarer Aufbau, einheitliches Erscheinungbild Klare Struktur im Kopf klare Struktur der Arbeit Klassischer Aufbau: (Deckblatt und/oder Zusammenfassung) (Verzeichnisse) Einleitung (Vorbetrachtungen) Hauptteil Schluß/Evaluation Ausblick 111 Idee Thema Inhalt Die Idee: oftmals unstrukturiert weit davon entfernt, ein Thema zu sein lose Stoffsammlung 112 Idee Thema Inhalt 113 Das Thema: aus der Ideensammlung entwickelt strukturierte, wissenschaftlich formulierte Zielstellung der Arbeit unbedingt schriftlich fixieren, egal wie abwegig die Gedanken erscheinen mit anderen diskutieren bringt neue Ideen bzw. Klarheit über die vorhandenen Ideen Was haben die Ideen gemeinsam? Gibt es einen Überbau zu den Ideen? alle Themenvorschläge aufschreiben zur Formulierung Hilfe anderer suchen Idee Thema Inhalt Schriftliche Ausarbeitung Der Inhalt: Analysieren der Themenstellung Begriffe, Schlüsselkonzepte, Beziehungen Dekomposition in Teilthemen versuchen, einen roten Faden durch diese zu finden Materialien gliedern roten Faden nicht aus den Augen lassen Versuch eines Inhaltsverzeichnisses den jeweiligen Umfang abschätzen mit dem Betreuer oder anderen diskutieren keine Angst vor späterem Umstrukturieren 18

19 Mögliche Vorgehensweise pro Kapitel ein A4 Blatt Kapitelüberschrift festlegen und aufschreiben Stichpunkte zum möglichen Inhalt dazuschreiben 116 Materialien entsprechend dem Inhalt des Kapitels zusammensuchen Versuchen, eine Gliederung innerhalb des Kapitels zu erstellen und auf ein zweites Blatt schreiben 117 das Ganze nochmals überdenken und auf einem sauberen farbigen A4 Blatt den Inhalt zusammenfassen Zusammenheften, zwei Tage in die Ecke legen und etwas vollständig anderes machen Erstellen wissenschaftlicher Arbeiten Formales: 118 Schriftgrößen, je nach Dokumentart: 10 12pt für Fließtext Durchnummerierung: Seiten, Tabellen, Abbildungen, Kapitel, Abschnitte, Formeln Einheitliche Gestaltung von Überschriften Kopf /Fußzeile je nach Druckwerk Je nach Dozent: 1,5zeilig, doppelseitig, PDF Am besten Formatvorlage erstellen Das Aussehen eines Dokumentes sagt viel über den Verfasser aus! Layout ist nicht nur Beiwerk. Gut gestaltete Arbeiten helfen, die intendierte Botschaft zu vermitteln. Seitengröße Minimum: überall ca. 2 cm Rand unterschiedliche Möglichkeiten je nach Anwendung Heftrand äußerer Rand für Notizen nicht zu schmal 119 Kopfzeile Kapiteltitel / Abschnittstitel Seitenzahl Seitengestaltung 120 Abtrennung durch waagerechte Linie Fußzeile leer Seitenzahl (wenn nicht in Kopfzeile) Institutsvorgaben erfragen! Schriftarten Wenige, gut lesbare und zusammen passende Fonts auswählen Überschriften ohne Serifen Haupttext mit Serifen 2 Schriftfamilien reichen aus eventuell noch eine nicht proportionale Schrift für Quellcode

20 Beispiele für Schriftarten 122 Windows Textverarbeitungen: Überschriften Arial (Helvetica) Haupttext Times New Roman (Times) Quelltexte Courier New (Courier) LATEX: Koma Script verwenden (Voreinstellungen ideal) Helvetica / Times / Courier Illustrationen / Abbildungen Inhaltlicher Textbezug Illustrationen sind kein schm uckendes Beiwerk, daher Einsatz gut überdenken. Positionierung mit Layout abstimmen keine Abbildung ohne Referenz im Text 123 Illustrationen / Abbildungen Richtig gliedern Qualität der Bilder scannen und nachbearbeiten optimiert auf Druckmethode Zeichnungen nach einheitlichem Schema Beschriftungen gut lesbar Hervorhebungen / Markierungen aussagekräftige Überschriften nicht mehr als 4 Gliederungsebenen möglichst 3 oder mehr Überschriften auf einer Ebene Richtig zitieren Richtig zitieren Zitate: Kennzeichnen! Wörtliche Zitate müssen exakt der Quelle entsprechen Quelle wird vermerkt: Sofort hinter dem Zitat Als Fußnote Im Literaturverzeichnis Angaben nach bestimmten Schema, unterschiedlich je nach Art der Literatur Beispiel Buch: Name, Vorname, Titel, Ort, Verlag, Jahr, Seite(n) Vollständige Quellenangaben! Autor / Herausgeber Titel Buchtitel Verlag, Verlagsort Erscheinungsjahr Seitenzahlen Richtlinien einhalten 20

21 Richtig zitieren... Richtig zitieren Beispiel Buch: Beispiel Buch: James D. Foley, Andries van Dam, Steven K. Feiner, John F. Hughes: Computer Graphics. Principle and Practice. Addison Wesley Inc., Reading, MA James D. Foley, Andries van Dam, Steven K. Feiner, John F. Hughes: Computer Graphics. Principle and Practice. Addison Wesley Inc., Reading, MA Beispiel Konferenzbeitrag: Richtig zitieren Ebner, M., Schön, S., Stocker, A., Rothe, H., Tsang, P. (2013) Discussing Public Voting in the Web as a Measure to Democratize Award Decisions. In: Tsang,P., Eustace K. Tsoi, R, & Tse, S.(eds) Proceedings of Social Media Conference 2013, pp , City University press, ISBN Takafumi Saito, Tokiichiro Takahashi: Comprehensible Rendering of 3 D Shapes. In: Forest Baskett (Hrsg.): Proceedings of SIGGRAPH 90 (Dallas, August 1990), ACM SIGGRAPH, New York, 1990, S Beispiel Zeitschriftenartikel: Richtig zitieren Martin Ebner, Sandra Schön, Lambert Heller, Rudolf Mumenthaler: Editorial: Wie gestalten wir die Zukunft mit Open Access und Open Educational Resources?. In: Zeitschrift für Hochschulentwicklung, Jahrgang 8, Nr. 4, November 2013, S Beispiel Webseite: Richtig zitieren Ebner, Martin: [L3T] Von der Kreidetafel zum Tablet, URL: (aufgerufen am: ) Tipps: Permalink verwenden (bei Seiten, die sich dynamisch ändern) Screenshot erstellen und/oder Seite archivieren wissenschaftlichkeit der Seite überprüfen Quellenverzeichnis ev. nach Art trennen (Literaturverzeichnis, Verzeichnis der Onlinequellen oder Webseiten als Fußnote, ) Fertigstellung 133 Rechtschreibung kontrollieren! am besten von jemandem lesen lassen, der vom Fach keine Ahnung hat in Zweifelsfällen: Duden Nach typographischen Fehlern suchen Ausdruck kontrollieren Form kontrollieren Probeausdruck! Bindung / Umschlag 21

22 Und dann? Über die gelungene Arbeit freuen Vortrag vorbereiten Elektronische Textverarbeitung Historisches Entwicklung der elektronischen Textverarbeitung WordMaster 1977 TeX(Donald E. Knuth Stanford University) 1978 Word Star 1.0 für CP/M (MicroPro) 1982 Word Star 3.0 für MS DOS 1983 MS Word 1.0 für PC 1984 StarOffice 1985 MS Word für MAC 1985 LaTeX (Leslie Lamport) 1999 StarOffice wird kostenlos, InDesign Start OpenOffice Projekt (Version ), InDesign Word 2007 (Office 2007) 2008 InDesignCS4(6.0) (CS Creative Suite seit Version 3.0) 2010 Word OpenOffice 3.3.0, Abspaltung LibreOffice 2011 InDesignCS Adobe Creative Suite CS Word OpenOffice WYSIWYG: What you see is what you get Begriff geprägt von Xerox am PARC, Ende 1970er Jahre erster WYSIWYG Editor: Bravo (auf XEROX Alto) 137 Problem: WYSIWYG Ansatz verleitet Autoren dazu alle Aufgaben der Dokumenterstellung selbst zu übernehmen viel schlimmer: sie alle gleichzeitig zu erledigen elektronische Textverarbeitung 138 bessere Lösung: Text schreiben, logische Struktur nicht vergessen während des Schreibens Text auszeichnen: \section{überschrift} <section>überschrift</section> auch in WYSIWYG Anwendungen ist dies möglich, wird aber häufig nicht genutzt außerdem wird Darstellung sofort geändert Autor wird abgelenkt und kümmert sich um schöne Überschriften Vorteile elektronischer Textverarbeitung 139 Eingebaute Regeln des Schriftsatzes z.b. Verwendung von Ligaturen, Satz von Trennzeichen Benutzung von Format Vorlagen Automatisches Erstellen von: Verzeichnissen (Inhalt, Literatur, Tabellen, Abbildungen) Listen (Literatur) Umbrüchen, Trennungen Automatische Nummerierung, beispielsweise von: Tabellen Abbildungen Kapiteln und Abschnitten 22

23 Mögliche Probleme von WYSIWYG-Dokumenten Demo OpenOffice sind oft uneinheitlich, jeder Autor hat ein anderes Design werden auf unterschiedlichen Druckern unterschiedlich gedruckt außerdem: Bildschirmauflösung stimmt nicht mit Druckerauflösung überein (Bildschirm: dpi, Drucker: dpi) Verfügen meist nicht über akzeptablen Formelsatz haben keine typographisch sinnvollen Voreinstellungen bzw. nehmen auf viele typographische Feinheiten keine Rücksicht beispielsweise: automatische Verwendung von Ligaturen richtigen Satz von Trennstrichen Vermeidung von typographischen Verboten Alternative: LaTeX TeX & LaTeX TeX: von Donald E. Knuth entwickeltes Textsatzsystem für qualitativ hochwertige Dokumente kein WYSIWYG, Texte werden ausgezeichnet TeX: Compiler, der ausgezeichneten Text in Druckseite umwandelt Text (ASCII) TeX Compiler kennt eine Reihe von Regeln, die für Typographie verantwortlich sind, beispielsweise für: Zeilenumbruch, incl. Silbentrennung Seitenumbruch Positionierung von Buchstaben Regeln arbeiten mit Bewertungspunkten (penalties) je nach Bewertung wird Umbruch durchgeführt Optimierung 145 TeX Compiler Druckseite(n) LaTeX verkörpert den traditionellen Textsatz Autor: wir schreiben,... Verlag: LaTeX beinhaltet viele Vorlagen für unterschiedliche Dokumentarten Artikel, Bücher, Dissertationen, Diplomarbeiten, Präsentationen, uvm. Setzer: LaTeX kümmert sich um Zeilen und Seitenumbruch, erstellt Verzeichnisse, nummeriert Bilder, Tabellen, erstellt und verwaltet Referenzen und erzeugt schließlich PDF oder DVI Drucker: Druckerei oder (Epson/Canon/HP...) Buchbinder: Okay, das kann LaTeX nicht. 147 LaTeX - Beispieldokument 148 \documentclass[a4paper]{book} \usepackage[latin1]{inputenc} \begin{document} \chapter{kapitel-überschrift} \section{abschnitt-überschrift}... \end{document} Warum LaTeX? 149 Word: Textsatz einfacher durch WYSIWYG LaTeX: Druckseite sieht besser (einheitlicher im Grauwert) aus LaTeX zwingt Autoren dazu ihre Texte zu strukturieren Formeln werden besser gesetzt Word LaTeX 23

24 Warum LaTeX? 150 exotische Schriftarten werden unterstützt Frakturschriften, Schwabacher, Schmuckinitialen, Sütterlin Keilschrift, Hieroglyphen Lautschrift, Schachsymbole Noten... und bei allen Schriftarten werden die entsprechenden Regeln des Schriftsatzes beachtet Warum LaTeX? typographische Feinheiten werden berücksichtigt Texte beliebiger Größe werden problemlos beherrscht Verzeichnisse werden automatisch erzeugt Literatur, Inhalt Tabellen Abbildungsverzeichnisse, Index nur das was im Text referenziert wird kommt auch ins Verzeichnis Verweise werden automatisch verwaltet Nummerierungen werden automatisch erzeugt Buchdruckqualität wird erreicht LaTeX ist komplett kostenlos 151 Benötigt Einarbeitungszeit Warum LaTeX nicht? 152 Schönheit wird mit Aufwand erkämpft Viele Teile sind unübersichtlich: komplexe Formeln, teilweise auch Tabellen $N=(\sqrt[x\frac{1}{y}]{\frac{\sum_{a}^{b}}{\int_{\circleddash}^{\frac{2}{ \kappa}}}})$ abweichen vom Standard ist aufwendig und verlangt Detailkenntnisse DTP ist schwierig 24