3. Zeichen und Schrift
|
|
|
- Jasmin Hertz
- vor 7 Jahren
- Abrufe
Transkript
1 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 (Fortsetzung) Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-75 Wiederholung: Beispiel zu CSS <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " <html> <head> <title>beispiel zu CSS</title> <style> p {font-family:verdana; font-size:16pt} h1 {font-family:verdana; color:green} </style> </head> <body> <h1>überschrift 1</h1> <p>absatz 1</p> <h1>überschrift 2</h1> <p>absatz 2</p> <h1>überschrift 3</h1> <p>absatz 3</p> </body> </html> Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-76
2 Hypertext-Autorensysteme Klassisches Vorbild: HyperCard (1987) Viele Nachbildungen, z.b. SuperCard, MetaCard Ideen eingegangen in kommerzielle Produkte: Asymetrix ToolBook, Microsoft PowerPoint Grundkonzepte: Karteikarten-Metapher Autorenmodus und Anzeigemodus Grafischer Editor Objektorientierte Sprache zur Ereignisbehandlung (bei HyperCard: HyperTalk) Medienintegration Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-77 Probleme beim Hypertext-Design Navigationspfad vs. Ordnung der Knoten Was heißt Zur nächsten Karte? (HyperTalk: on mouseup go to next card end mouseup) Lösung z.b. in WWW-Browsern: Navigation im dynamischen Zugangspfad Orientierung im Labyrinth Grundlegende Vision von Hypertext nicht für alle Informationsbedürfnisse angemessen Lösungen z.b.» Suchmaschinen (analog im Buch: Register)» strenge Baumstruktur (analog im Buch: Inhaltsverzeichnis)» Navigationsanzeigen (analog im Buch: relative Position)» Lesezeichen (bookmarks) (analog im Buch: Lesezeichen) Informationsbereitstellung für verschiedene Lesergruppen: Findet jede(r) alles, was er/sie braucht? Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-78
3 Interaktivität Grundelement aller historischen Hypertext-Visionen (Memex, Xanadu, HyperCard, WWW): Lesemodus und Autorenmodus Verändern von Hypertext-Dokumenten sollte ähnlich intuitiv sein wie das Lesen Hypertext-Systeme sollten Rechteverwaltung und Versionsverwaltung integrieren Derzeit im WWW höchstens ansatzweise realisiert: Online-Foren, interaktive Linksammlungen Beurteilungssysteme im E-Business (z.b. bei Amazon) Wiki-Wiki-Web Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-79 Unidirektionale und bidirektionale Verbindungen Xanadu-Vision: Verbindungen sind bidirektional Quell- und Zielobjekt können beliebig bewegt werden, ohne die Verbindung zu verletzen Praxis in HyperCard, PowerPoint, WWW etc.: Unidirektionale Links Viele Links zeigen ins Leere Unidirektional: Bidirektional: refs Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-80
4 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.3: Christian Fries: Mediengestaltung, Fachbuchverlag Leipzig 2002 Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-81 Wahrnehmungspsychologische Grundlagen Sehprozess Verarbeitet optische Reize Abhängig von Funktionseigenschaften des Sehapparats Abhängig von Erkenntnisakt (im Gehirn)» Damit abhängig von kulturellem und sozialem Hintergrund» Beispiel: Leserichtung von links nach rechts, oben nach unten Beispiel: Warum sieht das Logo der Deutschen Bank nicht so aus? Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-82
5 Gestaltpsychologie Gestalt: (Edgar Rubin ) Bestehend aus Form (äusserer Begrenzung) und Figur (erkanntes Objekt) Figur hebt sich ab vom Grund Das Ganze ist mehr als die Summe seiner Teile. (Aristoteles) Gestaltgesetze: (Max Wertheimer ) Zentrales Gesetz: Prägnanzgesetz ( Gesetz der guten Gestalt, Gesetz der Einfachheit ) Jedes Reizmuster wird so gesehen, dass die resultierende Struktur so einfach wie möglich ist. Eine Figur ist gut, wenn sie aus Teilelementen heraus erkennbar ist. Viele Versionen von Gestaltgesetzen, hier nur Auswahl! Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-83 Prägnanzgesetz (1) Die von den Sinnesorganen aufgenommene Information: Komplex geformte schwarze Fläche Die wahrgenommene Information: Überlagerung zweier einfacher Formen (Kreis und Linie) Die Wahrnehmung bildet Hypothesen über eine einfache Figur Erfahrungshintergund Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-84
6 Prägnanzgesetz (2) Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-85 Prägnanz in der Typographie Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-86
7 Gesetz der Geschlossenheit Fehlende Informationen werden aus dem Erfahrungshintergrund ergänzt Ermöglicht Erkennen auch verfälschter Darstellungen (z.b. Verdeckungen) Kann zu Fehlinterpretationen führen Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-87 Gesetz der Ähnlichkeit Ähnliche Objekte werden als zusammengehörig empfunden Ähnlichkeit in Form, Farbe, Helligkeit, Grösse, Orientierung, Bewegungsrichtung, Geschwindigkeit Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-88
8 Gesetz der durchgehenden Linie Objekte, die verbunden eine gerade oder wenig gekrümmte Linie bilden, werden als zusammengehörig empfunden Andere Interpretationen mit Knicken werden ausgeblendet Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-89 Gesetz der Nähe Objekte werden als zusammengehörig erkannt, wenn sie in räumlicher Nähe zueinander angeordnet sind Gesetz der Nähe ist stärker als Gesetz der Ähnlichkeit Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-90
9 Gesetz der Vertrautheit Bev Doolittle: Der Wald hat Augen Objektgruppen mit sinnvoller Interpretation werden als Gesamtfigur erkannt Ein Analyse- oder Verständnisprozess verändert u. U. schlagartig die Wahrnehmung eines Bildes Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-91 Gesetz des gemeinsamen Schicksals Variante des Gesetzes der Ähnlichkeit Objekte, die sich in die gleiche Richtung bewegen, werden als zusammengehörig wahrgenommen Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-92
10 Gestaltgesetze in der Typographie Mikro-Typographie (Gestaltung von Schriften): Professionelle Schriften sind von hoher Prägnanz Zusatzmassnahmen im Satz (z.b. Kerning, individueller Abstandsausgleich) beruhen auf Gestaltgesetzen (v.a. Gesetz der Nähe) Makro-Typographie (Layout): Zusammengehörige Dinge gemäss Gestaltgesetzen zusammenbinden» Nähe und optische Ähnlichkeit Die Wahrnehmung nicht irreführen» Keine irrelevanten Figuren entstehen lassen Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-93 Textblöcke Augenführung auch auf der Seite wichtig: Klare Gliederung (Überschriften und Absätze einheitlich) Deutliche Trennung von Absätzen» Abstand oder Einrückung Einzelzeilen und Absätze: Niemals einzelne Zeile eines Absatzes durch Seitenumbruch abtrennen Hurenkind (letzte Zeile am Anfang einer Spalte oder Seite) Schusterjunge (Anfangszeile am Ende einer Spalte oder Seite) Diese Absätze folgen ohne sichtbare Trennung aufeinander. Das erschwert das flüssige Lesen, vor allem das Überfliegen. Diese Absätze benutzen als Trennung einen Einzug der ersten Zeile um 0,5 cm. Das erleichtert das flüssige Lesen, vor allem das Überfliegen ohne zusätzlichen Platzverbrauch. Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-94
11 Textausrichtung Klassische Möglichkeiten der Textausrichtung: Mittelachsensatz (zentriert) Flattersatz, linksbündig Flattersatz, rechtsbündig Blocksatz Ein kleiner Beispieltext im Mittelachsensatz Ein kleiner Beispieltext im linksbündigen Flattersatz Ein kleiner Beispieltext im rechtsbündigen Flattersatz Ein kleiner Beispieltext im Blocksatz Mittelachsensatz (Zentrierung) relativ schwer lesbar Nur in Spezialsituationen (Bildunterschriften, Hauptüberschriften) Rechtsbündiger Flattersatz sehr schwer lesbar Passt nicht zu unserem kulturellen Hintergrund Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-95 Flattersatz Vorteile: Lebendiges Erscheinungsbild Keine Probleme bei kurzen Zeilen bzw. langen Worten Nachteile: Unruhiges Erscheinungsbild Optisch irreführende Erscheinungsbilder (Treppen und Bäuche) Regel: Je kürzer die Zeilen, desto günstiger ist Flattersatz. Bei links- oder rechtsbündigem Flattersatz gilt die Regel LANG - KURZ - LANG. So ist das Ganze lesbar. Vermeiden Sie Treppen oder Bäuche. Bei links- oder rechtsbündigem Flattersatz gilt die Regel LANG - KURZ - LANG. So ist das Ganze lesbar. Vermeiden Sie Treppen oder Bäuche. Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-96
12 Blocksatz Ein Beispieltext Blocksatz kleiner im Ein kleiner Beispieltext im Blocksatz Vorteile: Ruhiges Erscheinungsbild durch Textflächen Professioneller Eindruck Nachteile: Sehr problematisch bei kleiner Spaltenbreite» Große Abstände, Lücken, Eselspfade Unregelmäßige Wortabstände können Lesbarkeit verschlechtern Regel: Hohe Qualität nur bei sehr guter Information zur Worttrennung und mit guter Zeilenumbruch-Software (z.b. TeX, Desktop Publishing Systeme) Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-97 Satzspiegel Satzspiegel = Lage und Größe der bedruckten Fläche einer Seite Als harmonisch empfunden werden: Gleiche Proportionen von Satzspiegel und Seite Größerer Abstand nach unten als nach oben Diagonalkonstruktion für Doppelseiten: Rechts: Goldener Schnitt Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-98
13 Zeilenregister, Seitenraster Zeilen einer Drucksache sollen Register halten : Auf Vorder- und Rückseiten bzw. allen Seiten an der gleichen Position Idealerweise sollte das auch für die Zeilen einer Webpräsentation gelten Einheitliches Gestaltungsraster: Module: Gitter: (Beispiel Neuner-Teilung) Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-99 Seitenlayout bei Online-Medien Festes Gestaltungsraster verwenden Texte klar gliedern und Struktur adäquat codieren: Nominale Codierung: Reihenfolge und Ordnung nicht ersichtlich Ordinale Codierung: Skala zur relativen Einordnung (z.b. Numerierung) Relationale Codierung: Skala zur absoluten Einordnung incl. Abstandsmaß (z.b. Größe von Schrift oder Symbol) Übersichtliche Gestaltung: Kurze Texte verwenden (Stichpunktstil) Relativ kurze Zeilen verwenden Auf Blocksatz kann oft verzichtet werden Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-100
14 Mumble Screens Murmel-Bildschirmseiten Technik zur Überprüfung des optischen Eindrucks unabhängig vom Inhalt Text durch Mmmmmm ersetzen. Mmmmmmm mmmmm Mmm Mmm Mmmm Mm Mmm Mmmmm mmmmm mmmmm mmmmm mmmmm mmmm mmmmm mm mmm Ludwig-Maximilians-Universität München Prof. Hußmann Digitale Medien 3-101
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Link zu 3.1 3.3: http://papress.com/thinkingwithtype/
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Link zu 3.1 3.3: http://papress.com/thinkingwithtype/
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Link zu 3.1 3.3: http://papress.com/thinkingwithtype/
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Weiterführende Literatur zu 3.3: Christian
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Allgemeines Textstrukturierung Tabellen Cascading
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Allgemeines Textstrukturierung Tabellen Cascading
Seite 1 von Kognition 1 Gestalt und grafische Gestaltung für GUIs
Seite 1 von 6 5. Kognition 1 Gestalt und grafische Gestaltung für GUIs Wahrnehmung in der Gestaltpsychologie - Entstehung Anfang 20. Jhdt. - Gestalt-Qualitäten beeinflussen das Wahrnehmungserleben - Vertreter:
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze und Schriften 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Weiterführende Literatur zu
Gestaltgesetze der Wahrnehmung. DI (FH) Dr. Alexander Berzler
DI (FH) Dr. Alexander Berzler Gestaltpsychologie Die Gestaltpsychologie wurde zu Beginn des 20. Jahrhunderts begründet. Die Wahrnehmung unserer Umwelt geschieht nach der Gestaltpsychologie durch die Wahrnehmung
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1! Medien Zeichen, Text, Schrift 3.2! Mikro-Typografie: Zeichensätze und Schriften 3.3! Makro-Typografie: Gestalten mit Schrift 3.4! Hypertext und HTML Medieninformatik-Buch: Kapitel
Gestaltgesetze. Grundlagen der Gestaltung. bbw Berlin Internet Grundlagen Seite 1 / 21
bbw Berlin Internet Grundlagen Seite 1 / 21 Das Ganze ist mehr als die Summe seiner Teile Die Gestaltgesetze dienen in der menschlichen Wahrnehmung der Raumaufteilung in Figur und (Hinter-)Grund. bbw Berlin
KP Ludwig John. Layout + Gestaltwahrnehmung
Zeit Literatur Nr. 49 Nov. 2008 Layout + Gestaltwahrnehmung Gestaltwahrnehmung Gestaltwahrnehmung Wahrnehmungssystem ist bestrebt, möglichst ökonomisch zu arbeiten. - gruppiert die Gesamtheit der einströmenden
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze und Schriften 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Weiterführende Literatur zu
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1! Medien Zeichen, Text, Schrift 3.2! Mikro-Typografie: Zeichensätze und Schriften 3.3! Makro-Typografie: Gestalten mit Schrift 3.4! Hypertext und HTML Weiterführende Literatur
abcdeäöü abcdefloq äbcqgäöü Q U w U t? ol \J U Q m t& <gi ü i& * m * Q * * * <& * # <*> * * * * * <*> <*>
Schriftarten... Wählen Sie eine Schrift, die auch für sehbehinderte Menschen gut zu lesen ist, wie die Lucida Sans Unicode oder die Verdana. Beide sind auf den städtischen Computern verfügbar und erfüllen
Satzarten. 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
Optische Täuschungen. physiologische, psychologische und physikalische Sicht
Optische Täuschungen physiologische, psychologische und physikalische Sicht Wissenschaftliche Arbeit zur Erlangung der ersten Staatsprüfung für das Lehramt Gymnasium Universität Leipzig Fakultät für Physik
Ergonomisches UI Design. Das lass mal den Grafiker machen
Ergonomisches UI Design Das lass mal den Grafiker machen Werbung Alexander Klein Senior Consultant bei BeOne Stuttgart GmbH Consulting für Prozesse, Engineering und IT http://www.beone-group.com Committer
Gestaltgesetze Figur-Grund-Beziehung
Figur-Grund-Beziehung Die Wahrnehmung unserer Umwelt geschieht nach der Gestaltpsychologie durch die Wahrnehmung von Formen. Nur so kann die unbestimmte Komplexität der Sinneswahrnehmungen aufgelöst und
Lernförderliche Faktoren und Rahmenbedingungen
CHECKLISTE 1 Lernförderliche Faktoren und Rahmenbedingungen In der Vorbereitung und Durchführung der Veranstaltung sollten folgende Aspekte reflektiert werden: die Veranstaltung bezüglich Didaktik und
ExWoSt-Informationen. Gestaltungsrichtlinien des Experimentellen Wohnungs- und Städtebaus (ExWoSt) Das Label des Forschungsfeldes
ExWoSt-Informationen Gestaltungsrichtlinien des Experimentellen Wohnungs- und Städtebaus (ExWoSt) Das Label des Forschungsfeldes Grafische Richtlinien Variationsmöglichkeiten Gestaltungsraster linke Seite
VL Wahrnehmung und Aufmerksamkeit. Woher weiß ich, was das ist? Objektwahrnehmung
VL Wahrnehmung und Aufmerksamkeit Woher weiß ich, was das ist? Objektwahrnehmung Was ist das? Was ist das? Was ist das? Oft hilft Verdeckung bei Erkennung. http://www.blelb.ch/deutsch/blelbspots/spot21/blelbspot21_de.htm
Typo 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,
Mediengestaltung: Typografie
Mediengestaltung: Typografie > wiederholen Symbolzeichen Vincá Kultur Osteuropa Babylonische Keilschrift Phoenizisches Alphabet Maßeinheiten und Umrechnung 1 Didot-Punkt
Typografie und Layout \ Catrin Sieber \ Wintersem ester 2005/06 \ 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 \](/thumbs/68/59058144.jpg "Typografie und Layout \ Catrin Sieber \ Wintersem ester 2005/06 \ 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 Zeilenabstand und Satzarten Typografie
05. übung. InDesign. medienwerkstatt // seite 1
InDesign medienwerkstatt // seite 1 05.01. gesetz der ähnlichkeit cmd + n = neues Dokument 1. dokument einrichten Format Doppelseitig / Einseitig Seitenränder Menüleiste: Datei > Neu > Dokument Doppelseite
GruppeA B1GK. Die symmetrische Anordnung entsteht durch die Wiederholung gleicher Formen. Das kann mittels Reihung, Rotation oder spiegelbildlicher
Ordnungssysteme Symmetrie/ Asymmetrie Symmetrie/ Asymmetrie Netz Reihung Rhythmuns Raster Die symmetrische Anordnung entsteht durch die Wiederholung gleicher Formen. Das kann mittels Reihung, Rotation
Schrift & Typografie I. DI (FH) Dr. Alexander Berzler
Schrift & Typografie I DI (FH) Dr. Alexander Berzler Schrift & Typografie Theorie Der Ausdruck Typografie/Typographie geht zurück auf die Worte "typos" (Abdruck, Abbild, Form) und "graphein" (schreiben,
Kennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Tags (Befehle)... 1 Erste Texte im Browser... 2 Das HTML Grundgerüst... 2 Ihre erste echte Webseite... 2 Texte... 3 Textabsatz und Zeilenumbruch... 3 Einen Zeilenumbruch
Überblick Designtheorie Web Web-Design
Herzlich Willkommen Designtheorie Web Gestaltungselemente... Grundelemente Typografie Text Bild Farbe Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe SS 2009 FH Wolfenbüttel Mediendesign Gestaltungselemente
3. 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
Absatzformate. Die Absatzmarke
Absatzformate Zeichenformatierungen wirken sich auf das aktuelle Wort oder auf einen markierten Textblock aus. Absatzformate hingegen gestalten immer den gesamten Absatz, in dem der Cursor steht, oder
Technische Umsetzung. Workshop Systematisches Instruktionsdesign TU Dresden
Technische Umsetzung Dr. Cornelia Schoor Workshop Systematisches Instruktionsdesign TU Dresden 09.07.2010 Wie geht man bei der Entwicklung digitaler Lehrmaterialien vor? ANALYSE PLANUNG Bestimmung der
Einheit 2. Wahrnehmung
Einheit 2 Wahrnehmung Wahrnehmung bezeichnet in der Psychologie und Physiologie die Summe der Schritte Aufnahme, Interpretation, Auswahl und Organisation von sensorischen Informationen. Es sind demnach
Digitale 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.:
Hans Peter Willberg Friedrich Forssman Lesetypografie
Hans Peter Willberg Friedrich Forssman Lesetypografie о» Verlag Hermann Schmidt Mainz 2010 4 Vorwort/Inhaltsverzeichnis Vorwort/Inhaltsverzeichnis Vorwort Als Hans Peter Willberg Buchgestaltung und studierte,
Wissenschaftliche 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):
Corporate Design -PowerPoint-Präsentationen-
Oberland Werkstätten GmbH Corporate Design -- 11-2016 Lorenz Mediendesign, Bruckmühl -1- PowerPoint - Präsentationen - -2- - Grundsätzliches - Bei Präsentationen (vorwiegend in PowerPoint) der Oberland
Herzlich Willkommen zum Wordkurs V. 2010
Herzlich Willkommen zum Wordkurs V. 2010 Themen Textlayout ändern Formatierungen vornehmen Fehlerkorrektur Suchen und ersetzen Worttrennung Formatvorlagen Silbentrennung und Rechtschreibprüfung Tabellen
Typografie und Layout \ Catrin Sieber \ Wintersem ester \ Hochschule für Künste Bremen \ Studiengang Digitale Medien \ Mediengestaltung \
![Typografie und Layout \ Catrin Sieber \ Wintersem ester \ Hochschule für Künste Bremen \ Studiengang Digitale Medien \ Mediengestaltung \](/thumbs/55/36145558.jpg "Typografie 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
Klassische 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
Formatierungs - Richtlinien für VWAs
Formatierungs - Richtlinien für VWAs Inhaltsverzeichnis 1. Allgemeines... 2 1.1. Allgemeines... 2 1.2. Verwendete Programme... 2 2. Grundkonfiguration der Seite... 2 2.1. Seitenränder einrichten... 2 2.2.
Satzspiegelentwurf. 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
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1! Medien Zeichen, Text, Schrift! 3.2! Mikro-Typografie: Zeichensätze und Schriften! 3.3! Makro-Typografie: Gestalten mit Schrift! 3.4! Hypertext und HTML Medieninformatik-Buch:!
Ein übersichtliches und zugleich attraktives Design ist hier von Vorteil.
TUTORIAL In diesem Tutorial erklären wir Ihnen wie Sie die Schrift, das Layout und die Farben Ihrer Website so anpassen, dass diese in sich stimmig sind und Ihre Website ein perfektes Design erhält. Warum
Auf einen Blick: Bürokommunikation > CD-ROM-Beschriftung. Inhalte
Inhalte Auf einen Blick: Bestandsteile einer CD-ROM Die Gestaltung der Label und Einleger für CD-ROMs folgt unternehmensweit einheitlichen Regeln. Um ein stringentes Erscheinungsbild zu gewährleisten,
Newsletter. Daimler Brand & Design Navigator
Daimler Brand & Design Navigator 15. Dezember 2016 Newsletter Mit Newslettern werden Mitarbeiter/innen und externe Zielgruppen regelmäßig über aktuelle Entwicklungen im Unternehmen oder Bereich informiert.
Typografie Farbgestaltung Schreiben fürs Web
Typografie Farbgestaltung Schreiben fürs Web Prof. Astrid Beck Gestaltung Ziel der Gestaltung mit Schrift und Farbe Aufmerksamkeit wecken Gute Lesbarkeit Inhalt unterstreichen Inhalt vermitteln Vermeidung
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1! Medien Zeichen, Text, Schrift 3.2! Mikro-Typografie: Zeichensätze und Schriften 3.3! Makro-Typografie: Gestalten mit Schrift 3.4! Hypertext und HTML Medieninformatik-Buch: Kapitel
Text- und Layoutwerkstatt
Text- und Layoutwerkstatt Seminarüberblick Nachricht und Bericht (Wiederholung) Planung von Druck-Produkten Konzeption eines Layouts Umsetzung des Konzepts zum Entwurf Prüfung und Optimierung Nachricht
Der Mauszeiger verändert während des Vorganges seine Form ( ).
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Textteile mit der Maus verschieben und kopieren... 3 Kopieren und verschieben mittels Drag & Drop... 3 Einen Textteil verschieben... 3 Einen Textteil kopieren...
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Allgemeines Textstrukturierung Tabellen Cascading
Optische Täuschungen Jacqueline Musil , A
Optische Täuschungen Jacqueline Musil 0401823, A 190 445 299 Optische Täuschungen Wahrnehmungstäuschungen Gestaltpsychologie Optische Täuschungen / Visuelle Illusionen Gestaltpsychologie Die Gestalt (Das
Diese neuen Gestaltungsmöglichkeiten können nun auf den Web-Anzeigenmarkt angewandt werden: Wissensbaustein»Anzeigenmarkt: CSS-Einsatz«(S.
128 5XHTML&CSS* Wissensbaustein»CSS: ID-Attribut«(S. 180) Wissensbaustein»CSS: Umrandungen«(S. 182) Wissensbaustein»CSS: Füllungen & Abstände«(S. 185) Wissensbaustein»CSS: Pseudo-Klassen & -Elemente«(S.
Typografie und Layout \ Catrin Sieber \ Wintersem ester 2005/06 \ 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 \](/thumbs/30/14250042.jpg "Typografie und Layout \ Catrin Sieber \ Wintersem ester 2005/06 \ 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 Der typografische Raster Typografie und
12.1 PARTNER ANWENDUNGEN LOGOANWENDUNG WERBEMITTEL
12.1 PARTNER ANWENDUNGEN WERBEMITTEL Bei Verwendung des Logos Olympiaregion Seefeld auf Werbemittel, die nicht innerhalb des Corporate Designs der Olympiaregion Seefeld gestaltet werden, müssen einige
Notizen: ikonverlagsgesmbh redmond s Verlag / Edi Bauer 31
Grundlagen Notizen: ikonverlagsgesmbh redmond s Verlag / Edi Bauer 31 Format Word 2010 effektiv 2 FORMAT 2.1 Seitenformat Seitenränder Übungen: Plakat... 49 Einladung... 154 Sie können in den Linealen
LOGO Anwendungsmanual. Corporate Design Partner-Logo
LOGO Anwendungsmanual 1 Cloche Die Cloche ist DAS Sinnbild für die Tischkultur. Sie steht für alles, was die Tischkultur zu bieten hat: Ganzheitlichkeit, Ästhetik, Genuss aber vor allem Überraschung. Zusammen
7 Tabellen. 7.1 Erstellen einer Tabelle. - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen
1 7 Tabellen - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen 7.1 Erstellen einer Tabelle Syntax: Inhalt1 Inhalt2 Kommentar
06. übung. InDesign. medienwerkstatt // seite 1
InDesign medienwerkstatt // seite 1 06.01. gesetz der kontinuität cmd + n = neues Dokument 1. dokument einrichten Format Doppelseitig / Einseitig Seitenränder Menüleiste: Datei > Neu > Dokument Doppelseite
Richtlinien für das Design der KML Webseite. KML TP2, Informationsdienste
Richtlinien für das Design der KML Webseite KML TP2, Informationsdienste Inhaltsverzeichnis 1. Einleitung...1 2. Textgestaltung...1 2.1. Absätze...1 2.2. Überschriften...2 2.3. Grafiken...2 3. Besondere
Ratgeber: Grundlagen für das Layout eines Gemeindebriefs
gemeindemenschen.de Stark im Ehrenamt! Ratgeber: Grundlagen für das Layout eines Gemeindebriefs Farbe verwenden Zwischen dem klassischen Schwarz-Weiß-Druck und der Vierfarbigkeit liegen einige Möglichkeiten
Souverän und einzigartig. Logo
1 Souverän und einzigartig Logo 5 Das Quadrat 100% Cyan. Keine 3D-Effekte. Die Bildmarke Weiß auf 100 % Cyan. Die Wortmarke Reduziert auf das Wesentliche: Wir sind die Techniker. Konstruktion 6 TK-Logo
Bürokommunikation > Geschäftspapiere > Visitenkarten. Visitenkarten
Visitenkarten Die Visitenkarten haben konzernweit ein einheitliches Layout, von dem nur Visitenkarten der Vorstände bei Bedarf abweichen dürfen. Um eine zweite Sprache oder einen zweiten Standort unterzubringen,
Stadt. Gestaltungsrichtlinien zum visuellen Erscheinungsbild der Stadt Ulm Wortmarke
Herausgeber: Zentrale Dienste Öffentlichkeitsarbeit und Repräsentation 89070 Ulm 2001 Gestaltungsrichtlinien zum visuellen Erscheinungsbild der Wortmarke Typografie Farbe Raster Schrift Schriftgrößen Formate
Gestaltung 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
Kapitel 6 Abstände. Buchstabenabstand Dickte und Laufweite
Kapitel 6 Abstände Typografische Gestaltungsmittel sind nicht nur Buchstaben, Ziffern oder Linien sondern auch der freie Raum zwischen diesen Elementen. Die Abstände zwischen diesen Elementen haben eine
Jahren die»berliner Schule der Gestaltpsychologie« ( ) begründete. Das Kredo ihrer Vertreter: Das Ganze ist mehr als die Summe seiner
von sinnen psychologie ı gestaltgesetze Aufs Ganze gesehen Unser Wahrnehmungsapparat schreibt allen eintreffenden Informationen Bedeutung zu. So schafft es das Gehirn, Ordnung ins Chaos der Sinnesreize
grundlagen rechnergestützter entwurf
grundlagen rechnergestützter entwurf gestaltgesetze gestaltgesetze Gestaltgesetze Gestaltungsgesetze gestaltgesetze Was sind Gestaltgesetze? gestaltgesetze Gestaltgesetze können einen Hinweis darauf geben,
3. Zeichen und Schrift
3. Zeichen und Schrift 3.1 Medien Zeichen, Text, Schrift 3.2 Mikro-Typografie: Zeichensätze 3.3 Makro-Typografie: Gestalten mit Schrift 3.4 Hypertext und HTML Allgemeines zu Hypertext HTML Textstrukturierung
ECDL Base kompakt. Ergänzungsmodul: Präsentation [mit Windows 7 und PowerPoint 2010], Syllabus 5. Thomas Alker. 1. Auflage, August 2014
![ECDL Base kompakt. Ergänzungsmodul: Präsentation [mit Windows 7 und PowerPoint 2010], Syllabus 5. Thomas Alker. 1. Auflage, August 2014](/thumbs/68/59347541.jpg "ECDL Base kompakt. Ergänzungsmodul: Präsentation [mit Windows 7 und PowerPoint 2010], Syllabus 5. Thomas Alker. 1. Auflage, August 2014")
ECDL Base kompakt Thomas Alker 1. Auflage, August 2014 ISBN 978-3-86249-347-0 Ergänzungsmodul: Präsentation [mit Windows 7 und PowerPoint 2010], Syllabus 5 K-ECDLB-W7POW2010-5 3 Text bearbeiten Übersicht
Danksagung...6. Einleitung 7
Inhaltsverzeichnis Danksagung...6 Einleitung 7 Gedruckte Bücher, E-Books und Websites im Vergleich...8 Statische und dynamische Inhalte... 9 Das Erscheinungsbild... 9 Wie wird das Buch gelesen?... 10 Die
Screendesign Einführung, Goldener Schnitt, Drittel Regel, Raster, Usability Design Fehler. Dipl. Ing. Dr. Alexander Berzler
Screendesign Einführung, Goldener Schnitt, Drittel Regel, Raster, Usability Design Fehler Dipl. Ing. Dr. Alexander Berzler Screendesign Screen + Design : Als Screendesign werden Layouts verstanden, die
Erstellen einer Projektmappe (eines Portfolios) mit dem LibreOffice Writer[BO] Inhaltsverzeichnis
![Erstellen einer Projektmappe (eines Portfolios) mit dem LibreOffice Writer[BO] Inhaltsverzeichnis](/thumbs/93/114426054.jpg "Erstellen einer Projektmappe (eines Portfolios) mit dem LibreOffice Writer[BO] Inhaltsverzeichnis")
Erstellen einer Projektmappe (eines Portfolios) mit dem LibreOffice Writer[BO] Inhaltsverzeichnis 1. Allgemeine Funktionen...2 a. Neues Dokument erstellen...2 b. Speichern/ Speichern unter...2 c. Rückgängig
Desktop Publishing. Gestaltung und Realisation von Drucksachen. Adaptiert nach etschirko
Desktop Publishing Gestaltung und Realisation von Drucksachen Adaptiert nach etschirko Welche Software für welchen Zweck? Textverarbeitung Bildbearbeitung Grafik MS Word Adobe Photoshop Corel Draw Erfassen
Auf die Mischung kommt es an
Auf die Mischung kommt es an Sie können XML, HTML oder auch JavaScript beliebig in einem Dokument kombinieren. Hierbei müssen Sie lediglich entscheiden, was in Ihrem Dokument die höchste Priorität hat.
Inhaltsverzeichnis. Überblick über die Formatierungsarten. Was versteht man unter Formatierung?
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Überblick über die Formatierungsarten... 1 Was versteht man unter Formatierung?... 1 Weitere Formatierungshilfen... 2 Grundlagen zur Zeichenformatierung... 2
Gestaltungsgrundlagen
1. Grundelemente 1.1. Der Kreis Der Kreis ist neben der Geraden die einzige ebene Kurve mit konstanter Krümmung. Er vermittelt weniger Spannung als ein Rechteck oder Dreieck, da keine Richtung angestrebt
Erstellen einer reproduzierbaren Druckvorlage (crc = camera ready copy) für das Buchformat 15,5 x 23,0 cm
Erstellen einer reproduzierbaren Druckvorlage (crc = camera ready copy) für das Buchformat 15,5 x 23,0 cm Hinweise für Autoren und Herausgeber Wir begrüßen Sie als Autor(in) bzw. Herausgeber(in) unseres
HTML5 & SCC3. PC-Treff-BB VHS Aidlingen. Lothar R. Krukowski. Ein Überblick
HTML5 & SCC3 Ein Überblick 13.10.201 Agenda Neue Strategie HTML5 CSS3 Besonderheiten Anwendungen Beispiele - ( how to start? ) Literatur Neue Strategie Letzte Version von HTML und CSS HTML5 Erstellen der
Übungsbeispiel Absatzformate zuweisen
Word 2016 Grundlagen Zeichenformatierungen wirken sich auf das aktuelle Wort oder auf einen markierten Textblock aus. hingegen gestalten immer den gesamten Absatz, in dem der Cursor steht, oder die Absätze,
Manuela Hoffmann. Modernes Webdesign. Gestaltungsprinzipien, Webstandards, Praxis. Galileo Press
Manuela Hoffmann Modernes Webdesign Gestaltungsprinzipien, Webstandards, Praxis Galileo Press Auf einen Blick Teil I Das Design 17 1 Webdesign und Webstandards 19 2 Gestaltung und Layout 61 3 Typografie
Kreatives Gestalten mit Word 2003(2/9) Kurzlehrgang für Seniorinnen und Senioren
Kreatives Gestalten mit Word Computeria Wallisellen Kreatives Gestalten mit Word 2003(2/9) Kurzlehrgang für Seniorinnen und Senioren Briefköpfe, Grusskarten, Register, Fotos und ClipArt einfügen, Einladungen,
Webdesign im Tourismus
Übung Prof. Dr. Markus Landvogt Zur Vorlesung 2.3. Feinheiten in Jimdo 2.4. HTML in Jimdo 03 HTML - GRUNDLAGEN DER ERSTELLUNG VON WEBSEITEN 3.1 Aufbau einer Seite in HTML 3.2 HTML in Jimdo WEB 03 1 2.3.
Textverarbeitung: Die elementaren Formatierungen
Textverarbeitung: Die elementaren Formatierungen Die Formatierungswerkzeuge sehen wir in der unteren der beiden Symbolleisten. Die wichtigsten Funktionen sind folgende: Schriftart Schriftgröße Fett Kursiv
Empfehlungen zur Erstellung von Infomaterial
Information, Beratung und Vernetzung für die Alphabetisierung und Grundbildung Erwachsener Empfehlungen zur Erstellung von Infomaterial Typografie Einsatz von Schrift Bilder Piktogramme Icons Orientierung
Schreiben mit Word Tipps und Tricks
Schreiben mit Word Tipps und Tricks In einem schlecht formatierten Text findet man jede Menge Tabs und jede Menge Absätze nicht gerade professionell. Neben dem, dass dies am Bildschirm nicht sehr übersichtlich
Hinweise zu den Praxisberichten
Hinweise zu den Praxisberichten Verantwortlich: Prof. Dr. -Ing Florian Hörmann Stand: 16.06.2016 Inhaltsverzeichnis 1 Abgabeform des Praxisberichtes... 2 2 Inhalt des Praxisberichts... 2 2.1 Deckblatt...
Grundlagen des Kunstunterrichts
Klaus Eid / Michael Langer / Hakon Ruprecht Grundlagen des Kunstunterrichts Eine Einführung in die kunstdidaktische Theorie und Praxis Ferdinand Schöningh Paderborn München Wien Zürich Inhaltsverzeichnis
Formvorgaben 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
Mensch-Maschine Interaktion
Mensch-Maschine Interaktion Alexandra Totter 1 Vorlesungsinhalte Mensch-Maschine Interaktion als interdisziplinärer Gegenstand Der Mensch als Systemkomponente Wahrnehmung und Gedächtnis Die Aufgabe als
Formale Richtlinien für schriftliche Arbeiten. Kaufmännischen Berufsfachschule Glarus
Formale Richtlinien für schriftliche Arbeiten an der Kaufmännischen Berufsfachschule Glarus V&V-/IDAF-Projekt 1 Version 5.0 (Office 2016) Inhaltsverzeichnis 1 Aufbau... 2 2 Gestaltung... 3 2.1 Gliederung...
33 CSS in HTML einbinden
D3kjd3Di38lk323nnm 256 33 CSS in HTML einbinden Damit CSS auf HTML wirken kann, muss eine Verknüpfung hergestellt werden. Dafür stehen verschiedene Möglichkeiten zur Verfügung, die in diesem Kapitel beschrieben
Gestaltgesetze. Das Ganze ist mehr als die Summe seiner Teile
Gestaltgesetze Das Ganze ist mehr als die Summe seiner Teile Die Gestaltgesetze dienen in der menschlichen Wahrnehmung der Raumaufteilung in Figur und (Hinter-)Grund. Gesetz der Nähe Nahe beieinander liegende
Leibniz-Institut für Geschichte und Kultur des östlichen Europa. Stand 22 / 01 / 2018 gekürzte Version. Handbuch zur visuellen Identität
Stand 22 / 01 / 2018 gekürzte Version 1.0 GWZO Marke Seite 2 Die GWZO-Marke besteht aus zwei Teilen: einer Buchstabenmarke und einer Wortmarke. Sie basiert auf einem Raster, dessen kleinste Einheit 1 x
Layout und Gestaltung. Mit
Layout und Gestaltung Mit in 6 Schritten zum passenden Layout Seitenlayout: Deckblatt Neues Textdokument öffnen Automatisches Sichern einstellen: [Extras]-[Optionen]-[Laden/Speichern] Formatvorlagenfenster
Textverarbeitung Dokument- und Formatvorlage
Berufsschule - Chemielaboranten BFK/Deutsch Skript Textverarbeitung Dokument- und Formatvorlage 1 Dokumentvorlage mit Word erstellen 1.1 Grundlegendes Unter einer Dokumentvorlage versteht man einen Dokumenttyp,
Word Workshop Skriptum
Word Workshop Skriptum 1 FORMATIERUNGSZEICHEN Befehlsgruppe ABSATZ ein- und aus-schalten Dieses Sonderzeichen nennt man Absatzmarke. Sie produzieren eine Absatzmarke mit der Enter Taste. Es ist eines der
Einführung PC Grundkenntnisse Word
Your logo Allgemeinbildender Unterricht Unterricht vom Einführung PC Grundkenntnisse Word Übersicht Grundlagen Word und Exel Ziel 1: Sie beherrschen die Grundlagen von Microsoft Word! Ziel 2: Sie können