Buchstabenformen:

• Eindeutig erkennbare und unterscheidbare Buchstabenformen
• große Punzen
• Buchstaben-Proportionen

Buchstaben-Proportionen
Abgesehen von Buchstabenformen spielen vertikale und horizontale Proportionen eine wichtige Rolle. Buchstaben werden in drei Teilen betrachtet: Oberlänge, x-Höhe und Unterlänge. Ober- und Unterlängen erhöhen die Lesbarkeit der Wörter. Wenn die x-Höhe im Vergleich zu Ober- und Unterlängen zu hoch ausfällt, oder wenn umgekehrt Ober- und Unterlänge visuell nicht mehr von der x-Höhe zu trennen sind, hat das Auge Schwierigkeiten beim Erkennen von Buchstaben. Im umgekehrten Fall – Ober- und Unterlängen sind viel größer als die x-Höhe – taucht ein weiteres Problem auf: Details der x-Höhe verschwinden, während Ober- und Unterlängen zu sehr ins Auge fallen.

Condensed- und Italic-Schnitte haben das gleiche Problem – hier sind es jedoch nicht die vertikalen, sondern die horizontalen Proportionen, die sie für längere Texte schwer einsetzbar machen. Aufgrund der schmalen Innenräume liegen die auch sonst schmalen Buchstaben der Condensed-Schriften näher beieinander. Der Rhythmus zwischen breiten und schmalen Buchstaben wie m und i ist reduziert, was charakteristischere Formen voraussetzt.

Italic-Schnitte leiden am gleichen Problem, sie sind traditionell schmaler als normale Buchstabenformen. Zusätzlich haben besonders Antiqua-Italics außergewöhnliche Buchstabenformen (etwa Q, k, y oder z), da sie sich aus Handschriften entwickelten. Werden sie für längere Texte verwendet, stellt nicht nur ihre Enge ein Problem dar, auch die charakteristischen Formen können das Auge des Lesers vom Text ablenken.
 

Laufweite:
optimale Laufweite ist in der Regel für Lesegrößen in der Schriftdatei vom Typedesigner bereits voreingestellt -> optimaler Grauwert

Zeilenlänge
Beim Lesen eines Textes gibt es am Ende jeder Zeile eine Unterbrechung, das Auge wandert zum Anfang der nächsten Zeile. Sind die Zeilen zu lang, können Probleme beim Finden der Anschlusszeile auftreten, das Lesen wird zur Qual. Andererseits springt das Auge zu oft hin und her, wenn die Zeilen zu kurz geraten sind. Meist liegt das Glück in der Mitte: Zeilen mit 60 bis 80 Anschlägen sind für das Auge am angenehmsten.
 

Zeilenabstand
Aber nicht nur die Zeilenlänge, sondern auch Zeilenabstand ist hier wichtig zu beachten:
Feste Regeln für den perfekten Zeilenabstand bei einer Schrift oder Schriftgröße gibt es nicht. Allgemein kann man festhalten, dass Schriften mit einer Betonung der Horizontalen weniger Zeilenabstand als Schriften, die die Vertikale hervorheben, benötigen. Renaissance- und Barock-Antiquas und darauf aufbauende Serifenlose akzentuiren meistens horizontale Linien, während Klassizistische Antiquas und die sich daraus entwickelten Sans-Serifs eher vertikale Linien betonen.
Schriften mit einer großen x-Höhe benötigen ebenfalls mehr Durchschuss als Schriften mit ausgeprägten Ober- und Unterlängen. In jedem Fall jedoch sollte der optische Zeilenabstand immer größer als der Wortzwischenraum sein, auch sollten sich Ober- und Unterlängen nicht berühren.

Zeilenlänge und Zeilenabstand bedingen sich gegenseitig:
Kürzere Zeilen brauchen weniger Durchschuss, da das Auge einen kleineren Sprung zur nächsten Zeile macht. Ist der Zeilenabstand zu groß, fallen die einzelnen Zeilen auseinander. Umgekehrt ist bei längeren Zeilen ein größerer Abstand vonnöten.
 

Einführung zur Lesetypografie:
http://mtech.uni-koblenz.de/DruckmedienSS2007/Ausarbeitungen/Vortrag02/Ausarbeitung%20V2.pdf

Anmerkung zu den angehängten PDFs:

»Ich möchte jedoch anmerken, dass ae oe AE und OE zwar aus Ligaturen entstanden sind, jedoch heute eigenständige Buchstaben in einigen europäischen Sprachen sind. Analog zum ß. Auch das & entstand zwar aus dem et ist aber heute eine eigenständige Glyphe.«

Blocksatz
Beim Blocksatz sind alle Zeilen gleich lang, dies wird durch eine Erweiterung der Wortabstände erreicht, so dass der Textblock eine einheitliche linke und rechte Achse besitzt. Auch wenn die Layoutprogrammen bei entsprechenden Voreinstellungen in der Regel bereits einen gleichmäßigen Blocksatz schaffen, muss er trotzdem bei einer typografische gewollten Qualität manuell bearbeitet werden. Nur dadurch können die Anzahl der Trennung verringert, die Sinnhaftigkeit von Trennungen erreicht und unschöne Löcher im Textblock verhindert werden.

Die letzte Zeile des Blocksatz ist in 99% der Fälle links ausgerichtet, aber auch eine rechts oder zentriert ausgerichtete letzte Zeile sind möglich; einzustellen in den Voreinstellungen des Layoutprogramms. Die Gefahr beim Blocksatz sind zu kleine Zeilenbreiten (unter 50 Zeichen/Zeile), da sonst wieder zu große Löcher im Textblock entstehen und so die Lesbarkeit beeinträchtigt.

Erzwungener Blocksatz

Jede Zeile, auch die Ausgangszeile mit nur wenigen Wörtern wird über die ganze Zeilenbreite ausgetrieben und die Wörter auseinandergerissen. Typografisch gesehen ein Unding und sollte nicht verwendet werden.
Headlines sollten zudem nicht im Blocksatz gesetzt werden.

Flattersatz
Es gibt rechts- und linksbündigen Flattersatz. Die Flatterzone sollte max. 1/5 der Zeilenlänge betragen. Treppen und trichterförmige Löcher sollten am Zeilenende vermieden werden.

Im Gegensatz zum Blocksatz sind beim Flattersatz die Wortzwischenräume immer gleich groß. Genau genommen ist ein Flattersatz eine Satzart ohne Trennungen. Flattersatz mit Trennungen wird auch als Rausatz bezeichnet. Dabei sollten maximal drei Trennung direkt hintereinander folgen, zudem sollten es sinnvolle Trennungen sein. Ein rhythmischer Zeilenfall von abwechselnd langen und kurzen Zeilen wird angestrebt.

Linksbündiger Flattersatz entspricht unserer Leserichtung und verstärkt die Lesbarkeit.

Beim rechtsbündigen Flattersatz erschwert der unterschiedliche Beginn an der linken Seite die Lesbarkeit. Daher eignet sich diese Satzart hauptsächlich für kurze Texte, z.B. Marginalien, Bildlegenden und Subheadlines.

Mittelachsensatz (zentriert)
Satzachse in der Mitte, rhythmisches Flattern der Zeilen, Anwendung: Lyrik, Headlines, Plakate, Buchtitel, Urkunden, …

Formsatz
Formsatz ist ein künstlerisches und dekoratives Element und die Lesbarkeit steht nicht im Vordergrund Der »Textblock« nimmt dabei eine mehr oder weniger abstrakte Form (Kreis, Stern, etc.) an.
 

Für die Auswahl einer geeigneten Schrift gibt es viele Faktoren, die bei der Entscheidungsfindung eine Rolle spielen.

•  

  1. Textkategorie
     1. Headline
     2. Fließtext
     3. Bildlegende
     4. Fußnote
     5. Listen
  2. Textart
     1. Brief
     2. Gedicht
     3. Roman
     4. Zeitungsartikel
     5. ...
  3. Texttyp
     1. Narrativ (Erzählerisch)
     2. Deskriptiv
     3. Argumentativ
     4. Wissenschaftlich
     5. Fiktional
     6. Kindlich
     7. …
  4. Medium
     1. Digital
        1. Mobile
        2. Monitor/Desktop
        3. E-Book-Reader
        4. PDF
        5. Beamer-Präsentation
        6. …
     2. Print
        1. Zeitung
        2. Buch
        3. Plakat
        4. Flyer
        5. …
  5. Material (Print)
     1. Ungestrichenes Papier
     2. Gestrichenes Papier
     3. Recycling-Papier
     4. …
  6. Druckverfahren (Print)
     1. Siebdruck
     2. Offsetdruck
     3. Tiefdruck
     4. …
  7. Zielgruppe (und deren Seh- und Lesegewohnheiten)
     1. Kinder
     2. Schüler
     3. Erwachsene
     4. Rentner
     5. Gut betuchte
     6. Akademiker
     7. …
  8. Assoziation der Schrift
     1. historisch
     2. klassisch
     3. altertümlich
     4. modern

Schriftfamilien und Schriftsippen

Je umfangreicher einen Schrift ausgebaut ist, desto besser ist sie für umfangreiche Texte mit verschiedenen Textkategorien geeignet.

Gut ausgebaute Schriftenfamilien haben neben mehreren abgestuften Fontgewichten (light, normal, medium, bold, black, heavy etc.), dazu noch verschiedene Laufweiten (condensend, compressed, narrow etc.) und den dazu gehörenden Kursivschnitten.

Ideal für umfangreiche Projekte ist auch die Verwendung von Schriftsippen (type system oder superfamiliy). Das bedeutet, dass es von einer Schrift z. B. eine Serif- und eine Sans- Serif-Variante gibt, die den gleichen Schriftduktus besitzen. (Rotis, Lucida, Unit, etc.)

____________________________

Grundregeln der Schriftauswahl

Quelle: MEV Fit for Publishing 2/2006 „Grundregeln der Schriftauswahl“ S.10-11

• gute Lesbarkeit (Größe, Zeilenlänge, Zeilenabstand)
  • Lesbarkeit = Die Zeit, in der man ohne Ermüdungserscheinungen einen Text erfassen kann.
  • Obere Hälfte des Buchstabens ist für Lesbarkeit der Schrift wichtiger
  • Auszeichnungen (Kursiv, Halbfette, …) erschweren die Lesbarkeit vor allem bei längeren Texten in diesem Schnitt
  • Kursive Schriftschnitte beeinflussen das Lesen nicht so sehr wie andere
  • In Versalien gesetzer Text ist um 12% schlechter lesbar
  • Schrift und Satz muss die Lust zum Lesen wecken

• Beschaffenheit des Trägermaterials

• Textfarbe
  • Negative Schrift ist um 11% schlechter zu lesen

• Beziehung von Schrift und Textinhalt
  • Jedoch Inhalt nicht bildlich darstellen (mit Ausnahme von Logos)
  • Literarische/historische Texte können durch Schriftart dieser Epoche unterstrichen werden
  • Harte Fakten oder technische Themen: einheitliche, nüchtern wirkende serifenlose Schriften
  • Menschliche, emotionale Themen: Serifenschrift

• Schriftmischung
  • Schriften aus einer Familie können beliebig gemischt werden
  • Faustregel: Nicht mehr als 2 oder 3 verschiedene Schriften verwenden
  • Mischen von Schriften derselben Gattung wirkt unschön (Times + Bodoni)
  • „Laufende“ Schrift passt nicht zu „statischer“
  • übereinstimmender Duktus oder sehr klar kontrastreich
  • Schriften, die mit derselben Technik gestaltet wurden, harmonieren (versch. Techniken: Zeichenfeder, Graviernadel, Breitfeder, Pinseltechnik, etc.)
  • Mischen von Kursiv- und Schreibschriften vermeiden
  • Je stärker der Größenunterschied, desto eher kann man von obigen Regeln abweichen

Das hier angefügte PDF ist ein Beitrag aus dem »Druck- und Medien-Abc« und erläutert die Gliederung von Zahlen und Zahlengruppen – z.B. Telefonnummern, Kontonummern – nach den Richtlinien für den Schriftsatz und der Regelung nach der DIN 5008.

• Telefon-Nummer (Bsp.: 4 12 34 56)
  Je zwei Stellen von hinten abteilen, in der Regel mit einem Achtelgeviert (auch dreistellige Nummern). 
• Telefon mit Ortskennzahl (Bsp.: (0 12) 3 45 01 23 oder 0 12 - 3 45 67 89)
  Kennzahl in runden Klammern, Schrägstrich oder Divis (Bindestrich) abgetrennt, die Klammer ist die häufigste und üblichste Form. Der Bindestrich kann schnell zur schlechten Lesbarkeit führen, vor allem, wenn noch eine Durchwahl folgt.
• Telefon mit Durchwahl (Bsp 12 34-5 67 12 34 56-7 1 23 45-67 89  Nebenstelle folgt hinter Bindestrich. Die Nebenstelle wird auch je zwei Stellen von hinten abgeteilt. Nach dem Bindestrich wird neu angefangen.
• Bankkonten 1 234 12 345 12 345 678             
  Je drei Stellen von hinten erhalten Zwischenraum  (Achtelgeviert), auch bei vierstelligen Konten.
• Bankleitzahlen 123 456 78  
  Einmal zwei Stellen und einmal drei Stellen von hinten abteilen.
• Postfach 12 34 1 23 45 12 34 56
  Je zwei Stellen von hinten abteilen (ab vier Stellen).
• Postgiro 123 45-678
  Nur einmal zwei Stellen von hinten abgeteilt, dann folgt ein Bindestrich (ohne Zwischenraum) und danach eine dreistellige Zahl.
• Geldbeträge 88,– EUR 26,50 EUR
  Gerundete Summen werden oft durch einen Nullersatzstrich in Halbgeviertlänge (Gedankenstrich) dargestellt. Beträge mit Dezimalstellen werden durch ein Komma unterteilt.
• Stunden und Minuten 11.55 Uhr
  Werden mit einem Punkt unterteilt. Falsch ist ein Doppelpunkt!
• Datumsangabe 28. 2. 1963 28. Februar 1963
  Auf den Punkt folgt ein Abstand von mindestens einem halben Wortzwischenraum. Der Tag und Monat wird als Einzelziffer und nicht 02 dargestellt. Eine elegante Alternative ist die Ausschreibung des Monats. Hier folgt auf den Punkt und auf den Monat ein ganzer Wortzwischenraum. 
• Zusammenfassung 10-kg-Gebinde
  Müssen Zahlen, Einheitsbezeichnungen und Text zusammengefasst werden, sind diese durch Bindestriche zu verbinden. 
• Maßeinheiten 562 kg 67 mg 3mm
  Die Abkürzung der Maßeinheit wird durch ein Viertelgeviert von der Zahl getrennt. 
• Dezimalzahlen 4 080 100 000 1 122 400
  Erhalten von rechts beginnen, in Dreiergruppen eine Unterteilung ( Achtelgeviert)

Es gibt viele typografische Möglichkeiten, einen Text übersichtlich und lesefreundlich zu gliedern.

Überschriften
Die Aufgabe von Überschriften ist es, dem Leser die Textstruktur zu verdeutlichen und verständlich zu machen. Sie kündigen den folgenden Inhalt an oder fassen ihn zusammen. Durch ihre hervorgehobene Position oder Auszeichnung dienen sie der Leseführung.
Oft gibt es eine hierarchische Gliederung von Überschriften unterschiedlicher Kategorien. Diese Gliederung muss leicht verständlich sein und konsequent durchgeführt werden. Das kann durch unterschiedliche Schriftgrößen geschehen, die oft zusätzlich mit verschiedenen Schriftschnitten kombiniert werden.
Bei wissenschaftlichen Texten ist der Überschrift oder Zwischenüberschrift oft auch eine (meist arabische, aber auch römische) Ordnungszahl vorangestellt, die den Text in einen bestimmten Zusammenhang bringt und die Zugehörigkeit zu einem Kapitel anzeigt.

Absätze
Absätze können durch die Ausgangszeile gekennzeichnet sein, die meist nicht über die volle Satzbreite geht. Vor allem bei Texten im Flattersatz ist das aber ein optisches Problem, da alle Zeilen unterschiedlich lang sind.

Zusätzlich kann man die einzelnen Absätze optisch mit einem Zwischenraum trennen, dessen Abstand sich deutlich vom optischen Zeilenzwischenraum abheben sollte. Eine ganze Leerzeile wirkt dabei meistens zu groß, so dass der Text »auseinander gerissen« wird.

Der Nachteil der Verwendung eines Zwischenraums ist, dass viel Platz verloren geht und der Text nicht sehr ökonomisch gesetzt werden kann. Daher werden Abstände oft nur vor und nach (Zwischen-)Überschriften verwendet. Die erste Zeile eines Absatzes mit einem Einzug (der in etwa die Größe von einem Geviert hat) zu versehen, ist eine platzsparende Möglichkeit.

Außerdem gibt es die so genannten hängende Einzüge, die genau umgekehrt funktionieren: Der gesamte Absatz - bis auf die erste Zeile - wird eingezogen.

Zitate und andere Texteinschübe
Vor allem im Zeitschriften- oder Zeitungssatz wird häufig mit Texteinschüben gearbeitet. Dabei werden Zitate oder andere Inhalte aus dem Fließtext optisch herausgenommen. Dies kann durch einen größeren Texteinzug (links, rechts oder an beiden Seiten) oder einen größeren Abstand vor und nach dem Text geschehen, auch mit Randlinien, Kästen oder farbliche Hinterlegungen. Zusätzlich können Auszeichnungen genommen werden, die im Fließtext noch nicht verwendet wurden.


Fuß- und Endnoten
Der Unterschied zwischen Fuß- und Endnoten erklärt sich schon durch ihren Namen: Fußnoten stehen am Fuß einer Seite, Endnoten am Ende eines Kapitels oder des gesamten Buches. Sie sind ergänzende Hinweise, die entweder Quellenangaben oder zusätzliche Textinformationen enthalten können.Zur Kennzeichnung verwendet man so genannte Verweiszeichen. Meist sind es Ziffern, die als Index hochgestellt werden, seltener Buchstaben oder Sonderzeichen, wie beispielsweise *.

Der Nachteil bei diesen Zeichen ist, dass man sie nur ein- oder zweimal pro Seite nehmen kann, denn ihre Aneinanderreihung nimmt viel Platz in Anspruch und ist nicht übersichtlich. In jedem Fall sollten Verweiszeichen einheitlich und konsequent verwendet werden.Typografisch sollten sie sich unauffällig in den Textfluss einfügen, so dass der Leser sie erst dann sieht, wenn er an der entsprechenden Stelle angelangt ist.

Marginalien
An den Rändern angeordnete kurze Zusatzinformationen wie Literaturhinweise oder Gliederungshinweise.

Die Wahl der richtigen Schriftgröße hängt von Faktoren wie der Art und Menge des Textes, der Zielgruppe und der verwendeten Schrift ab. Daher ist es unmöglich, eine richtige Schriftgröße zu nennen, ohne alle diese Dinge zu kennen. Trotzdem gibt es eine grobe Einteilung in drei Größen mit entsprechenden Anwendungsgebieten.

Konsultationsgrößen (6 bis 8 pt)
Der Begriff drückt schon die Funktion dieser Schriftgrade aus: bei einer Konsultation holt man Informationen ein. So werden in Konsultationsgrößen kurze Texte gesetzt, die nicht zum längeren Lesen gedacht sind wie Artikel in Lexika, Namenslisten im Telefonbuch, Kleinanzeigen, Fußnoten, Beipackzettel etc.
Ein Beispiel für lange Texte in Konsultationsgrößen ist das sprichwörtliche »Kleingedruckte« bei Verträgen etc.

Lesegrößen (9 bis 12 pt)
Text, der zum längeren Lesen gedacht ist, sollte immer in dieser Größenordnung gesetzt werden, wobei 12 pt eher für Kinder- oder Seniorenbücher verendet werden. Diese Grade ermöglichen es, den Text einfach zu erfassen. Beispiele für Anwendungen sind Artikel in Zeitschriften, Bücher, Magazine und Zeitungen.

Schaugrößen (12-48 pt)
sollen Aufmerksamkeit des Lesers wecken (z.B. Headlines, Plakate)

Plakatgröße (ab 48pt)

aus größerer Entfernung sichtbar sein (z.B. Großplakate, Schilder)

• Gruppe I - Venezianische Renaissance-Antiqua

- Achse der Rundungen stark nach links geneigt
- Strichdicken sind schwach differenziert
- Übergang zu Serifen stark ausgerundet
- Querstrich des kleinen e liegt fast immer schräg
- seit ca. 1470

• Gruppe II - Französische Renaissance-Antiqua

- Achse der Rundungen stark nach links geneigt
- Strichdicken sind etwas stärker differenziert
- Übergang zu Serifen stark ausgerundet
- Querstrich des kleinen e liegt waagerecht
- seit ca. 1532

• Gruppe III - Barock-Antiqua

- Achse der Rundungen leicht nach links geneigt oder senkrecht
- Strichdicken sind deutlich differenziert
- Übergang zu Serifen schwächer ausgerundet
- Querstrich des kleinen e liegt waagerecht, das Auge ist meist größer als bei der Renaissance-Antiqua
- seit ca. 1722

• Gruppe IV - Klassizistische Antiqua

- Achse der Rundungen senkrecht
- zwischen Grund- und Haarstrich besteht ein klarer Kontrast
- Serifen haben keine (kaum wahrnehmbare) Kehlung
- seit ca. 1789

• Gruppe V - Serifenbetonte Linea-Antiqua

- zu dieser Gruppe gehören Werbe- und Akzidenzschriften mit betonten Serifen
- sie sind in 3 Gruppen unterteilt

Va Egyptienne
- waagerecht angesetzte, rechteckige Serifen ohne Kehlung in der Stärke des Grundstrichs oder des dünnen Strichs

Vb Clarendon
- Serifen zum Stamm hin ausgerundet, enden rechteckig und sind etwas schwächer als der Grundstrich

Vc Italienne
- haben fette, gekehlte oder ungekehlte Serifen (Blockserifen), die immer stärker als der Grundstrich sind

• Gruppe VI - Serifenlose Linear-Antiqua

- Schriften dieser Gruppe sind serifenlos
- Strichstärken sind annähernd gleich
- Grundformen sind entweder geometrisch oder gehen auf Antiquaschriften zurück
- Schriften ohne Serifen nennt man auch Groteskschriften
- seit ca. Mitte des 19. Jahrhunderts

• Gruppe VII - Antiqua-Varianten

- zu dieser Gruppe gehören Antiqua-Schriften die den Schriftgruppen I bis VI, VIII und IX nicht zugeordnet werden können, weil ihre Strichführung vom Charakter dieser Gruppen abweicht
- den Kern der Gruppe bilden Versalschriften für dekorative und monumentale Zwecke

• Gruppe VIII - Schreibschriften

- Druckschriften die aussehen, als wären sie mit der Spitzfeder, der Breitfeder, der Redisfeder, mit dem Flach- oder Rundpinsel geschrieben
(Laut DIN gehören die zur Drucktype gewordene Schul- und Kanzleischriften zu dieser Gruppe, also Nachahmungen der Kurrentschriften)
- bei vielen Schriften haben Buchstaben Verbindungsstriche, aber auch nicht verbundene Schreibschriften gehören zu dieser Gruppe

• Gruppe IX - Handschriftliche Antiqua

- laut DIN gehören zu dieser Gruppe alle Schriften, die das Alphabet in einer persönlichen Weise handschriftlich abwandeln (von der Antiqua oder kursiv abstammend)
- wie bei Gruppe VIII sind die Schreibwerkzeuge zu erkennen
- Buchstaben sind nicht verbunden
- ein Antiqua-Alphabet muss erkennbar zu Grunde gelegt sein

• Gruppe X - Gebrochenen Schriften

- diese Gruppe wird, wie die Antiqua-Schriften, in Untergruppen unterteilt - diese folgen zeitlich aufeinander

Gotisch, seit ca. 1445
Rundgotisch, seit ca. 1467
Schwabacher, seit ca. 1485
Fraktur
Frakturvarianten

- alle gebrochenen Schriften sehen aus, als wären sie mit der Breitfeder geschrieben
- Rundungen und Ecken sind gebrochen
- bekannteste Schrift ist wohl die Textura von Gutenberg

Frakturschriften ware bis ca. 1940 die Grundschriften der deutschen Sprache. Heute werden sie nur mehr als Auszeichnungs- oder Urkundenschriften verwendet.

• Gruppe XI - Fremde Schriften

- in diese Gruppe gehören alle Schriften, die nicht lateinischen Ursprungs sind

Hans Peter Willberg hat in dem Buch »Lesetypografie«die verschiedenen Arten von Buchtypografie und Lesearten sortiert und gekennzeichnet.

Lineares Lesen
Dabei wird klassisch von vorne nach hinten aufeinander aufbauend gelesen. Das beste Beispiel dafür ist ein Roman, aber auch andere, nur wenig optisch strukturierte Texte mit einer geringen Zahl an Abbildungen.
Zielgruppe sind Leser, die den Text freiwillig lesen und ihn durch entsprechenden Lesekomfort auch gerne lesen sollen.
Daher ist die Schrift zurückhaltend mit Größen von 8 bis 11 Punkt, 60 bis 70 Zeichen pro Zeile. Wenn Auszeichnungen verwendet werden, sind es in den Text integrierte, also Kursivschrift oder Kapitälchen.

Informierendes Lesen
Beim informierenden Lesen wird der Text zunächst nur überflogen, man sucht sich die interessanten oder wichtigen Stellen heraus. Ein gutes Beispiel dafür ist die Zeitung, aber auch viele Sach- bzw. Fachbücher.
Die Zielgruppe sind Leser, die sich schnell informieren wollen, ohne den ganzen Text zu lesen.
Aus diesem Grund wird der Text in übersichtliche Einheiten gegliedert, die kürzere Zeilenlängen als ein Buch aufweisen (45 bis 50 Zeichen) und zusätzlich stark in Abschnitte mit zusammenfassenden Überschriften strukturiert sind.
Es werden viele Auszeichnungen verwendet, auch aktive, damit die wichtigen Textelemente sofort auffallen.

Differenzierende Typografie
Differenzierende Typografie findet man häufig in wissenschaftlichen Büchern oder Lehrbüchern, wodurch sich auch die Zielgruppe von »Berufslesern« und Lesern von schwierigen Texten ergibt.
Auffälliges Merkmal sind viele, sehr unterschiedliche Auszeichnungen (kursiv, halbfett, Kapitälchen etc.) für die inhaltliche Textgliederung, die entsprechend gut ausgebaute Schriften erfordern.
Hierarchische Überschriften werden entsprechend ihres Stellenwertes ausgezeichnet.
Die Sonderform von differenzierender Typografie ist der Dramensatz.

Konsultierendes Lesen
Das Lexikon ist das klassische Beispiel für konsultierendes Lesen, bei dem die Leser schnell eine bestimmte Auskunft zu einem Thema haben wollen. Aber auch Fahrpläne, Programme aller Art, Nachschlagewerke etc. gehören in diese Gruppe.
Um das schnelle Auffinden zu erleichtern, wird mit Auszeichnung der Stichworte gearbeitet, je nach Art des Textes sind auch weitere Auszeichnungen (z.B. für Verweise) möglich. Die Schrift ist oft klein, aber gut lesbar.
Der Satz ist meist mehrspaltig, damit kurze Zeilenlängen erreicht werden und die Seite trotzdem gefüllt ist.

Selektierendes Lesen
Die Typografie für selektierendes Lesen betrifft vor allem Lehrbücher (auch Schulbücher) und andere Textgattungen, bei denen mehrere Ebenen auf einer Seite angeordnet werden müssen. Ein Geschichtsbuch kann zum Beispiel auf einer Seite eine Zeitleiste enthalten, informierenden Text, Zusatzinformation wie Augenzeugenberichte, Aufgabenstellung etc.
Daher müssen die unterschiedlichen Texte typografisch deutlich von einander getrennt werden, was durch verschiedene Textgrößen, Farben, Schnitte und weitere grafische Elemente (Kästen etc.) geschehen kann.
Vor allem bei Schulbüchern muss ein hoher Lesekomfort geboten werden, um die Schüler zu motivieren und sie nicht vom Lesen abzuhalten.

Typografie nach Sinnschritten
Sie richtet sich an Leseanfänger, bei denen der Text nach Sinn gegliedert werden muss, damit Zusammenhänge schnell erkannt werden. Auch Lehrbücher für Fremdsprachen gehören in diesen Bereich.
Typografische Mittel sind hierbei eine deutlich lesbare Schrift, ebenso nicht zu lange Zeilen, die allerdings nach inhaltlichen Gesichtspunkten (Satzzeichen, Pausen beim Sprechen etc.) umbrochen werden sollten.

Aktivierende Typografie
Bei der aktivierenden Typografie soll die Aufmerksamkeit des Lesers geweckt werden. Sie sollen dazu gebracht werden, den Text zu lesen, auch wenn sie es gar nicht wollen.
Anwendungsbeispiele sind in erster Linie Magazine, aber auch Schulbücher, Sach- und Geschenkbücher.
An typografischen Gestaltungselementen gibt es keine Einschränkungen, um den Leser neugierig zu machen und aufzufallen.

Inszenierende Typografie
Die inszenierende Typografie interpretiert den Text durch Auszeichnungen, verschiedene Schriftgrößen und -arten, Hoch- oder Tiefstellung von Wörtern und Sätzen, so dass der Inhalt durch die Gestaltung veranschaulicht wird.
Wie bei einem Theaterstück wird gezeigt, was der Autor gemeint hat (oder gemeint haben könnte), es werden Betonungen gesetzt und allein durch die Typografie Stimmungen vermittelt, Dialoge gekennzeichnet etc.
Zusätzlich können Gestaltungsmittel wie Formsatz verwendet werden oder weitere grafische Elemente (Rechtecke, Kreise,...).

(Hans Peter Willberg, Friedrich Forssmann: Lesetypografie, Verlag Hermann Schmidt Mainz, 1997, ISBN: 3-87439-375-5)

Gliederung
Ist die Aufteilung nach sachlichen Gesichtspunkten richtig und logisch?
Ist der Haupttitel am auffälligsten? Sind die Abstufungen der Titel in
einem vernünftigen Verhältnis? Sind die einzelnen Textgruppen, welche zusammengehören, als logische Einheit erkennbar? Sind keine großen optischen Konkurrenzierungen vorhanden? Sind gleichwertige Elemente gleich behandelt(z.B. Untertitel, Auszeichnungen,
Legenden)?

Kontrast
Ist das Verhältnis von unbedruckter zu bedruckter Fläche angenehm?
Beeinträchtigen die eingesetzten Farben die Lesbarkeit?
Welche flächigen Elemente wie Bilder, Grafiken, Illustrationen, Hintergrund-
töne wurden eingesetzt? Werden sie durch den Text ergänzt, verdrängt oder sagen Text und Bild dasselbe aus? Hat das Produkt eine Grau-in-Grau-Wirkung oder wirken dunkle und helle Elemente im Wechselspiel?

Schriftwahl
Passen die Schriften zum Produkt? Ist die Schriftgröße angepasst? Oder entstehen
im Blocksatz wegen zu großer Schrift oder zu geringer Spaltenbreite viele übergroße und damit unschöne Wortabstände? Welche Schriften sind miteinander gemischt? Sind sie aufeinander abgestimmt oder liegt ein Gemischtwarenladen vor? Sind die Schriften gut lesbar, zu weit oder zu eng laufend? Wie steht es mit dem Zeilenabstand? Sind die Auszeichnungen gut erkennbar?

Proportionen
Entspricht das gewählte Format den Anforderungen? Weist die Gestaltung Weißraüme auf oder ist alles vollgestopft? Gibt es in der Gestaltung Verhältniszahlen oder bewusste Konstruktionen, die man von Auge nachvollziehen kann? Sind die Abstände gleicher Elemente immer gleich? Sind optische Achsen erkennbar? Sind Tabulatoren in gleichen Abständen gesetzt oder wurden sie dem Zufall überlassen?

Originaltät
Springt die Gestaltung sofort ins Auge, ist sie unscheinbar gewöhnlich oder extravagant auffällig? Sind Effekte vorhanden? Ist die Gestaltung dem Lesepublikum angepasst (z.B. große Schriften für ältere Leute)? Was wurde getan, um den Inhalt schneller lesbar zu machen? (Visualisierungen)

Mikotypografie
Ist die Grauwirkung der einzelnen Textblöcke gleichmäßig oder wirken im Blocksatz Zeilen gesperrt? Sind die Wortabstände im Blocksatz regelmäßig oder die Schwankungen zu groß? Sind kritische Buchstabenpaare unterschnitten (Te, Wa usw.)?

Farbgebung
Passen die Farben zum Produkt? Wie sieht es mit dem Kontrast aus?
Besteht eine Disharmonie? Stechen die Farben stark hervor oder wirken sie begleitend?

Leseführung
Sind im Blocksatz nicht mehr als 3-4 Trennungen hintereinander? Wurde beim Flattersatz auf logische Silbentrennung geachtet? Erleichtern Einzüge das Lesen? Kommen Waisen- oder Hurenkinder vor? Kommen Trennfehler, logische/unlogische,
schöne/unschöne Trennungen vor? Sind Titel getrennt?

Vollständigkeit
Ist der Inhalt vollständig oder fehlt eine wichtige Information? Sind textliche
Anpassungen vorgenommen worden? Sind die richtigen Satzzeichen eingesetzt (Gedankenstrich, Devis, Anführungszeichen)? Sind keine doppelten Wortabstände da oder fehlen Wortabstände?

Bilder
Welche Rolle übernehmen die Bilder? Verdeutlichen oder kokurrenzieren sie den Text? Besteht eine einheitliche Linie oder zeigen die Bilder unterschiedliche Stilrichtungen? Wie steht es mit der Bildqualität aus?

 Hier einige typografische Fachbegriffe

• Dickte: Breite eines Buchstabens inklusive Vor- und Nachbreite
• Laufweite: Abstand zwischen den Zeichen einer Schrift
• Mittellänge bzw. x-Höhe: Höhe der Kleinbuchstaben, die keine Ober und Unterlänge besitzen
• Oberlänge: von der x-Linie zur H-Linie (Versalhöhe) bzw. zur k-Linie
• Unterlänge von der Grundlinie (Schriftlinie) zur p-Linie (Unterlänge)
• Versalhöhe: Höhe der Großbuchstaben (Die Höhe der Großbuchstaben kann kleiner als die Oberlänge sein, da Buchstaben wie das Minuskel-f über die Versalhöhe reichen können)
• K-Linie: Linie am oberen Rand des k
• Geviert: Quadratische Einheit eines Schriftkegels
• H-Linie: Obere Begrenzung der Versalhöhe
• Mittellinie / x-Linie: Obere Begrenzung der Minuskelhöhe
• Grund-, Schriftlinie: Die gedachte Linie auf der die Zeichen einer Zeile stehen
• p-Linie: Begrenzung der Unterlängen
• Aufstrich / Haarstrich: Nach oben geführter Strich, meist die dünnste Linie im Buchstaben
• Abstrich / Grundstrich: Nach unten geführter (meist dickerer) Strich
• Tropfen: Runde Verdickungen am Ende eines Buchstabenstriches
• Ligatur: Buchstabenverbindung
• Punze (offene und geschlossene): Buchstabeninnenraum
• Serife: häkchenartiges Ende eines Buchstabenstriches quer zu seiner Grundrichtung
• Achse der Rundungen: gedachte Verbindung der dünnsten Strichstelle am "O" (senkrecht)
• Minuskel: Kleinbuchstaben
• Majuskel (auch Versalien): Großbuchstaben
• Zeilenabstand: Der Zeilenabstand beschreibt den Abstand von einer Schriftgrundlinie zur nächsten Schriftgrundlinie.
• Durchschuss: Raum zwischen Unterlänge einer Zeile und der Oberlänge der folgenden Zeile
• Schriftgrad: Begriff aus dem Bleisatz= wird am Schriftkegel gemessen und bezeichnet den vertikalen Raum, den ein Buchstabe einnimmt-> heute redet man von Schriftgröße

Weiterführende Links:

http://www.cleverprinting.de/images/Clever_Typoposter1.jpg

Der Typografische Kontrast bezeichnet verschiedene Auszeichnungsarten bei der Schrift
(bold, Kapitälchen, kursiv, Farbe etc.) 

Kontraste nach Schriftarten (Gruppen der Schriftklassifikation oder unorthodoxere Unterscheidung wie modern, historisch, geometrisch, organisch etc.)

Kontraste im typografischen Layout (unterschiedliche Satzarten oder Zeilenabstände)

Schriftgrößen und Schriftfarbe als Kontrastdarstellung

Warum setzt man Kontraste in der Gestaltung ein?
z.B. als Blickfang, sie erleichtern das Auffinden von Informationen und vereinfachen das Lesen.

Gliederung von inhaltlich unterschiedlichen Textkategorien (Überschrift, Subheadline, Fließtext, Bildlegende)

Grundsätzlich gibt es zwei Arten, nämlich den kompressen und den durchschossenen Satz.

Kompresser Satz heißt, dass die Größe der Schrift und die Größe des Zeilenabstandes identisch sind (ein Text in 8 pt Schriftgröße hat also einen Zeilenabstand von ebenfalls 8 pt).

Der Begriff »durchschossener Satz« kommt noch aus der Bleisatzzeit, als man zur Erhöhung des Zeilenabstandes Metallstücke (Regletten) zwischen die einzelnen Zeilen gelegt hat.
Im Gegensatz zum kompressen Satz gibt es keine feste Größendefinition für den durchschossenen Satz. Wenn ein Text mit 8 Punkt Schriftgröße einen Zeilenabstand von 9 oder 11 Punkt hat, heißt es in jedem Fall »durchschossen«.

Auch gibt es keine genaue Regel, wie groß der Zeilenabstand sein muss, da das von der Schrift selbst, der Textart und der Zeilenbreite abhängt. Die in Programmen voreingestellten 120% der Schriftgröße sind zwar ein Richtwert, aber man muss es im Einzelfall entscheiden. Folgendes lässt sich jedoch als Anhaltspunkt sagen:

• Je größer die Zeilenbreite ist, umso größer muss auch der Zeilenabstand sein.
• Kurzer Text (Überschriften, Bildunterschriften o.ä.) benötigt weniger Zeilenabstand als Mengentext.
• Schriften mit geringer Mittellänge, dafür ausgeprägten Ober- und Unterlängen benötigen mehr Zeilenabstand als Schriften mit hoher Mittellänge.

Heyhey, 
Unter dem folgendem Link und im Anhang findet ihr mein Handout zu dem Thema. Zum besseren Verständnis habe ich mir ein paar quietscheentchen im Studio zusammengesucht und fotografiert. Nicht wundern :o) Hoffe es ist informativ und trifft das Thema !?!

Würde mich über Rückmeldungen freuen =)

Der Link: 

https://dl-web.dropbox.com/get/SCHULE-FOTOGRAFIE.pdf?w=AAAHt-iQTS46QqT_Ng80tgDtw7JRgW69qT6Na9njMF06sw

Lg der Kai

Inhaltsverzeichnis

1. Aufgabe von Infografiken
2. Gestaltungsregeln von Infografiken
3. Diagrammarten
3.1. Torten- auch Kreisdiagramm:
3.2. Liniendiagramm
3.3. Säulendiagramm
3.4.  Flussdiagramm:
3.5. Baumdiagramm (Verzweigungsdiagramm)
3.6. Flächendiagramm:

3.7. Kartografische Infografiken
3.7.1. Ereignisraumkarte:

3.7.2. Thematische Karten:
3.7.3. 
Wetterkarten:
3.8. 
Bildstatistik:
3.9. 
Prinzip - Prozessdarstellung:

3.10. Bildlegende
3.11. Fieberkurve.
4. Isotype-Grafiken
5. Technische Illustration
 

1. Aufgabe von Infografiken

• werden verwendet, um abstrakte, häufig komplexe Sachverhalte zu visualisieren und verständlicher zu machen
• übermitteln das Wissen bequemer als nur reiner Text (sparen somit auch Platz ein)
• ergänzen, erklären und illustrieren die begleitenden Texte
• dienen als "Einstiegshilfen", wecken die Neugier und ziehen Betrachter in den Text hinein
• verschönern die Beiträge
• sollen schnell erfassbar und absolut verständlich sein
• vermitteln Informationen an eine breite Leserschaft

2. Gestaltungsregeln von Infografiken

• Eine Infografik muss eigenständig und unabhängig von Ihrem Umfeld verständlich sein
• Jede Infografik braucht eine Überschrift
• Der Inhalt muss klar strukturiert sein
• Die Kernaussage muss erkennbar und verständlich visualisiert sein
• Visuelle Metaphern werden gezielt eingesetzt
• Die Datenquelle muss angegeben werden
• Die Infografik darf nicht manipulativ sein
• Bei Mengendarstellungen müssen die Verhältnisse gewahrt werden
• Form und Inhalt der Infografik bilden eine Einheit
• Die Infografik passt zum Umfeld

(Quelle: Kompendium, Band 1 auf Seite 409)

3. Diagrammarten

3.1 Torten- auch Kreisdiagramm:
Ist die Darstellung für Teile eines Ganzen als Teile eines Kreises mit 360 Grad. Das Tortendiagramm wird in mehrere Kreissektoren aufgeteilt. Diese Kreissektoren werden durch eine Radiuslinie jeweils vom Rand zu Mitte des Kreises aufgeteilt. Der Winkel zwischen zwei Radiuslinien bestimmt hierbei die Größe des einzelnen Kreissektors.

Um diese Kreissektoren besser voneinander zu unterscheiden werden verschiedene Farben, Muster oder Schattierungen verwendet.

Die Beschriftung der einzelnen Kreissektoren:

• innerhalb des Kreissektors
• außerhalb des Kreissektors; häufig mit einer Hilfslinie vom Text zum Kreissektor
• in einer zusätzlichen Legende, welche die im Kreis benutzten Farben oder Schattierungen beschreibt

Kreisdiagramme werden hauptsächlich in der Betriebs- und Volkswirtschaft verwendet.

3.2. Liniendiagramm:
Hier ein Beispiel für ein Liniendiagramm.

Ein Liniendiagramm (Kurvendiagramm) ist eine Darstellungsform für statische Auswertungen. Die Häufigkeiten werden in einem Koordinatensystem durch Kurven bzw. geradlinig verbundene Punkte dargestellt. Man verwendet ein Liniendiagramm für die Darstellung von Zeitreihen und Entwicklungen.

Beispiel Säulendiagramm

Sonderformen: Gruppiertes oder Überlappendes Säulendiagramm, Balkendiagramm

1. Gestapeltes Säulendiagramm (Stapeldiagramm): Darstellung der Häufigkeiten als Fläche, Anordnung übereinander. Die gesamte Säule bildet den Gesamtwert ab.
2. Gruppiertes Säulendiagramm: Abbildung von mehreren Werten nebeneinander gruppiert. Direkte Vergleiche sind hier sehr gut ablesbar.
3. Überlappendes Säulendiagramm: Darstellung von Zeitreihen. Ältere Werte stehen weiter hinten, jüngere weiter vorne.
4.  Balkendiagramm: Das Balkendiagramm ist eines der am meisten verwendeten Diagrammarten. Datenreihen werden hier mit waagerecht liegenden Balken visualisiert (um 90° gedrehtes Säulendiagramm). Dies eignet sich sehr gut zur Veranschaulichung von Rangfolgen.

3.4. Flussdiagramm: 

Das Flussdiagramm visualisiert die Stufen eines Prozesses.
Es gibt einige festgelegte Zeichen, die verwendet werden:

• Raute - für Ja-/Nein-Entscheidungen
• Rechteck - für Aktionen
• Oval - für den Start- und den Stopp-Punkt
• kleiner Kreis - für eine Sprungstelle (z.B. wenn nach einer Nein-Entscheidung wieder von vorne begonnen werden soll)

Beispiel Flussdiagramm (Programmablaufplan): link

3.5. Baumdiagramm (Verzweigungsdiagramm):
Das Baumdiagramm beschreibt eine Struktur oder Organisation von etwas. Es eignet sich also besonders gut, um Hierarchien (wie z.B. in einer Firma) darzustellen.

3.6. Flächendiagramm:
Die Aufgabe eines Flächendiagramms ist die Entwicklung von Mengen darzustellen. Basierend auf der Darstellung des Liniendiagramms dient ein Koordinatensystem in dem Punkte mit einer Linie miteinander verbunden sind. Die darunter liegende Fläche ist entsprechend farbig gefüllt ist. Bei einem überlagerten Flächendiagramm schneiden sich die Wertekurven. Die Farben der Kurven sollten sich stark unterscheiden um eine bestmögliche Übersichtlichkeit zu gewährleisten.

Beispiel Flächendiagramm: link
Beispiel überlagertes Flächendiagramm: link

3.7. Kartografische Infografiken

Ist die Visualisierung räumlicher Zusammenhänge und Geschehnisse. Die Vereinfachung der Infografik ist von großer Bedeutung d.h. nur Details zeigen, die wichtig sind. Die Angaben von Kartenmaßstab und korrekte Ausrichtung des Kartenbildes nach Norden müssen beachtet werden.

3.7.1. Ereignisraumkarte:
Lage- oder Orientierungskarten.
Verwendung finden Sie z.B. bei Unwettern, Rennstrecken, Kriegshandlungen oder großen Sportveranstaltungen

3.7.2. Thematische Karten:
Verwendet bei z.B. allen Kohlekraftwerken in Deutschland oder der Arbeitslosenquote in den Bundesländern. Dabei werden Themenbezogene Symbole besonders hervorgehoben.

3.7.3. Wetterkarten:
Wetterkarten werden in verschiedenen Arten erstellt. Die Bandbreite geht von der Meteorologischen Karte bis zu Karten mit zusatz Infomation z.B. Pollenflug, Ozonwerte oder Biowetter als Serviceinformation. Wetterkarten sind typische Kurzzeitkarten.

3.8. Bildstatistik:
Bekannteste Infografik

Grundlage sind z.B. Balken und Säulendiagramme, Linien und Flächendiagramme, Kreis und Tortendiagramme. Werden z.B. verwendet bei Bundestagswahlen Stimmen und Sitzverteilung.

Die Aufgabe einer Bildstatistik ist die Kennzahl verständlich und optisch ansprechend zu visualisieren. Dabei ist es wichtig das die Kennzahl eindeutig definiert ist und in dem Schaubild angegeben ist.

Visualiesiert werden:
- Zusammensetzung
- Anteile
- Verlauf
- Tendenz
- Vergleich

3.9. Prinzip - Prozessdarstellung:
Visualisierung von komplexer Zusammenhänge, z.B. die Funktion technischer Systeme.
Oft werden dabei Fotografien mit Grafik kombiniert.

Um einen Prozess oder Sachverhalt vereinfacht, aber sachlich richtig darzustellen muss man ihn verstanden haben. Machen Sie sich kundig, komunizieren sie mit z.B. einem techniker wie das zu visualisierende Objekt funktioniert.

3.10. Bildlegende

3.11.Fieberkurve.

4. Isotype-Grafiken

In Isotype-Grafiken werden Mengen durch gegenständliche Symbole veranschaulicht. Dabei ändert sich nie die Größe der Symbole, sondern immer deren Anzahl. Die jeweilige statistische Einheit sollte als gegenständliches Bild gestaltet werden. Die gleiche Einheit wird immer durch dasselbe Bildzeichen wiedergegeben.

Ziel der Isotype-Grafik ist immer die Anschaulichkeit, die Gegenständlichkeit und die korrekte Visualisierung. Daher zeigen diese Grafiken immer anschauliche Mengenverhältnisse anstatt der wenig einprägsamen Zahlen. Die Grafiken beinhalten ein zentrales
Thema, das vom Grafiker entsprechend grafisch aufbereitet wird.

(Quelle: Kompendium, Band 1 auf Seite 484)

5. Technische Illustration

Technische Illustrationen geben technische Details exakt so wieder, dass ein Laie den prinzipiellen Gesamtzusammenhang z.B. einer Maschine erkennen kann. Ein fachkundiger Betrachter kann aber genau erkennen, um welches technische Getriebe es sich beispielsweise bei einer abgebildeten Maschine handelt.

Technische Illustrationen sind also detailgetreue und exakte Abbildungen der Wirklichkeit, die mit fotografischen Abbildungen so nicht erstellbar sind. Daher sind derartige Grafiken aufwändig und teuer in der Herstellung.Technische Illustrationen können als Explosionsgrafik aufgebaut werden. Dies ist eine Grafik, die z.B. eine Maschine vollständig darstellt, also einen Überblick über den Gesamtzusammenhang gibt. In wesentlichen Teilen kann dann die Maschine in verschiedene Ebenen zerlegt werden, um Einblicke in technische Vorgänge und Funktionszusammenhänge zu geben.

(Quelle: Kompendium, Band 1 auf Seite 485)

Ergänzender Artikel unter:

http://www.shutterstock.com/de/blog/2013/08/3-design-tipps-von-einem-infografik-profi/?pl=OBDE-art18

Kriterien für die Erstellung von Websites für Menschen über 50 Jahre

Von Peter Burri, Beuth Hochschule für Technik Berlin

Gliederung

1. Einleitung
1.1 Kurzbeschreibung
1.2 Bedeutung des Themas für die Druck- und Medienbranche
2. Herausforderung: Veränderung im Aufbau der Altersstruktur
3. Herausfordeungen an das Webdesign
3.1 Vorüberlegungen
3.2 Mögliche Richtlinen für die Gestaltung
3.2.1 Farbgestaltung
3.2.2 Schriftarten
3.2.3 Navigationsmechanismen
3.2.4 Sound
3.2.5 Inhalt
3.2.6 Layout und Stil
3.2.7 Lernen
3.2.8 Anderes
4. Stand der Technik
5. Resümee
6. Quellen

Innovationsfeld Medienproduktion, Bereich Webdesign

1. Einleitung

1.1 Kurzbeschreibung

Durch den demographischen Wandel steigt die Altersgruppe der über 50-jährigen im Verhältnis zur Gesamtbevölkerung in den nächsten Jahren deutlich an. Damit diese Generation die Möglichkeiten das Medium Internet bestmöglich nutzen kann, müssen neue Standards in Bezug auf die Usability von Websites eingeführt werden, da im Alter motorische wie auch psychische Eigenschaften nachlassen.

1.2 Bedeutung des Themas für die Druck- und Medienbranche

Die Usability von Webseiten spielt eine große Rolle, die mittlerweile von allen Seiten erkannt wurde. Usability beschreibt die Eigenschaft einer Webseite, die folgende Eigenschaften aufweist:

• Schnell und einfach Informationen bereit zu stellen.
• Eine effiziente und effektive Nutzbarkeit.
• Gewisse Fehlertoleranz gegenüber dem Nutzer.
• Unterstützung und Förderung des Nutzers, einfaches Erlernen.

Mit Hilfe von Usability können nicht nur Nutzer der Website, sondern auch der Betreiber profitieren. Die Nutzer können Nutzen aus der Usability ziehen, da sie durch das Betrachten der Seite nicht frustriert, sondern zufrieden sind. Sie werden die Interaktion mit der Seite mögen, da sie ihre Ziele auf der Seite effektiv und effizient erreichen können. Gleichzeitig wird ein Vertrauen aufgebaut. Die Betreiber profitieren von reduzierten Entwicklungskosten, Supportkosten (Hotline etc.), weniger Fehler der Nutzer sowie ein höherer Return On Investment (ROI).

Wird die Seite als nicht nutzerfreundlich empfunden, verlassen die Nutzer die Seite und es tritt kein Kontakt zum Beispiel mit einem Unternehmen ein. Dies erschwert den Kontakt mit potentiellen Kunden im bereits hart umkämpften Feld der Kundengewinnung und -Bindung.

Durch die immer stärkere Fokussierung auf das Medium Internet hat das Thema Usability von Websites eine immer größere Relevanz. Dabei spielt die Zielgruppe der über 50-jährigen eine wichtige Rolle, da sie eine immer größere Zahl der Internetnutzer  ausmachen. Mittlerweile nutzen 44,9% der Menschen in der Altersgruppe 50+ das Internet. In der Gruppe der 50- bis 59-jährigen sind es sogar 64,2%.

2. Herausforderung: Veränderung im Aufbau der Altersstruktur

Die abnehmende Zahl der Geburten und das Altern der gegenwärtig stark besetzten mittleren Jahrgänge führen zu gravierenden Veränderungen in der Altersstruktur der Bevölkerung.
Die aktuelle Bevölkerungsstruktur weicht schon lange von der Form der klassischen Bevölkerungspyramide ab, bei der die stärksten Jahrgänge die Kinder stellen und sich die Besetzungszahlen der älteren Jahrgänge allmählich als Folge der Sterblichkeit verringern. Im Altersaufbau von 1950 haben die beiden Weltkriege und die Weltwirtschaftskrise Anfang der 1930er Jahre deutliche Kerben hinterlassen. Heute gleicht der Bevölkerungsaufbau Deutschlands eher einer „zerzausten Wettertanne“. Die mittleren Altersklassen sind besonders bevölkerungsstark, zu den älteren und den jüngeren gehören weniger Personen.

Bis zum Jahr 2060 werden die stark besetzten Jahrgänge weiter nach oben verschoben und dabei schließlich ausdünnen und von zahlenmäßig kleineren ersetzt. Damit gehen signifikante Verschiebungen in der Relation der einzelnen Altersgruppen einher.
Heute besteht die Bevölkerung zu 19% aus Kindern und jungen Menschen unter 20 Jahren, zu 61% aus 20- bis unter 65-Jährigen und zu 20% aus 65-Jährigen und Älteren. Im Jahr 2060 wird – nach der Variante Untergrenze der „mittleren“ Bevölkerung – bereits jeder Dritte (34%) mindestens 65 Lebensjahre durchlebt haben und es werden doppelt so viele 70-Jährige leben, wie Kinder geboren werden. Die Alterung schlägt sich besonders gravierend in den Zahlen der Hochbetagten nieder. Im Jahr 2008 lebten etwa 4 Millionen 80-Jährige und Ältere in Deutschland, dies entsprach 5% der Bevölkerung. Ihre Zahl wird kontinuierlich steigen und mit über 10 Millionen im Jahr 2050 den bis dahin höchsten Wert erreichen. Zwischen 2050 und 2060 sinkt dann die Zahl der Hochbetagten auf 9 Millionen. Es ist also damit zu rechnen, dass in fünfzig Jahren 14% der Bevölkerung – das ist jeder Siebente – 80 Jahre oder älter sein wird.

Spürbare Veränderungen in der Altersstruktur stehen Deutschland bereits im kommenden Jahrzehnt bevor. Insbesondere werden die Altersgruppen der 50- bis 65-Jährigen (+24%) und der 80-Jährigen und Älteren (+48%) bis zum Jahr 2020 wachsen. Die Zahl der unter 50-Jährigen wird dagegen abnehmen (–16%). Allein die Bevölkerung im mittleren Alter von 30 bis unter 50 Jahren wird um circa 4 Millionen (–18%) schrumpfen (Untergrenze der „mittleren“ Bevölkerung).

Das mittlere (mediane) Alter der Bevölkerung steigt infolge dieser Veränderungen schnell an. Heute stehen die 43-Jährigen genau in der Mitte der Altersverteilung der Gesellschaft. Bis Mitte der 2040er Jahre wird das mittlere Alter um 9 Jahre steigen, sodass zwischen 2045 und 2060 etwa die Hälfte der Einwohner älter als 52 Jahre sein wird (Untergrenze der „mittleren“ Bevölkerung).

Abb. Bevölkerungspyramide. Quelle: Statistisches Bundesamt, Bevölkerung Deutschlands bis 2060 - 12. Koordinierte Bevölkerungsvorausberechnung.

3. Herausfordeungen an das Webdesign

3.1 Vorüberlegungen

Generell lässt sich sagen, dass es zwei Hauptschwierigkeiten für ältere Menschen (Menschen ab 50 Jahren) gibt: Ein Großteil der älteren Menschen hat den Großteil seines Lebens ohne Computertechnologie zugebracht. Das bedeutet, dass sie keine oder nur beschränkte Erfahrungen mit dieser Technologie haben.
Der zweite Punkt ist, dass diese technischen Schwierigkeiten in Verbindung mit physischen, mentalen und kognitiven Beeinträchtigungen auftreten. Obwohl das Auftreten dieser Beeinträchtigungen sehr stark zwischen den einzelnen Personen variieren, so gibt es Erkenntnisse, dass die Fähigkeit zu hören, zu sehen, motorische Fähigkeiten, Konzentrationsspanne und die Erinnerungskraft im Alter abnehmen. Ältere Menschen zeigen Einschränkungen in ihrem Sehfeld, Lichtempfindlichkeit, Farbempfinden, bewegliche und statische Sehschärfe, Abnahme der Kontrastempfindlichkeit, Abnahme der Mustererkennung. Die Fähigkeit des Hörens, speziell hohe Töne, nimmt im Alter ab. Ebenso die Reaktionsgeschwindigkeit bei komplexeren motorischen Aufgaben. Das Filtern von relevanten Informationen aus einer Ansammlung von ablenkenden Informationen fällt schwerer. Ältere Menschen sprechen langsamer mit mehr Schwierigkeiten in der Wortfindung. Die Verständnisfähigkeit geht ebenso zurück.
Während das Kurzzeitgedächtnis nicht schlechter wird, so werden die räumliche Erinnerung und das Arbeitsgedächtnis durch das Älterwerden vermindert.

Das Ziel eines verbesserten Interface Design soll die oben stehenden Hindernisse minimieren, besonders wenn es um die räumliche Erinnerung, das Arbeitsgedächtnis, die Sehfähigkeiten sowie um die motorischen Fähigkeiten geht.

3.2 Mögliche Richtlinen für die Gestaltung

Es gibt viele Punkte in der Gestaltung von Websites, die verändert oder angepasst werden können, um älteren Menschen die Möglichkeiten des Internet zu öffnen. Einige von ihnen sind unten stehend aufgelistet.

3.2.1 Farbgestaltung

• Keine Verwendung von Komplementärfarben, denn diese führen zu einem störenden Flimmereffekt
  
• Farbvermeidung. Bestimmte Farben vermeiden (besonders sehr hell, leuchtend oder dynamisch). Diese hinterlassen Schattenbilder und strengen die Augen an. Blau-grüne Farben sollten ebenso vermieden werden.
• Kontrast. Den Kontrast erhöhen zwischen Vorder- und Hintergrundfarben, am besten schwarze Typo auf hellem Grund verwenden.
• Nicht nur auf Farbe konzentrieren. Die Webseite soll auch alle Informationen ohne Farben (s/w, Grautöne) darstellen können. Zum Testen kann eine kleine Monitorauflösung mit 16 Bit Farbtiefe hilfreich sein.

3.2.2 Schriftarten

• Schriftgröße. Die Schrift sollte mindestens 12pt groß sein, besser noch 14 Punkt. Überschriften und Titel sollten üblicherweise 2 Punkt größer sein. Damit wird eine gute Lesbarkeit gewährleistet. Aber Größenangabe nicht als pt oder px, sondern em bzw. ex – relative Größenangaben – verwenden.
• Dekorative sowie sehr enge Schriftarten vermeiden. Ebenso sollten so wenig Schriften wie möglich verwendet werden.
• Verwenden von Basic-Schriften (Systemschriften). Damit wird gewährleistet, dass der Nutzer die Webseite genauso sieht, wie sie erstellt wurde.
• Verwendung von relativen Schriftgrößen. Die Nutzer sollen die Möglichkeit erhalten, sich die Schriftgrößen nach belieben anzupassen.
• Schriftarten. Serif Schriftarten sind generell besser lesbar und sollten verwendet werden. Bei kleinen Schriftgrößen auf dem Monitor können diese Schriften jedoch unleserlich werden.
• Schriftstärke. Bold Schnitte sollten nur zur Auszeichnung in Texten verwendet werden. Obwohl sie fetter sind, sind sie schlechter lesbar.
• Das Verwenden von Versalsatz unterlassen. Aufgrund ihrer Gleichmäßigkeit sind die Zeichen schlechter lesbar. In Überschriften sollte jedes Wort groß geschrieben werden um die Lesbarkeit zu erhöhen.

3.2.3 Navigationsmechanismen

• Eine tiefe Hierarchie sollte vermieden werden. Der Grund liegt in dem Rückgang des Erinnerungsvermögens. Ältere Menschen können sich schneller in Navigationsstrukturen verirren.
• Klares und konsistentes Navigationskonzept entwickeln. Navaigationsleisten, Sitemap, Information zur Navigation unterstützen die Orientierung der User auf der Seite und sie finden schneller die gewünschten Informationen.
• Anbieten von Information über den generellen Aufbau der Seite. Eine Sitemap oder ein Inhaltsverzeichnis an einer festgelegten Position kann den Seitenaufbau beschreiben. Auch eine Markierung im Inhaltsverzeichnis, wo sich der Nutzer gerade befindet, ist sehr hilfreich.
• Links unterstreichen. Als Standart hat es sich etabliert, dass die Links auf Webseiten mit einem Unterstrich gekennzeichnet sind. Links ohne Unterstreichung sind schwer zu erkennen, unterstrichener Text ohne Linkfunktion kann frustrierend sein. Links sollten so immer unterstrichen sein, auch da sie von "Screen Readers" (Screen Reader = Software Programm, das Menschen mit Sehschwäche Texte auf der Webseite vorliest) als Links erkannt werden. Im Gegenzug dazu sollten keine Texte unterstrichen werden, die keine Links sind.

3.2.4 Sound

• Verwendung von tieffrequenten Tönen. Die Fähigkeit des Hörens von hohen Tönen nimmt im Alter ab. Klänge mit einer Frequenz um 500-1000 Herz haben sich als effektiv erwiesen. Aufgenommene Stimmen sollten ebenfalls eine tiefere Stimmlage besitzen.

3.2.5 Inhalt

• Anbieten von textlicher Alternative zu akustischem und visuellem Inhalt. Für jedes Nicht-Text Element (Bild, Grafik, Videos, Animationen, Karten, ASCII etc.) sollte ein Text Äquivalent erstellt werden. (Dies kann durch ein "Alt"-Tag in HTML realisiert werden). Der Vorteil von Äquivalenztext besteht in erster Linie darin, dass dieser nach den jeweiligen Anforderungen der Menschen angepasst und durch diverse Technologien an die Bedürfnisse der Menschen angepasst werden kann (Z.B. Ausgabe des Text als Sprache etc.). 
• Anbieten von Alternativen zu Text. Manchmal ist es ebenfalls sinnvoll zu dem Text auch andere Alternativen anzubieten. Bilder, Videos, Audiofiles können Nutzer unterstützen, die Schwierigkeiten beim Lesen haben.
• Irrelevante Bildschirminformationen vermeiden. Nur das Notwendigste an Informationen sollte angezeigt werden, damit keine Ablenkung stattfindet und die Nutzer sich leichter zurecht finden. Wichtige Informationen sollten hervorgehoben werden. Nur einfache relevante Grafiken sollten Verwendung finden.

3.2.6 Layout und Stil

• Verwendung von viel Weißraum und kurzen Textblöcken. Dies erhöht die Lesbarkeit. Die Seiten wirken klarer und übersichtlicher. Text sollte in kurzen Absätzen gegliedert werden. Auf der anderen Seite sollten die Seiten nicht zu lang werden, da sonst zuviel scrollen nötig ist. Hier könnten interne Links (Anker) eingefügt werden, so dass die Nutzer in langen Abschnitten per einfachem Klick vor und zurück springen können. Ein Abstand auf der rechten Seite soll gewährleisten, dass der Text auf unterschiedlichen Monitoren, Fenstergrößen und Bildschirmauflösungen darstellbar ist.
• Klare Organisation des Inhalts. Zur besseren Organisation sollten die Informationen klar geordnet sein. Dies ist insbesondere wichtig, da die visuellen Fähigkeiten und die Konzentrationsfähigkeit im Alter abnimmt. So sollten bestimmte Inhalte zu Gruppen zusammengefasst werden. Verwendung von Farbcodierung unterstützt ebenfalls die Ordnung.
• Spaltenanordnung. Kurze Zeilenlängen (etwa 65 Zeichen pro Zeile), größere Zeilenabstände und ein linksbündig ausgerichteter Text erhöhen die Lesbarkeit.
• Hintergründe einfach halten. Unruhige Hintergründe vermeiden, einfarbige Hintergründe verwenden.
• Blinkende Bilder (Grafiken, etc.) sowie animierte Buttons sollten vermieden werden.  Diese lenken die Nutzer ab und erschweren das Finden der eigentlichen Information.
• Anbieten von großen Klickzielen. Buttons und grafische Links sollten so groß wie möglich erstellt werden, da viele ältere Manschen Schwierigkeiten mit der Motorik haben und das Treffen eines Links oftmals schon eine Schwierigkeit darstellen kann. Niemals Links oder Klickflächen erstellen, die sich auf der Seite bewegen.

3.2.7 Lernen

• Onlinehilfe und Support-Dokumentation. Ältere Menschen sind oftmals neu mit der Technologie und sind nicht mit den Einstellungsmöglichkeiten ihres Rechners und ihrer Software vertraut. Ein Link oder eine Dokumentation mit Hilfestellungen kann sehr hilfreich sein. Hier können Browsereinstellungen (Farben, Fonts, Hintergründe) und ihre Einstellmöglichkeiten beschrieben werden. Links auf Herstellerseiten von Betriebssystemen (Microsoft, Apple, Linux) sowie von Browseranbietern (Microsoft, Apple, Mozilla) können auf der Seite mit eingebunden werden.

3.2.8 Anderes

• Größe der Seite. Viele ältere Menschen haben oftmals langsamere Interrnetverbindungen. Seiten sollten dementsprechend "schlank" programmiert werden, damit ein schneller Seitenaufbau erfolgen kann.

• Testen der Website. Die Website sollte mit verschiedensten Ausgabegeräten und Einstellungen getestet werden.

4. Stand der Technik

Mit Hilfe der aktuellen Tools und Konzepten der Websitegestaltung können die Anforderungen bereits zu sehr großen Teilen erfüllt werden.  Dies liegt der Tatsache zugrunde, dass das Thema bereits in einigen Studien untersucht wurde, da die Wichtigkeit erkannt wurde. Zu großen Teilen werden die Ergebnis dieser Untersuchungen angewendet.
Anforderungen gibt es heute eher in Richtung neuer Peripheriegeräte, die die Art der Betrachtung von Webseiten verändert werden (z.B.  das iPad oder IPTV, dem Nutzen des Internet über das Fernsehgerät). Auch hier muss eine Nutzung durch ältere Menschen möglich sein. Dies wird zum Beispiel durch eine immer intuitivere Benutzeroberfläche (User Interface) ermöglicht.
So ist die Umsetzung der oben genannten Kriterien kein Problem von fehlender Technik. Es muss viel mehr ein Einzug in das Denken des umsetzenden Designers/Programmierers bzw. der umsetzenden Agentur und Betreiber der Websites stattfinden. Nicht nur bei Seiten speziell für ältere Menschen, sondern z.B. auch bei Webseiten von Ämtern, Ärzten, der Öffentlichen Verkehrsmittel etc. müssen die Gestaltungsprinzipien angewendet werden.

5. Resümee

Das Thema der Usability von Websites für ältere Nutzer ist mittlerweile gut untersucht. Durch viele Studien konnte herausgefunden werden, welche konzeptionellen und gestalterischen Gesichtspunkte zu beachten sind. So scheint der Bereich schon recht gut erschlossen.

Wieder spannend wird das Thema in Verbindung mit neuen Endgeräten zur Betrachtung von Webseiten, wie Internet fähige Mobiltelefone, Computer mit Touch User Interfaces oder die Verwendung von Augmented Reality in Kombination mit der Betrachtung von Webseiten. Generell findet eine Verschmelzung aller Dienste statt, so dass  das Medium Internet und die benötigten Endgeräte weiter in das Leben der Nutzer einziehen. Das Filtern und Zunutze machen von Informationen wird in der Informationsgesellschaft somit immer wichtiger. Hier liegen auch die Anforderung an Technik und Entwickler, den Nutzern Möglichkeiten zur Navigation und Orientierung bieten müssen.
Durch die rasante Entwicklung der Technik und der Art wie sie verwendet wird,  wird jedoch die Usability auch von Webseiten eine sehr wichtige Rolle spielen. Neue Konventionen müssen entwickelt und an die Technik angepasst werden.

6. Quellen

• ARD-ZDF-Online-Studie
  http://www.ard-zdf-onlinestudie.de
• Bohan, M., und Scarlett, D. Can Expanding Targets Make Object Selection Easier For Older Adults? Usability News 5.1. Februar 2003.
  http://psychology.wichita.edu/mbernard/articles/elderly.pdf
• Chadwick-Dias, A., McNulty, M., and Tullis, T. Web Usability And Age: How Design Changes Can Improve Performance. Presentation, Aging by Design. September 2004.
  http://www.bentley.edu/events/agingbydesign2004/presentations/tedesco_chadwickdias_tullis_webusabilityandage.pdf
• Coyne, K.P., und Nielsen, J. Web Usability for Senior Citizens. Nielsen Norman Group. April 2002.
  http://www.nngroup.com/reports/seniors
• Quesenbery, Whitney. What does Usabiltiy mean: Looking beyond 'Easy to use'. 2001.
  http://www.wqusability.com/articles/more-than-ease-of-use.html
• Statistisches Bundesamt, Bevölkerung Deutschlands bis 2060 - 12. Koordinierte Bevölkerungsvorausberechnung. 2009, S. 14ff
  http://www.destatis.de/jetspeed/portal/cms/Sites/destatis/Internet/DE/Presse/pk/2009/Bevoelkerung/Statement__Egeler__PDF,templateId=renderPrint.psml
• U.S. National Institues of Health. National Institue on Aging. Making Your Website Senior Friendly. 2009.
  http://www.nia.nih.gov/HealthInformation/Publications/website.htm
• Zhao, Haixia. Universal Usability Web Design Guidelines for the Elderly. University of Maryland.2001.
  http://www.co-bw.com/DMS_Web_the_elderly_on_the_web.htm

• http://www.deyalexander.com.au/resources/uxd/seniors.html
• http://www.humanfactors.com/downloads/jun03.asp
• http://www.webcredible.co.uk/user-friendly-resources/web-usability/older-users.shtml
• http://www.webnauts.net/usability.html

Druckverfahren, die unter Digitaldruck zusammengefasst werden:

• Thermotransferdrucker
• Thermosublimationsdrucker
• Ink-Jet-Drucker
• Xerographie

Continuous Inkjet (CIJ)
Erstes Patent auf diese Technik 1867, erstes kommerzielles Gerät 1951 von Siemens wird hauptsächlich verwendet, um Verpackungen zu codieren ode zu markieren z.B. MHD.

Funktionsweise:

1. Aus dem Tintenbehälter wird durch eine Leitung mit Hilfe einer Hochdruckpumpe Farbe in den Druckkopf geführt.
2. Der Strahl tritt permanent aus mikroskopischer Düse aus.
3. Durch Plateau- Rayleigh Instabilität und Piezoschwinger, der akkustische Wellen erzeugt, zerfällt der Strahl in einzelne Tröpfchen (64.000 bis 165.000 pro sec).
4. Diese Tröpfchen werden mit verschiedenen elektrischen Ladungen versehen oder auch nicht.
5. Sogenannte Guard-Droplets (ungeladen) sollen eine gegenseitige Beeinflussung der gleich/ähnlich geladenen Tropfen verhindern.
6. Beim Passieren der Ablenkelektroden werden die Tropfen gemäß ihrer Ladung abgelenkt (dies ist, denk ich, mit dem Prinzip der Röhrenbildschirme vergleichbar) und auf den Bedruckstoff "geschossen".
7. Nicht benötigte Tinte wird in einen Tröpfchenfänger geleitet.
8. Tinte aus Tröpfchenfänger wird bei einigen Herstellern wieder in den Tintenbehälter zurückgeführt.
    

Vorteile:
Die sehr hohe Geschwindigkeit der Tropfen (50m/s) erlaubt eine relativ große Distanz von Düse zu Bedruckstoff. Kein Verstopfen der Düse, da diese immer in Gebrauch ist und somit keine Farbe trocknen kann. Zugabe von flüchtigen Solvents möglich-->schnell trocknend, Farbe "frisst"sich in Bedruckstoff
 http://youtu.be/seY3PLV0VUs
 

Im Digitaldruck gibt es folgende Verfahren:

1) Xerografische Druckprinzip (Laserdruck)
- Trommel ist negativ geladen und hat eine lichtempfindliche Halbleiterschickt
- Druckende Stellen sind positiv geladen
- Toner ist negativ geladen und bleibt an positiven Druckstellen haften
- Papier ist stark positiv geladen
- negativer Toner haftet am positiven Papier
- Anschmelzen und Papier entladen

Für jeden Druck müssen diese Schritte wiederholt werden.

8-Zylinder-Drucker
Papier wird beidseitig mit CMYK bedruckt

2) Tintenstrahldruck (Inkjet)
teilt sich in 2 Bereiche auf: Continuous-Inkjet und Drop-on-Demand.

a)Continuous Inkjet
- Tintentropfen werden kontinuirlich ausgestoßen. 
- Soll kein Druck statt finden werden diese aufgefangen

b)Drop-on-Demand (Druck nach Bestellung)
unterscheidet sich in Bubble-Jet und Piezotechnik

Bubble-Jet
- In der Düse befindet sich Heizelemente, die durch Stromimpuls erhitzt werden (ca. 300°C)
- Dadurch entsteht Dampfblässchen welches die Tinte durch die Düse presst

Piezotechnik
- Keramikplättchen sitzt in der Düse und dehnt sich durch Stromimpulse aus
- Dadurch entsteht Dampfblässchen welches die Tinte durch die Düse presst

Die Bedeutung von personalisierten und individualisierten Druck-Erzeugnissen nimmt seit Jahren zu. Beide Begriffe tauchen oft in identischer Verwendung auf, aber der eigentliche Unterschied besteht darin, dass bei personalisierten Druckmedien nur Namen und persönliche Anrede eingefügt werden. Beim individualisierten Druck wird sogar der Content (Bilder, Text) auf den Empfänger oder die Zielgruppe fokussiert.

Diese Möglichkeit wird von Verlagen und Designunternehmen oder der Automobilbranche für Produktkataloge verwendet. So können zum gleichen Produkt unterschiedliche Zielgruppen (männliche Single, junge Familien mit Kindern etc.) angesprochen werden, in dem jeweils andere Vorzüge des Produktes textlich und bildlich im Katalog vorgestellt werden.

Für eine funktionierende Personalisierung oder Individualisierung ist aber immer ein gut gepflegter Datenbestand wie geprüfte Adressen, korrekte Schreibweisen der Ansprechpartner etc. notwendig.

Printing-on-Demand bedeutet Druck auf Bestellung.

Book-on-Demand bedeutet Druck eines Buches auf Bestellung.

Die Datei, die gedruckt werden soll, wird aus einer Datenbank abgerufen oder wird direkt vom Kunden geliefert.

On-Demand-Produktion wird vor allem bei Kleinstauflagen angewandt. Gedruckt wird im Digitaldruckverfahren. Es kann bereits 1 Exemplar eines Buches kostengünstig gedruckt werden.

Die Anwendung für On-Demand-Produktion ist vielfältig.

Gedruckt werden einzelne Musterbücher für Journalisten, Kritiker und Verleger. Sie können vor der eigentlichen Veröffentlichung bereits ein Buch erhalten und lesen.

Vergriffene Bücher können einzeln nachgedruckt werden.

Unabhängige Autoren können ihre Bücher drucken ohne Verlag drucken lassen.

Spezialisierte Werke wie Softwaredokumentationen oder umfangreiche Gebrauchsanleitungen werden erst gedruckt wenn sie wirklich benötigt werden.

Wissenschaftliche Publikationen werden auf Anfrage und bei Bedarf als Buch einzeln ausgedruckt.

Viele Kleinverlage nutzen On-Demand-Produktion, da sie oft unbekannte Autoren herausbringen. Große Auflagen der Bücher unbekannte Autoren zu drucken, rechnet sich wirtschaftlich nicht. M

Die Vorteile der On-Demand-Produktion sind:

-            die Bücher sind theoretisch immer lieferbar,

-            Nachdrucke sind sehr einfach,

-            Individualisierung des Inhalts ist möglich,

-            die Lagerhaltungskosten sind gering,

-            man muss keine Mindestauflage drucken,

-            das Risiko der überzählig gedruckten Bücher verringert sich.

Die Nachteile der On-Demand-Produktion sind:

-            höhere Herstellungskosten je Exemplar im Vergleich zum Auflagendruck,

-            eine inhaltliche Kontrolle der Manuskripte wird nicht immer angeboten,

-            längere Lieferzeiten bei hoher Auslastung des Dienstleisters,

-            Einschränkungen bei Papierwahl und der buchbinderischen Verarbeitung.

1. Definition
Web-to-Print umfasst das Angebot im Internet, welches es ermöglicht einen Druckauftrag im Internet zu erzeugen. Es können existierende Vorlagen mit Inhalt gefüllt werden oder es kann ein eigenes Design hochgeladen werden. Die Druckdaten werden freigegeben und der Druckauftrag wird auf einem digitalen Drucksystem ausgegeben. Notwendig ist ein schnelles und stabiles Netz.

Es entsteht eine völlig neue Art der Kommunikation zwischen Kunde und seiner Druckerei, die die Abwicklung eines Druckauftrages beschleunigt. Die Druckereien sind durch Web-to-Print zum Teil einer elektronischen Geschäftswelt (E-Commerce-Workflow) geworden, die es ermöglicht Druckaufträge schnell und effektiv abzuwickeln. Die Just-in-Time-Produktion spielt eine immer größere Rolle.

• Just-in-Time-Produktion: Güter oder Bauteile werden von den Zulieferbetrieben erst bei Bedarf - zeitlich möglichst genau berechnet - direkt ans Montageband geliefert. Dazu wird mit einem gewissen Vorlauf die benötigte Menge vom Fließband zurückgemeldet und bestellt. Der Zulieferer muss sich vertraglich verpflichten, innerhalb dieser Vorlaufzeit zu liefern. Am Produktionsort selbst wird also nur soviel Material gelagert, wie unbedingt nötig ist, um die Produktion gerade noch aufrecht zu halten. Dadurch entstehen beim Produzenten nur direkt am Band sehr kleine Lagermengen und es entfallen längere Lagerungszeiten.

2. Web-to-Print im Einsatz
Der Einsatz von Web-to-Print ist überwiegend bei großen Unternehmungen beliebt.

Überwiegend ist Web-to-Print bei Schnelldruckereien, Copyshops und Digitalspezialisten verfügbar. Interessant ist, dass die WtP-Technik überwiegend in den Bereichen Druckvorstufe, Marketing und Kommunikation angewendet wird.

3. Auftragsstruktur
Der wesentliche Auftragsumfang bei WtP-Systemen liegt bei folgenden Drucksachen:
- Werbedrucksachen
- Bürkokommunikationsdrucksachen
- Personalisierte Drucksachen
- Handbücher
- Technische Dokumentationen
- Kataloge
- Bücher
- Direct Mailings
- Gebrauchsartikel (z.B. T-Shirts, …)

4. Prozessablauf Web-to-Print
Web-to-Print ist eine Prozesskette, die Druckvorlagen mittels Internet-Server erzeugt. Es müssen neben den gestalterischen und technischen Abläufen auch alle notwendigen kaufmännischen Prozesse beachtet werden. Zum Beispiel muss an die Bezahlungsmöglichkeit /-art gedacht werden und auch wie das fertige Produkt an den Empfänger versendet wird.

5. Man unterscheidet zwei Shop-Arten

Closed Shop:

Nutzer muss sich über ein Kennwort einloggen bzw. identifizieren, bevor er Zugriff auf den Print-Shop bekommt. Besitzt er noch kein Passwort muss er sich registrieren. So kann der Personenkreis bzw. -gruppe definiert werden. z.B. Differenzierung zwischen Wiederverkäufer und privaten Kunden (unterschiedliche Preislisten)

Open Shop:

Hier muss sich der Nutzer erst identifizieren, wenn er sich für eine Drucksache entschieden hat und eine Bestellung abgeben möchte.

5.1 Einsatz von Templates (Mustervorlagen)
5.2 Einsatz von eigenen Dateien (eigenes Layout)

7. Server
7.1 InDesign-Server

Bedeutung / Technologie

Ist eine Technologieplattform die es erlaubt, die grafischen Möglichkeiten von Adobe InDesign auf eine Serverumgebung anzupassen und komplexe Anwendungsprozesse abzuarbeiten. Über die Programmschnittstelle "Run-Script" lassen sich selbst erstellte oder fertige Anwendungen anbinden z.B.

• Redaktions Workflow
• datenbankgestützte Publikationen
• webbasierte Designlösungen
• Die Grundarchitektur von Adobe InDesign und InDesign-Server ist nahezu identisch.

InD-Server unterstützt keine:

• Zwischenablagen
• InDesign Version Cue Cs
• ALAP InBooklet SE Plug-in für Ausschießfunktionen
•  
• InD-Server unterstützt dagegen die üblichen Funktionen:
• im Bereich Ausgabe für Print, PDF und Adobe GoLive
• die Verwendung von Skriptsprachen JavaScript, XML, AppleScript, VBScript, Dokument Objekt Model (DOM)
• und das Software Development Kit (SDK)
• Adobe InDesign als Layoutprogramm kann über einen bestimmten Server bestimmte Funktionen automatisieren, bleibt dabei aber immer eine Desktop-Anwendung. InDesign-Server hat dagegen eine Reihe von Funktionen, die eine komplexe Servernutzung im Prinzip erst möglich machen

Funktionen InD-Server:

• Headless-Modus = Anwendung ohne grafische Benutzeroberfläche

• Kontrolle der Anwendung = C++, Simple Objekt Access Protocol (SOAP)

• dokumentierte Programmschnittstellen = Run Script -> Ausführung der Skripte C++,Simple Objekt Access Protocol (SOAP)

• Error Capturing (integrierte Fehlermeldung) = auftretende Fehler werden in einer Datei geloggt z.B. Falscher Farbmodus, Ausführung wird nach Dokumentation ohne Benutzereingriff weitergeführt->Error Log -> Fehlererkennung, Behebung und sie abfangen

• Prozesse können parallel laufen =  Beschleunigung des Arbeitsprozess

Weiterführende Texte:
Web2Print von Christoffer Grunau, Dennis Brüntjen, Kim Weil, PDF (52 KB)

Formel

(Pixel Breite * Pixel Höhe) * Datentiefe * Frames = X MB 

Klingt einfach, ist es auch

Man bekommt gewöhnlich in einer Aufgabe für die Berechnung von digitalen Videodaten die Höhe und die Breite des Videoformats gegeben, dazu die Dauer des Videos und die Anzahl der Frames pro Sekunde. Wie die Farbtiefe an einem Monitor (RGB) ist muss ich glaube ich nicht weiter erwähnen.

Ein Beispiel, bitte!

Ein digitales Video von 720 Pixeln Höhe und 576 Pixeln Breite und einer Dauer von 3 Minuten und 10 Sekunden liegt unkomprimiert vor. Die Framerate ist 25 f/s. Wie hoch ist die Datenmenge?

Bildschirme sind im RGB-Modus = 24 bit oder 3 byte

3 Minuten und 10 Sekunden entsprechen 190s.

Pro Sekunde haben wir 25 Frames, ergo 25 * 190 = 4750 Frames

Ein Frame hat 720 * 576 Pixel. Das sind 414720 Pixel.

Zusammengesetzt wäre also die Rechnung nun:

(414720 * 24 * 4750) : 8 * 1024 * 1024 = X MB

47.278.080.000 : 8388608 = ca. 5635,99 MB : 1024 = ca. 5,5 GB

Was sein kann, muss aber nicht

Es könnte sein, dass die ZFA davon ausgeht, dass unsereins weiß, was die PAL Norm ist, was HDV ist und was Full-HD ist (Immerhin wollen die uns ja auch über Videosignale ausquetschen.).

PAL (Phase Alternating Lines): 720 * 576 Pixel (4 : 3)

HDV (High Definition Video): 1280 * 720 Pixel oder 1440 * 1080 Pixel

Full-HD (Full High Definition Video): 1920 * 1080 Pixel

Wie gesagt kann das sein, zu erwarten ist es allerdings nicht. Wäre natürlich trotzdem nicht schlecht, wenn man es weiß, denn im zweiten Prüfungsteil kommt das Thema sowieso dran. =)

Wie immer möge man mir Fehler mitteilen und/oder korrigieren oder Fehlendes einfach ergänzen. =)

Video-Formate:

• AVCHD
• HDV
• 4K2K
• UHDV
• Full-HD

Technisches: 

• Ab wann ist ein Video HD?
• Die verschiedenen Auflösungen wie 720p, 1080i (interlaced) und 1080p (progressive)
• Was bedeutet HD-Ready?
• PAL
• NTSC

Formel zur Berechnung der Bilddatenmenge:

• Bilddatenmenge (bit) = Breite (px) * Höhe (px) * Farbtiefe (bit) * Bildrate (Hz oder fps) * Zeit (s)
• Audiodaten (bit) = Abtastrate (Hz) * Bit-Auflösung (bit) * Kanalzahl * Dauer (s)
  
  Da ein Video meist immer auch Ton besitzt, muss auch die Größe der Audiodaten berechnet werden. Am Ende rechnet man die Bilddatenmenge + Audiodaten und wandelt sie entsprechend in MB oder GB um.

Kanalzahl: 

• Stereo = 2 Kanäle
• Mono = 1 Kanal
• 5:1 = 6 Kanäle

Videodaten

Datenmenge eines Videos hängt von mehreren Faktoren ab:
- Bildformat und -auflösung sowie der Fernsehnorm(4:3-PAL = 720x576px; 16:9-HDTV z.B. 1440x1880px; Internet z.B. 360x288px)
- Farbtiefe in Bit
- Bildwiederholfrequenz(Framerate) wird ebenfalls durch gewählte Fernsehnorm vorgegeben – bei PAL und HDTV 25 Vollbilder pro Sekunde (Hz)
- Gesamtlänge des Videos in s
- Codec zur Reduktion der Datenmenge
- Audioanteil
- Berechnung der Datenmenge:

            B x H x fv x  F x t
  D =   ----------------------  [MB]
            8 x 1024 x 1024

B=Breite in px, H=Höhe in px, fv=Bildwiederholfrequenz in Hz, F=Farbtiefe in Bit, T=Gesamtlänge in s
- mit unkrompimierten Videos kann in der Praxis nicht gearbeitet werden
- absolute Datenmenge spielt eine untergeordnete Rolle
- für Wiedergabe des Videosignals von CD, DVD, oder Blue-ray oder Streaming im Internet ist die Angabe des Datenstroms von größerer Bedeutung(Datenmenge, die jede Sekunde des unkomprimierten Videos liefert)
- Berechnung des Datenstroms:

            B x H x fv x  F
  d =   ------------------  [Mbps]
           1000 x 1000*) Datenraten werden mit k=1000 und M=1.000.000 gerechnet

- Videos auf DVDs werden mit 4-8MBit/s abgespeichert
- Bei Video Streaming muss die Datenrate deutlich reduziert sein z.B. 500kBit/s

Anleitung für das Wiki
In diesem Wiki könnt ihr gemeinsam Lerninhalte erstellen. Jedes Wiki ist direkt und für jeden angemeldeten User editierbar. Wenn bereits bei vorherigen Prüfungen Wikis zum Thema (manchmal auch nur Teilgebiete streifend) erstellt wurden, so werden sie unten verlinkt. Ansonsten einfach hier diesen Eintrag überschreiben und mit entsprechenden Inhalten füllen. Konkrete Aufgaben gemeinsam lösen oder besprechen könnt ihr zudem in der Lerngruppe.
https://mediencommunity.de/lerngruppe-mediengestalter-ap-sommer-2023

Viel Erfolg beim Lernen.
Das Team der mediencommunity

Als Codec wird allgemeine das technische Verfahren, welches Daten oder Signale digital kodiert und wieder dekodiert, bezeichnet.

Weitere Infos dazu gibt es auch auf Wikipedia

Hier noch ein Beitrag auf IT-Wissen zum Thema Codierung/Decodierung

Beim Einbinden eines Videos mit HTML5 muss man darauf achten, dass nicht alle HTML5 fähigen Browser die gleichen Videoformate wiedergeben können.

 Das heißt, man muss das Ausgangsvideo in die drei gängigsten Formate konvertieren (Ogg Theora, Mpeg4 und WebM).Optimalerweise werden alle drei Formate dann mit dem HTML5 Tag <Video …>  gleichzeitig eingebunden (siehe unten).

Die Konvertierung des Ausgangsvideos kann mit einem Konverter, den es kostenlos gibt, konvertiert werden. http://www.freemake.com/de/free_video_converter/

Dazu ließt man das Quellvideo ein und der Konverter gibt es in drei Formaten wieder aus.

So wird ein Video beispielsweise eingebunden:

<video controls width=640 height=426>
   <source src="video.ogv" type='video/ogg; codecs="theora, vorbis"'/>
   <source src="video.webm" type='video/webm' >
   <source src="video.mp4" type='video/mp4'>
<p>Ihr Browser unterstützt kein HTML5 (Alternativtext für alte Browser)</p>
</video>

• Das Zeilensprungverfahren stammt aus der Fernsehtechnik und wurde 1920 zur Verringerung des Bildschirmflimmerns entwickelt

• Die damalige Übertragungsfrequenz (UHF) konnte nur eine begrenzte Menge an Informationen übertragen (25 Pics./s), was ein starkes Flimmern und keinen sonderlichen Sehgenuss mit sich bringen würde.

• Beim Zeilensprungverfahren (Interlacing) wird jedes Bild in 2 Halbbilder aufgeteilt, die nacheinander gesendet und jew. Um eine Zeile versetzt auf den Bildschirm geschrieben werden.

==> Im ersten Halbbild (Upper-Field) werden alle ungeraden Zeilen angezeigt ( 1, 3, 5, 7...)

==> Im zweiten Halbbild (Lower-Field) werden alle geraden Zeilen angezeigt ( 2, 4, 6, 8 ...)

• Das menschliche Auge nimmt die einzelnen Zeilen nicht als flimmernd, sondern als wandernd wahr. Es integriert die Zeilensprünge im Idealfall zu einem Gesamtbild.

b. Standard-Daten des deutschen PAL

• ein Vollbild (Frame) hat 625 Zeilen, davon sind 587 (bzw. 575) sichtbar

• 25 Vollbilder pro Sekunde (= 40 ms für jedes Vollbild, davon 2,4 ms (= 32 Zeilen) unsichtbar für den Bildrücklauf)

• 833 Bildpunkte pro Zeile (= 520 625 Pixel pro Vollbild)

• Zeilendauer ist 64 μs, was einer Zeilenfrequenz von 15625 Hz entspricht (1 s / 625 Zeilen x 25 Vollbilder), davon sind ca. 52 μs sichtbar und 12 μs nicht sichtbar für den Zeilenrücklauf

• unter Berücksichtigung der Augenträgheit, der Rücklaufzeiten für Zeile und Bild und der Nachleuchtzeit des Bildschirms wird eine Videobandbreite von mindestens 5 MHz benötigt.

c. Vorteile

• Reduktion des Bildflimmerns

• Verringerter Bandbreitenbedarf

• Hohe vertikale (zeitliche Auflösung) → Voraussetzung: Das Quellmaterial ist im Filmmodus aufgezeichnet worden.

d. Nachteile

• Zeilenflimmern, besonders bei Fernsehern mit „modernen“ Bildröhren (erhöhte Auflösung)

==> Die Displays haben eine kürzere Nachleuchtzeit, die jedoch ein schärferes Bild liefert.

==> Durch die kürzere Nachleuchtzeit ist das zuerst geschriebene Halbbild ein wenig dunkler als das darauf folgende Halbbild. Dieser, wenn auch geringe, Helligkeitsunterschied bewirkt eine störende, besonders an detailreichen Teilen des Bildes wahrzunehmende Helligkeitsmodulation.

==> Der Effekt kann durch Erhöhung der Bildfolgefrequenz (100Hz) oder durch Konvertierung ("De-Interlacen") in progressive Abtastung vermieden werden. Letzteres erfordert dann allerdings auch die Wiedergabe auf progressiven Displays.

e. De-Interlacing „klassisch“

• Das Zeilensprungverfahren hat nur Sinn bei der Betrachtung am Fernseher, da PC-Monitore mit einer flimmerfreien, höheren Frequenz arbeiten.

• Das Zusammenführen von Halbbildern zu Vollbildern (De-Interlacing) hat verschiedene Gründe

==> Bestimmte Videoformate lassen keine Halbbilder zu (z.B. MPEG-1)

==> Oder um aus einem Video ein Standbild zu exportieren

• De-Interlacing Verfahren:

==> Zusammenlegen

i. Beim einfachen Zusammenlegen von Halbbildern entsteht eine Kammstruktur bzw. eine Sägezahneffekt.

==> Interpolieren

i. Hierbei werden bei den Teilen beider Halbbilder, die sich unterscheiden (Kämme) interpoliert und Mittelwerte gebildet.

==> Halbieren

i. Die Hälfte der Halbbilder wird einfach weggelassen. Da dadurch die Anzahl der Zeilen halbiert wird. Das hat allerdings auch die Halbierung der Bildhöhe, oder um das Seitenverhältnis zu erhalten, auch der Bildgröße zur Folge.

ii. Die Methode empfiehlt sich wenn die Bildgröße ohnehin reduziert werden sollte.

• Nachteile des De-Interlacing Verfahrens

==> Es ist nur unter Verlust durchzuführen

==> Schmale Strukturen können leicht verschwinden

==> Schräge Kanten werden ggf. stufig dargestellt

==> Bei der Interpolation können Bereiche „matschig“ aussehen

==> Das Video hat dann nur 25 Bilder/s, was nur akzeptabel ist, wenn Dateigröße wichtiger ist als Bildqualität

f. Von Interlaced (analog) zu Progressiv (digital)

• Aufnahmegeräte die ein Band oder DVD als Medium verwenden zeichnen → Interlaced auf

• Aufnahmegeräte die SD-Karten o.ä. als Medium verwenden zeichnen → Progressiv auf

• Da digitales Video komprimiert ist, steht wesentlich mehr Bandbreite zur Verfügung und Bilder können mit höherer horizontaler und vertikaler Auflösung (= Vertikalfrequenz) dargestellt werden. Ein Zerlegen von Vollbilder in Halbbilder und das Verschachteln sind nicht mehr notwendig. Es können Vollbilder vollständig ohne Zeilensprung (progressiv oder non-interlaced) flimmerfrei dargestellt werden.

==> Ein Nachteil der progressiven Abtastung ist die im Vergleich zum Interlaced Video bei gleicher Vertikalfrequenz deutlich verringerte zeitliche (vertikale) Auflösung. Bei schnellen Bewegungen im Bild können diese dann ruckelig wirken.

• Bei der Umwandlung von Interlaced Videos zu Progressiv MUSS! Die Funktion De-Interlacing genutzt werden, da es sonst zu schweren Interlaced-Artefakten kommen kann.

g. De-Interlacing bei der Umwandlung

• Weave

==> Im Weaver-Modus wird kein Deinterlacing vorgenommen. Beide Halbbilder werden ineinander verwoben. Bei im Kamera-Mode aufgezeichneten Videos können starke Interlace-Artefakte auftreten. Weave eignet sich nur für im Film-Mode aufgenommene Videos.

• Angleichen/Blending

==> Beide Halbbilder werden durch Zeilenverdopplung zu Vollbildern gewandelt. Jede Zeile des Bildes wird aus dem Mittelwert einer Zeile aus dem ersten Halbbild und einer Zeile aus dem zweiten Halbbild berechnet. Da der zeitliche Zusammenhang zwischen den Halbbildern durch das Mischen verloren geht, eignet sich Blending nur für Videos im Kamera-Modus. Videos im Film-Mode ruckeln stark.

• Wippen/Bobbing

==> Beide Halbbilder werden durch Zeilenverdopplung (per Interpolation zwei benachbarter Zeilen eines Halbbildes) zu Vollbildern gewandelt. Beide Vollbilder werden nacheinander gezeigt. Das Bild wird beim Bobbing zwar etwas weichgezeichnet, der temporale Zusammenhang zwischen den Halbbildern bleibt aber erhalten, was zu flüssigen Bewegungen führt.

• Verwerfen/Skip/Discard

==> Ein Halbbild wird mittels Interpolation zwei benachbarter Zeilen des Halbbildes zu einem Vollbild gewandelt. Das zweite Halbbild wird verworfen. Das deinterlacete Bild ist recht stark weichgezeichnet.

• Linear

==> Das Prinzip ist ähnlich wie beim Bobbing. Nur werden die Zeilen des zweiten Halbbildes aus den benachbarten Zeilen des ersten Halbbilds linear interpoliert. Zeile 2 wird also aus Zeile 1 und Zeile 3 berechnet.

• Adaptive Verfahren

==> Ein adaptives Deinterlacing kann nur mit erheblichen Hardwareaufwand und Prozessorleistung durchgeführt werden. Zur Berechnung eines bestimmten Vollbildes werden mehrere weitere vorangegangene und nachfolgende Vollbilder in einem Bildspeicher gehalten und miteinander verglichen. Sich bewegende Bildanteile werden mittels Mustererkennung detektiert und aus den Änderungen werden Bewegungsvektoren berechnet. Diese werden dann auf das zu bearbeitende Bild angewendet.

==> Die meisten Signalprozessoren in Flachbildschirmen verwenden adaptives Interlacing.

h. Exportieren von Videos aus Schnittprogrammen

• Interlaced ist immer dann zu wählen, wenn die Quelle analoges Video im Zeilensprungverfahren von VCR, Camcoder, TV oder in den digitalen Formaten DV, MiniDV, DVCAM, Digital8, HDV, DVCPro ist.

• Progressiv ist nur bei progressiv abgetasteten Quellen wie progressives digitales Video von Camcordern (z.B. MPEG-4 AVC/AVCHD, H.265 HEVC) oder DVD und Blu-ray einzustellen. MPEG-1 (CDi, VCD) ist übrigens immer progressiv!

• Videos von der DVD können sowohl interlaced oder als auch progressiv sein (je nachdem wie sie gedreht worden sind: Chemischer Film / Analog-Videokamera / Digitalkamera).