Digitale Medien Vergangene Vorlesung. Kodierung. Weiter geht s mit. Bytes. Bits
|
|
- Petra Lichtenberg
- vor 7 Jahren
- Abrufe
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, SoSe 2014 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 Weiter geht s mit 1. Grundlagen des Textsatzes 2. Mikro, Makrotypographie 3. Typographische Maßeinheiten, Begriffe 4. Typographische Fehler 5. Textverarbeitungs und satzsysteme Grundlagen des Textsatzes 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
5 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 25 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. 26 Definition 27 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. 28 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 29 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. Makrotypographie: Typographie 30 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. 5
6 Mikrotypographie 31 Mikrotypographie 32 Gestaltung des Schriftsatzes im Kleinen Mi k ro Schriftarten Laufweiten Laufweite/Buchstabenabstände Wortabstände Typographische Fehler Besonderheiten wie Ligaturen, Serifen, OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2014 Historisches 33 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. Historisches: die ersten Jahre Vor der Benutzung von Schrift, Verständigung über Zeichen und Bilder 34 Übergang zur Verwendung von Piktogrammen und Ideogrammen Peters,Koerber: Unterricht mit StarOffice7, LOG IN Heft Nr. 131/132 (2004) S 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«. 35 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
7 Historisches Phönizisches Alphabet... lateinisches Alphabet 37 Majuskeln, Minuskeln Entwicklung der Majuskeln, Versalien oder Großbuchstaben: 38 ugaritisch phönizisch: lateinisch: Aleph Beth Gimel Daleth A B C D phönizisch altgriechisch griechisch römisch römische Capitalis 1000 v. Chr. 700 v. Chr. 400 v. Chr. 100 v. Chr. 100 n. Chr. Majuskeln, Minuskeln Entwicklung der Minuskeln oder Kleinbuchstaben: 39 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 40 Ausschnitt aus der Gutenbergbibel Quelle: Bibel Gebrochene Schriften Schriften, bei denen die Bögen einen Bruch aufweisen Erfindung des Buchdrucks OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2014 OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe
8 Historische Entwicklung der Schriftarten bis 20. Jahrhundert 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 43 e/2009/01/recasting-caslonold-face.html Garamond Times Bodoni Palatino 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 44 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 Wichtig für Informationsübermittlung, Auch: FE Schriften von Karlgeorg Hoefer FE=Fälschungserschwerend 45 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 46 Curlz MT OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2014 OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2014 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 Ohne Serifen Verdana Calibri Myriad Tahoma Schrift am Bildschirm 48 Mit Serifen Georgia Courier (New) 8
9 Schriftarten Schriftarten nach DIN engl. Type Face: Zusammenfassung einzelner Zeichen Klassifikation von Schriftarten ist umstritten Genormt: DIN Problem: Normung schon sehr alt: 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 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 Schriftklassifikation nach Formprinzip 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 Eigenschaften von Schriftzeichen 52 MIKROTYPOGRAPHIE Bildquellen: Wikipedia OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2014 Mikrotypographie 53 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. Geometrische Grundformen von Schriften Die Buchstaben mancher Schriftarten (Serifenlose Linearantiqua, geometrisch konstruiert) werden aus drei geometrischen Grundformen abgeleitet. A M O 54 Dreieck Quadrat (Viereck) Kreis (Ellipse) Beispiel: Futura: A M O OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe
10 Bemaßung von Glyphen, wichtige Begriffe 55 Bemaßung von Glyphen, wichtige Begriffe 56 [Henning, 2003] Zeichenmaße, Linienarten Á 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 57 Bemaßung von Buchstaben 59 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 2014 Zeichenabstand 60 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 61 OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe
11 Schriftgrößen, Maße 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] 62 Begriffe aus der Druckersprache 64 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 65 Serifen H H serifenlos mit Serifen serifenlose Schriften Arial Avant Garde Comic Sans MS Helvetica Tahoma Schriftformen 66 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 67 Typographische Begriffe 68 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 69 Schriftarten für wiss. Arbeiten 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 70 OvGU, Dekanat-FHW, VL Digitale Medien, SoSe 2014 Zahlen Zwei Arten von Zahlendarstellungen: Mediävalziffern: Normalziffern: Außerhalb von Fließtext: Normalziffern Innerhalb von Fließtext: Mediävalziffern Schriftart mit Mediävalziffern (Bsp.): Georgia, Ohne: Helvetica, Arial, Calibri, Lucida 71 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 72 OvGU, Dekanat-FHW, VL Digitale Medien, SoSe 2014 Digitale Schriften: Bitmap-Schriften 74 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 12
13 Raster Tragedy Fonts werden durch ihren Umriss beschrieben (Outline) Problem: Bildschirm ist Raster basiert 75 Makrotypographie 76 k Ma ro /typography/tools/trtalr.ht m Layout & Typographie Das Aussehen eines Dokumentes sagt viel über den Verfasser aus! Layout ist nicht nur Beiwerk. Gut gestaltete Arbeiten helfen, die intendierte Botschaft zu vermitteln. Layout ist Geschmackssache?! 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 78 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. 79 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 80 13
14 Lesbarkeit: Hervorhebungen nach einem einheitlichen Schema nicht unterstrichen, nicht fett, keine andere Schriftart am angenehmsten: kursiv 81 Lesbarkeit: Zeilenausrichtung 82 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 OvGU, Dekanat-FHW, VL Digitale Medien, SoSe 2010 Block und Flattersatz 83 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 84 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 2010 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 85 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
15 Einzug 87 Seitengestaltung, Satzspiegelentwurf 88 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 (Villardsche Figur) Villardsche Figur Neunerteilung Goldener Schnitt Villardsche Figur 89 Villardsche Figur 90 Kopfsteg Außensteg Bundsteg Fußsteg siehe dazu auch siehe dazu auch OvGU, Dekanat-FHW, VL Digitale Medien, SoSe 2014 OvGU, Dekanat-FHW, VL Digitale Medien, SoSe 2014 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 91 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 92 Quelle: Brückner et al.: Kompendium der Mediengestaltung, Springer Verlag,
16 Seitengestaltung: Mehrspaltig 93 Quelle: Brückner et al.: Kompendium der Mediengestaltung, Springer Verlag, 2008 Illustrationen / Abbildungen Textbezug, keine Abbildung ohne Verweis im Text Abbildung sollte vor dem Verweis stehen Nummerierung beachten, üblich: fortlaufend, Kapitel.lfd_Nummer Muss eindeutig sein Illustrationen sind kein schmückendes Beiwerk, daher Einsatz gut überdenken. Positionierung mit Layout abstimmen > vom Druckwerk abhängig Normale Positionierung für Fachliteratur (Bücher, Aufsätze, Abschlussarbeiten): am Anfang oder Ende der Seite Qualität der Bilder Illustrationen /Abbildungen scannen und nachbearbeiten optimiert auf Druckmethode Zeichnungen nach einheitlichem Schema Beschriftungen gut lesbar Sinnvolle Bildunterschrift wählen, sie sollte klar machen, was das Bild aussagt Klassische typographische Verbote keine falschen Trenn und Gedankenstriche: es gibt unterschiedliche Längen: Trennstrich: Binde /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 96 Klassische typographische Verbote kein falscher Apostroph (nicht ', oder `) Nebenbei: Apostroph ist ein Auslassungszeichen: 97 Keine AGB s, und nicht Marcel s Folien, richtig: Andreas Buch keine falschen Anführungszeichen: Wort oder «Wort» ß nicht zwischen GROßBUCHSTABEN Auslassungszeichen... ist ein eigenes Zeichen (Ellipse) nicht drei Punkte Tastaturkürzel für Anführungszeichen 98 OvGU, Dekanat-FGSE, VL Grundkurs Informatik, WiSe
17 Typographische Begriffe 99 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 100 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. Schusterjunge 101 Eselspfad 102 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 103 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!) 17
18 Gleiches gleich behandeln 105 Schriftgröße 106 Zeilenlänge, Satzart & Zeilenabstand 107 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
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
MehrDigitale 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
MehrDigitale 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
MehrVorvergangene 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
MehrDigitale 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
Mehr2. 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
MehrDigitale Medien 2. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE MARCEL GÖTZE. OvGU, Dekanat-FHW, VL Digitale Medien, SoSe 2014
Digitale Medien 1 2. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE MARCEL GÖTZE OvGU, Dekanat-FHW, VL Digitale Medien, SoSe 2014 Grundbegriffe: Medium Multimedia Information Kommunikation Vergangene Vorlesung
MehrDigitale 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
MehrDigitale 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
MehrDigitale Medien 2. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE MARCEL GÖTZE. OvGU, Dekanat-FHW, VL Digitale Medien, WiSe 2012
Digitale Medien 1 2. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE MARCEL GÖTZE OvGU, Dekanat-FHW, VL Digitale Medien, WiSe 2012 Grundbegriffe: Medium Multimedia Information Kommunikation Vergangene Vorlesung
MehrDigitale 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
Mehr2. 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 2010 16.04.2010 Grundbegriffe: Medium Multimedia Information Kommunikation Vergangene
MehrDigitale 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
Mehr3. DIGITALE TYPOGRAPHIE MAKROTYPOGRAPHIE
Digitale Medien 1 3. DIGITALE TYPOGRAPHIE MAKROTYPOGRAPHIE MARCEL GÖTZE OvGU, Dekanat-FGSE, VL Digitale Medien, SoSe 2009 27.04.2009 Mk Makrotypographie: Zeilengestaltung Absatzgestaltung t Seitenlayout
MehrDigitale Medien Makrotypographie. Zeilengestaltung. Dokumentenlayout. Block und Flattersatz. Zeilenausrichtung
Makrotypographie Digitale Medien 56 2. VOM BIT ZUM TEXT DIGITALE TYPOGRAPHIE MARCEL GÖTZE Mkr MarO 1 Dokumentenlayout Im Dokumentenlayout werden die Formate eines Druckwerkes definiert. Dazu gehören z.b.:
MehrKodierung. Bytes. Zahlensysteme. Darstellung: Zahlen
2 Einführung in die Informationstechnik VI Information und ihre Darstellung: Zahlen, Zeichen, Texte Heute 1. Information und Daten 2. Informationsdarstellung 1. Zahlen 1. Binärsystem 2. Dezimalsystem 3.
MehrVI Information und ihre. Texte
Einführung in die Informationstechnik VI Information und ihre Darstellung: Zahlen, Zeichen, Texte 2 Heute 1. Information und Daten 2. Informationsdarstellung 1. Zhl Zahlen 1. Binärsystem 2. Dezimalsystem
MehrAbcd. 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
MehrSchrift & 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,
MehrAnwendersoftware. 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
MehrInhalt. 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
MehrMakrotypographie 70 k a O
Makrotypographie 70 k a O 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
MehrDigitale Medien. Vergangene Vorlesung. Grundbegriffe: Information. Grundbegriffe: Daten. Weiter geht s mit. Kodierung.
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
Mehr07.05.2012. Makrotypographie. Dokumentenlayout. Lesbarkeit: Wortabstand. Lesbarkeit: Zeilengestaltung. Lesbarkeit: Zeilenausrichtung
Makrotypographie 70 Ma k ro 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
Mehr2. Web 2.0, Semantic Web. 3. Wissensmanagement. 1. Methoden des Wissensmanagements. 2. Software. 4. Wissensrepräsentation
Überblick GRUNDKURS INFORMATIK 2 DATEN-INFORMATION-WISSEN 1. Informatik Grundlagen: Informationsdarstellung, Information und Daten, Algorithmen, Problemlösung. 2. Web 2.0, Semantic Web 3. Wissensmanagement
Mehr2 DATEN-INFORMATION-WISSEN. Marcel Götze
GRUNDKURS INFORMATIK 2 DATEN-INFORMATION-WISSEN Marcel Götze Überblick 1. Informatik Grundlagen: Informationsdarstellung, Information und Daten, Algorithmen, Problemlösung. 2. Web 2.0, Semantic Web 3.
MehrTypografibel. 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...
MehrKapitel 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
MehrSeminar 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
MehrDesktop 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
MehrTypografie. Ü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
MehrKleine 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
MehrMediengestaltung: Typografie
Mediengestaltung: Typografie > wiederholen Symbolzeichen Vincá Kultur Osteuropa Babylonische Keilschrift Phoenizisches Alphabet Maßeinheiten und Umrechnung 1 Didot-Punkt
MehrTechnik 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
MehrKapitel 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
MehrFortsetzung. Digitale Typographie und -textverarbeitung. OvGU, Dekanat-FGSE, VL Grundkurs Informatik, WiSe
63 Fortsetzung Digitale Typographie und -textverarbeitung OvGU, Dekanat-FGSE, VL Grundkurs Informatik, WiSe 2010 15.11.2010 Anregungen g für bessere Präsentationen Christoph Koeberlin 64 1. Qualität, Authentizität,
MehrKapitel 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
MehrText- 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
MehrHier Übersicht soll die Überschrift sein
Typografiebasics Hier Übersicht soll die Überschrift sein Hier der Text qp qp Comic A Schriftgeschichte Lesbarkeit Schriftcharakter Schriftsatz Schriftgeschichte Höhlenmalerei, Altamira, 16000 bis 11000
MehrTypo gra phie- Schulung <em >- fa ktor November Einführung in die Typographie. Sommer. Sommer. Sommer. Sommer
Einführung in die Typographie Sommer Sommer Sommer Sommer Einführung in die Typographie Typo (altgriechisch typos Schlag, Stoß, später auch Eindruck, Muster, Bild ) graphie (altgriechisch -graphia Schreiben,
MehrGrundkurs 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
MehrWorum geht es bei Gestaltung?
Fläche Raum Gestaltung Worum geht es bei Gestaltung? Lesbarkeit von Text (keine Kunst) Keine Frage der Software sondern eine Frage der Professionalität Unkenrufe oder Mythen zu Softwareprodukten sind meist
Mehrabcdeäöü 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
MehrSatzarten. Blocksatz. Flattersatz linksbündig
Satzarten Das Schriftbild wird in hohem Maße durch die Satzausrichtung bestimmt. Die meisten Programme die mit Text arbeiten, lassen eine Einstellung der Textränder zu. Blocksatz Der Blocksatz ergibt klar
MehrGrafik 46 Schrift als Gestaltungselement (Klasse 7 8) Voransicht
1 von 16 Mehr als nur ein Wort Schrift als Gestaltungselement Stefanie Rapp, Stuttgart Schreiben mit Feder und Tusche? Das braucht etwas mehr Übung, als eine Nachricht per WhatsApp zu verschicken. Schreiben
MehrKlassische Typografiefehler
Von Schusterjungen, Hurenkindern und Zwiebelfischen Tipps und Tricks rund um Ihr Marketing, Grafik und Design Von Schusterjungen, Hurenkindern und Zwiebelfischen Langner Beratung GmbH Metzgerstraße 59
Mehrexists 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
MehrKapitel 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
Mehr2. Schrift und Typografie Schriftentwicklung
2. Schrift und Typografie 2.1 Schriften 2.1-1 Schriftentwicklung (Quellen aus [4]) Schrift einer unser Wichtigsten Informationsträger - bevor es die Schrift gab verständigten sich die Menschen mit Hilfe
Mehrmikrotypografie 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
MehrMediengestaltung: 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,
MehrSatzspiegelentwurf. Satzspiegelentwurf
Satzspiegelentwurf Als Satzspiegel wird die für Text und Bilder genutzte Fläche des gewählten Papierformates bezeichnet. Der Satzspiegel wird durch vier Seitenränder umgeben. Mediengestaltung I _ Tanja
MehrGrundkurs 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
Mehr4.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
Mehr3. 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
MehrSchrift- klassifikation
Schrift- klassifikation Warum sollten wir Schriften klassifizieren? Orientierung in der Schriften-Fauna Orientierung in der Schriften-Fauna Vertrieb/Verkauf Orientierung in der Schriften-Fauna Vertrieb/Verkauf
MehrBildschirmtypografie 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
MehrDie erste Erscheinung von Printprodukten wird wesentlich von dem gewählten Papierformat bestimmt.
Karl-Heinz Eden Grundlagen der Gestaltung Seite 1 Programme: Textbearbeitungsprogramme, Layout- und DTP- Programme A Typografie und Layout: Seite einrichten Die erste Überlegung im Layout betrifft das
MehrTypografie und Layout \ Catrin Sieber \ Wintersem ester \ Hochschule für Künste Bremen \ Studiengang Digitale Medien \ Mediengestaltung \
Typografie und Layout \ Catrin Sieber \ Wintersem ester 2005-06 \ Hochschule für Künste Bremen \ Studiengang Digitale Medien \ Mediengestaltung \ Medieninformatik Optische Grundlagen Typografie und Layout
MehrLernheft 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
Mehr1 XXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXX 5 XXXXXXXXXXXX
Satzarten (1) Blocksatz (2) Mittelachsensatz (3) Flattersatz (li. und re.) (4) Rausatz (5) Freier Zeilenfall (6) Form-/kontursatz Rausatz: Ähnlich dem Flattersatz Flatterzone sehr gering Merke: Eine gute
MehrErgänzende Informationen zum LehrplanPLUS
Mengenschriften: Klassische Antiquaschriften (Serif) Vereinfachte Schriftklassifikation anhand von Beispielschriften (hauptsächlich Freefonts) Klassizistische Antiquaschriften (Modern Face) nbetonte Linear-Antiqua
MehrArm 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.
MehrArm 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.
MehrOhne 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
MehrTechnische 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
MehrWas ist Typografie? Textgestaltung :54
Was ist Typografie? Typografie ist die Fertigkeit oder die Kunst, einen gegebenen Text mit Hilfe von Einzelbuchstaben, Ziffern und Zeichen unterschiedlichen Charakters (Schriftarten), unterschiedlicher
MehrTextfluss. Zu verwenden ist außerdem der Adobe Absatz-Setzer (Paragraph Composer): Titel
Textfluss Jeden Text grundsätzlich einfach einfließen lassen. Keine Manipulationen, um Platz zu sparen (kein Sperren oder Stauchen, keine Veränderung der Buchstabenbreite). Keine manuellen Trennungen einfügen
MehrWas 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
MehrBasiselemente > 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
MehrTYPO BROSCHÜRE. Autor: Anil Zaugg
TYPO BROSCHÜRE Autor: Anil Zaugg Um die unterschiedlichen Schriften zu klassifizieren, existieren verschiedene Ordnungssysteme. Die in dieser Broschüre verwendete Klassifizierung folgt dem Ansatz von HANS
Mehr{ 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
Mehr7. Hinweise zur Gestaltung Ihres Manuskripts
7. Hinweise zur Gestaltung Ihres Manuskripts Die Titel des Verlags für Systemische Forschung erscheinen in einem Reihendesign, das heißt, sie sind in ihrer äußeren Form, der Ausstattung und dem Innenlayout
MehrGestaltung wissenschaftlicher Arbeiten
Gestaltung wissenschaftlicher Arbeiten Typografie für eine Diplomarbeit Ist doch überflüssiges Wissen! Ich weiß selbst was gut aussieht! Das macht für mich LaTeX, InDesign, QuarkXpress, etc.! Ich habe
MehrTypo-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
MehrGestaltung von Dokumenten. 10. Oktober 2003
Gestaltung von Dokumenten Jens Pönisch 10. Oktober 2003 Literatur Willberg, Forssman: Lesetypographie Willberg, Forssman: Erste Hilfe in Typografie Rechenberg: Technisches Schreiben Kohm, Morawski: KOMA-Script
MehrLaufweite (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
MehrTypographie 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
MehrFormvorgaben für Seminar- und Abschlussarbeiten
Formvorgaben für Seminar- und Abschlussarbeiten Hinweis: Die Formatierung sollte zu Beginn vorgenommen werden. Weiterhin sollten die Automatisierungsmöglichkeiten des Textverarbeitungsprogramms genutzt
Mehr3. 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
MehrFACHAUSDRÜ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)
MehrDOKUMENTATION 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
Mehr3. 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:!
MehrIngo Merbeth. Schriftklassifikation
Ingo Merbeth Schriftklassifikation Grundlagen der Typografie Folie 2 Inhalt DIN 16518 2 I Venezianische Renaisance-Antiqua 3 II Französische Renaisance-Antiqua 8 III Barock-Antiqua (Übergangsantiqua) 13
MehrDie. Geschichte. der. Schrift. Daniela Schwarzer, Marc Tönsing und Philipp Anders 1 von 54
Daniela Schwarzer, Marc Tönsing und Philipp Ans 1 von 54 Inhalt Kapitel [01 Marc Tönsing] Kapitel [02 Philipp Ans] Kapitel [03 Daniela Schwarzer] Daniela Schwarzer, Marc Tönsing und Philipp Ans 2 von 54
MehrHurenkinder Zwiebelfische Augenpulver
LUG Erding Hurenkinder Zwiebelfische Augenpulver Einführung in die Typographie und das Desktop-Publishing mit Scribus Jan Schulze 25. März 2009 Agenda Grundlagen Typographie inkl. Fachchinesisch Warum
Mehrportfolio Mediendesign I WS Mike Benndorf
portfolio Mediendesign I WS 09-10 Mike Benndorf Typographie 01 Buchstabenkombi 05 Typo finden 11 Gegensätze 21 Satzarten Layout 29 Geschenkpapier 41 Geschäftspapier 45 Liebesromanze Content Foto: Jürgen
MehrGestaltungsrichtlinien. für den internen und externen Gebrauch
Gestaltungsrichtlinien für den internen und externen Gebrauch Inhalt 3 Das Logo Kopfzeile und Fußzeile 4 Die Kopfzeile 5 Die Kopfzeile für die Verbandskorrespondenz 6 Die Kopfzeile für die Vereinskorrespondenz
MehrSchrift und Lesbarkeit
Schrift und Lesbarkeit Formerkennung und Formdifferenzierung Unterschiedliche Schriftarten und deren stilistische Ausprägung ermöglichen einen breiten gestalterischen Variantenreichtum. Voraussetzung für
Mehr14. ZUSAMMENFASSUNG MARCEL GÖTZE
Digitale Medien 1 14. ZUSAMMENFASSUNG MARCEL GÖTZE 06.07. Themen der V0rlesung 1. Grundlagen, Begriff iffmdi Medium 2. Zeichen, Texte 3. Textbe /verarbeitung, digitale Typographie 4. HTML, Layout: CSS
Mehrtypografische kommunikation
typografische kommunikation Johanna Arning Sarah von Borzestowski Sonja Röhr 22.11.2007 Einführung in die Kommunikationswissenschaft Prof. Dipl.-Psych. Ballstaedt Institut für Journalismus/Public Relations
Mehrdenn sonst kann man gleich mit der Schreibmaschine schreiben
denn sonst kann man gleich mit der Schreibmaschine schreiben Seitenlayout 3 1,5 DIN A4 Hochformat einseitig bedruckt Seitenränder in cm: siehe rechts Seitenzahl: Abstand der Kopfzeile von oben:
MehrDie 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
MehrCorporate 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
MehrEinheit 6. Schriftgestaltung
Einheit 6 Schriftgestaltung Heute stehen zehntausende von Schriften zur Wahl. Die Auswahl einer geeigneten Schrift und die Art und Weise ihrer Anwendung bestimmen wesentlich die Qualität einer Publikation.
Mehrtypografie 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
MehrTypographie. 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
MehrWissenschaftliche Arbeiten typografisch gestalten
Wissenschaftliche Arbeiten typografisch gestalten Mit Word und InDesign ans Ziel Bearbeitet von Manuela Bendix 1. Auflage 2007. Taschenbuch. xviii, 160 S. Paperback ISBN 978 3 540 73391 1 Format (B x L):
Mehr