1. GESTALTERISCHE ANALYSE

Um entscheiden zu können, ob ein Bild für einen bestimmten Zweck (z.B. eine Werbekampagne) geeignet ist, muss der Mediengestalter in der Lage sein, die Botschaft des Bildes zu erkennen.

Hier einige Fragestellungen als Anregung:

Motiv

• Was wird abgebildet?
• Welcher Ausschnitt wurde gewählt?

Wie ist das Bild aufgebaut?

• Was befindet sich im Vordergrund, was im Hintergrund?
• Welche Elemente werden als zusammengehörig empfunden?
• Wie wird der Blick des Betrachters durch das Bild geführt?

Welche Farbwirkung hat das Bild?

• Kalte oder warme Farben?
• Gibt es starke Farbkontraste?
• Bunt oder s/w?

Räumlichkeit

• Wirkt das Bild plastisch?
• Wie wird der Raum im Bild genutzt?
• Hoch- oder Querformat, Panorama oder Quadrat?

Licht und Schatten

• Welche Lichtquellen gibt es?
• Welche Elemente befinden sich im Licht/Schatten?

Perspektive

• Zentral-, Vogel- oder Froschperspektive?
• Die Bildwirkung wird stark von der Perspektive beeinflusst. Eine Person aus der Froschperspektive aufgenommen kann bedrohlich wirken, die gleiche Person aus der Vogelperspektive wirkt klein.

Schärfe und Unschärfe

Durch die Verwendung von Schärfe bzw. Unschärfe kann der Eindruck von Bewegung entstehen,
 so genannte Bewegungsunschärfe.
 

Jeder Aspekt wird interpretiert, um abschließend die Bildaussage deuten zu können. Passende Adjektive könnten sein: vertraut, verwirrend, surreal, kühl, warm, dynamisch, finster, freundlich usw.

2. TECHNISCHE ANALYSE

Notwendig zwecks Weiterverarbeitung, z.B. für den Druck.

• RBG oder CMYK?
• Welche Auflösung?
• Welches Format?
• Tonwertkorrektur?
• Retusche nötig?
• Graditionskurve?

Tonwertverteilung

Die Tonwertverteilung gibt an wie häufig bestimmte Tonwerte in einem Bild vorhanden sind. Bei einem dunklen Bild sind die Tonwerte eher im Tiefenbereich verteilt und bei einem sehr hellen Bild im Lichterbereich. Die Tonwertverteilung sollte ausgeglichen sein und es sollten nur leichte Korrekturen zur Kontrastverbesserung vorgenommen werden. Ausserdem sollten die Tonwerte in allen Bereichen verteilt sein. Wenn zum Beispiel im Lichterbereich kaum Tonwerte vorhanden sind, kann es sein dass im Druck später sogenannte "Löcher" entstehen und es aussieht als wäre das Bild ausgerissen.

Tonwertumfang

Der Tonwertumfang gibt an, wie viele Farbinformationen (Tonwertstufen) ein Bild oder eine Bilddatei enthalten kann. Mit dem Tonwertumfang bestimmt man somit den Umfang der farblich dargestellten Pixel von 0 (rein schwarz) bis 255 (rein weiß). Angegeben wird er normalerweise in Bit.

Beispiel: Mit 8 Bit lassen sich pro Pixel 256 Tonwertstufen darstellen (28 = 256).

Dies entspricht einem Graustufenbild. Der Tonwertumfang eines gebräuchlichen RGB-Bildes besteht aus 3 Farbkanälen mit je 8 Bit (also insgesamt 24 Bit) mit 256 x 256 x 256 = 16.777.216 möglichen Farbinformationen.
Vereinfacht ausgedrückt: 
Der Tonwertumfang bezeichnet die Differenz zwischen der hellsten und der dunkelsten Stelle eines RGB-Bildes. Der Ideale Tonwertumfang eines Bildes ist somit die ausgeglichene Balance heller und dunkler Farbtöne und enthält meist eine Spreizung von reinem Weiß bis reinem Schwarz.
Drucker und Druckmaschinen können meist die extrem Tonwerte 255 (absolutes weiß), 0 (totales schwarz) nicht darstellen. Da die Gefahr besteht, dass das Bild im Druck zuläuft, ist es hilfreich den Tonwertumfang leicht zu beschränken.

Tonwertspreizung

Die Tonwertspreizung wird mit Hilfe des Histogramms geregelt. Mit den 3 Reglern bestimmt man die Tiefen, Mitteltöne und Lichter.
Beispiel: Wenn man den schwarzen Regler nach rechts zieht legt man den Schwarzpunkt fest. Alle sich links davon befindenden Pixel werden dann als Schwarz definiert. Das gleiche gilt für die Lichter, nur verschiebt man den Regler hier nach links. Der dritte Regler (grau) bestimmt die Mitteltöne. Bewegt man ihn in Richtung Schwarzpunkt werden die Mitteltöne aufgehellt und in Richtung des Weißpunktes werden sie verdunkelt.

Gradationskurve

So funktioniert eine Gradationskurve. An der x-Achse (waagerecht) sind die bisherigen Helligkeitswerte (Ist-Werte) angetragen, an der y-Achse (senkrecht) diejenigen nach der Anwendung der Kurve (Soll-Werte). Ihr Verlauf bestimmt, wie die Helligkeitswerte beim „Durchschicken“ der Datei durch die Kurve verändert werden. Die Wertebereiche in Ein- (x-Achse) und Ausgabe (y-Achse) sind identisch und streng begrenzt: je nach Einstellung entweder 0 bis 255 (digitale 8-Bit-Helligkeitswerte) oder 0 bis 100 % (Druckfarben-Rasterton).

Tiefen und Lichter (High-Key und Low-Key)

High-Key Bilder bestehen hauptsächlich aus den Lichtern und den Mitteltönen. Die Tiefen sind hier kaum vorhanden. Beispiele hierfür sind Schneelandschaften und Bilder die die Sonne abbilden. Kontrast ist hier wenig vorhanden und deswegen für die Bildbearbeitung eher ungeeignet. Low-Key Bilder weisen dagegen viele dunkle bzw. schwarze Bereiche auf. Das Bildmotiv wird durch gezielte Lichtquellen modelliert.

3. LITERATURTIPPS

• Visuelle Wahrnehmung, Jürg Nänni, Niggli Verlag 2008, ISBN 978-3721206180 (Buchbesprechung)

• buchstäblich
  Die Fotografie ist eindeutig – sie lässt keine Interpretation zu.
  Beispiel: auf einem Werbeplakat wird für Buttermilch geworben. Abgebildet ist Buttermilch.
   
• frei
  Die Fotografie ist symbolisch und entfaltet ihre Wirkung über emotionale Botschaften.
  Beispiel: Auf einem Werbeplakat soll für ein Handy geworben werden. Abgebildet ist eine lachende Gruppe junger Männer.

Was ist ein Corporate Design Manual?
Um ein einheitliches Design zu gewährleisten, werden Gestaltungsrichtlinien aufgestellt und in einem Design-Manual veröffentlicht. Neben den Firmenfarben und -schriften findet man darin auch Bemaßungen für diverse Geschäftsdrucksachen bis hin zu Fotokonzepten.

Was sind Sonderfarben?
Eine Sonderfarbe, auch Schmuckfarbe genannt, ist eine Farbe, die nicht durch die vier Prozessfarben im Vierfarbdruck produziert werden kann und daher als einzelne Volltonfarbe gedruckt wird. Dabei handelt es sich meist um besonders satte, brillante Bunttöne. Die Schwäche von CMYK liegt vor allem im Bereich der tiefgrünen und tiefblauen Farbtöne sowie leuchtendem Orange.
Eingesetzt werden Sonderfarben hauptsächlich für Produktverpackungen und als Hausfarben innerhalb eines Corporate Designs (z.B. Milka-Lila, ADAC-Gelb). Manche Farben wären auch über CMYK mischbar, doch Sonderfarben haben einen weiteren Vorteil: Sie gewährleisten ein konstantes Druckergebnis, während bei der Mischung von Farben immer leichte Abweichungen vom gewünschten Farbton passieren können.
Effektfarben wie Gold oder Bronze erfordern immer eine Sonderfarbe.

Der Nachteil bei der Verwendung von Sonderfarben sind die hohen Kosten aufgrund des zusätzlichen Druckgangs bzw. der zusätzlichen Druckform.
Auch Farbfächer verblassen, es gibt Druckereien, die arbeiten mit "älteren" Farbfächern, die evtl schon etwas verblasst sind.
Die Sonderfarben in einem Farbfächer gibt es auf verschiedenen Papiertypen (glänzend gestrichen, matt gestrichen, etc.), jedoch kann es auch dort von Hersteller zu Hersteller leichte Abweichungen in der Farbwiedergabe geben. Soll heißen, das es nicht unbedingt sein muss, dass ein bestimmter HKS oder Pantone Farbton auf meinem Druckpapier 100%ig genau so aussieht wie auf dem Farbfächer.

Schmuckfarbenpaletten
Als wichtige Schmuckfarbenpaletten sind Pantone, HKS und RAL zu nennen (siehe folgende Wikiseiten).

Da jedoch nicht jedes Produkt mit Sonderfarbe gedruckt wird, muss auch eine Separation in CMYK und RGB angegeben werden. Dabei ist jedoch zu beachten, dass nicht jede Sonderfarbe gut in CMYK/RGB dargestellt werden kann. Insbesondere bei leuchtendem Orange oder satten Blautönen gibt es starke Abweichungen.

Wie das Ganze in der Praxis funktioniert, wird hier anhand der Farbseparation in Photoshop erklärt: openbook.galileodesign.de/photoshop_cs2/photoshop_cs2_04_004.htm#mjb49d15a9447501780c88259a91a4b74e

CD-Manual/Styleguide

Das beste CI-Konzept nützt nichts, wenn es nicht umgesetzt wird. Vergleichbar mit der Bedienungsanleitung eines technischen Gerätes muss auch für ein CI-Konzept ein „Regelwerk“ erstellt werden, das als Styleguide bezeichnet wird.

Ein Styleguide schlägt die Brücke zwischen Erscheinungsbild (Corporate Design), Kommunikation (Corporate Communication) und Verhalten (Corporate Behaviour). Dabei handelt es sich um ein Regelwerk, das alle Elemente eines Corporate Designs sowie deren Einsatzmöglichkeiten definiert. Er erklärt die Gestaltung und Wirkung die erzielt werden soll. 

Dadurch dass Gestaltung erklärt wird, kann sie mit den Leitzielen des Unternehmens in Beziehung gebracht werden. Denn hinter jedem Gestaltungskonzept verbergen sich Intentionen, die sich mit Begriffen wie Offenheit, Vertrauen, Zuverlässigkeit, Wärme, Nähe, Dynamik, Modernität in Verbindung bringen lassen.

Beispiele für CD-Manuals und im Kompendium der MG, Auflage 6, Band I ab S. 274

Weitere Beispiele für Styleguides

Corporate Design

1.  Wie gelingt es, nach außen und innen einheitlich in Erscheinung zu treten?
2.  Wie kann erreicht werden, dass ein Unternehmen mit seinen Produkten eindeutig in Verbindung gebracht wird?
3.  Wie kann es gelingen, ein Unternehmen zur Marke zu machen?

Inhalt/Komponenten

Farbsysteme

"Ein Farbsystem beschreibt die Verwendung eines bestimmten Farbraumes und definiert die dreidimensionale Basis, in der der Farbraum dargestellt wird."

Quelle und link zu Wikipedia-Eintrag

Farbe „funktioniert“ in allen visuellen Medien. Beachten Sie aber, dass Fernseher, Computermonitore und Printmedien unterschiedliche Farbräume besitzen. Die gewünschten Farben müssen für alle Farbräume definiert werden, v. a. für CMYK, RGB und eventuell als Sonderfarben. Häufig werden neben den Hauptfarben weitere Farben definiert, so dass sich ein Farbsystem oder Farbklima ergibt.

Die wesentlichen Ziele für die Verwendung von Farben im Corporate Design sind:

1. Assoziationen schaffen - z. B. Vertrauen, Umweltfreundlichkeit, .... McDonald`s wechselt von rot zu grün um gesünder zu wirken
2. Wiedererkennungswert steigern - Milka ist lila, CocaCola rot, Telekom magenta, ....
3. Leiten und Führen - Gebotsschilder, Verbotsschilder, Kategorisierung von Bereichen, ....

Farbklima

Das Farbklima definiert als wichtiger Teil des Corporate Designs die Auswahl der Farben zur Gestaltung von Medienprodukten. Farbidentität und der Wunsch nach Wiedererkennung führen zu einem klar definierten Farbcode, in dem die Zuordnung der einzelnen Farben geregelt ist.

Die technische Definition der Farben durch ihre Farbanteile für Print- und Digitalmedien sindTeil des Farbklimas.

Die Farbpsychologie, die Anmutung der Farben sowie die ... Grundlagen der Farbgestaltung spielen eine wichtige Rolle bei der Auswahl der Farben.

Farben bewerten und auswählen

Fragen zur Farbauswahl

1.  Welche Kommunikationsziele möchte ich mit meinem Medium erreichen?
2.  Wer ist meine Zielgruppe?
3.  Wie groß ist das Budget für die Produktion des Mediums?
4.  Welchen Umfang hat mein Produkt?
5.  Welchen Inhalt hat mein Medienprodukt?
6.  Wie ist das Medium inhaltlich gegliedert?
7.  Erstelle ich ein Print- oder ein Digitalmedium?
8.  Welche gestalterischen Vorgaben habe ich für die Farbwahl?
9.  Welche Materialien und Technologien werden in der Produktion eingesetzt?
10.  Welche technischen Vorgaben habe ich für die Farbwahl?
11.  Sind Sonderfarben möglich?

Farbige Schrift

Farbe und Kontrast

Die Lesbarkeit ist der zentrale Punkt bei der Verwendung von Schrift. Sie wird wesentlich durch den optischen Kontrast von Schriftfarbe und Hintergrundfarbe beeinflusst. Die beste Wirkung erzielen Sie bei ausreichender Helligkeitsdifferenz zwischen Schriftfarbe und Hintergrundfarbe. Sehr starke Helligkeitsun- terschiede oder Farbkontraste sind für das Auge des Betrachters sehr anstrengend. Verwenden Sie deshalb keine reinen Farben, sondern wählen Sie für das Auge angenehme Helligkeits- und Farbunterschiede. Leider gibt es hierfür keine absoluten Farbwerte.Testen Sie verschiedene Kombinationen.

Farbe und Aussage

Bei Schrift denken wir zunächst an die klassischen typografischen Kategorien. Natürlich sind Schriftart, Schriftgröße und -schnitt zentrale Mittel derTypografie. Daneben zeigen uns aber die Kenntnis der Farbwahrnehmung und der Farbpsychologie, dass auch mit der Schriftfarbe klare und prägnante Textbotschaften transportiert werden. Die Schrift- und Hintergrundfarben sind Teil des Farbklimas Ihres Mediums und damit des CD-Manuals. Neben der Stimmigkeit der Zielgruppe, des Inhalts und der Farben müssen Sie bei der Zuordnung der Schriftfarben die Wertigkeit der verschiedenenTextebenen beachten. Dabei gilt die allgemeine Regel, je wichtiger ein Text, desto optisch auffälliger ist seine Schriftfarbe. Auch für das Branding einer Marke sind die Corporate-Schrift und deren Farbe ein wichtiges Erkennungs- und Unterscheidungsmerkmal.

Quelle: Kompendium der MG, Auflage 6, Band I

Aus dem Kompendium:

Peter Behrens

"Der Architekt Peter Behrens übte als einer der ersten diesen Beruf professionell aus. Er gestaltet für die AEG ab 1907 die Firmenarchitektur, Produkte und Werbegrafik, also das vollständige Erscheinungsbild des Unternehmens, das sogenannte Corporate Design – vor dem ersten Weltkrieg ein absolutes Novum in Deutschland." - Kompendium der MG, Auflage 6, Band I, S. 357

Otl Aicher

"Otl Aicher war, zusammen mit seiner Frau Inge Aicher, Mitbegründer und bedeutender Dozent der Hochschu- le für Gestaltung in Ulm. Er wurde durch seine dortigeTätigkeit schnell zum Entwickler und Ideengeber für ein Corporate Design, wie es vor ihm nur Peter Behrens angedacht und für die AEG in Berlin umgesetzt hatte." - Kompendium der MG, Auflage 6, Band I, S. 366

"Farben im Corporate Design eines Unternehmens oder einer Institution tragen maßgeblich zur Wiedererken- nung bei: Milka ist lila, Cola rot. Nut- zen Sie diesen Effekt durch entspre- chende Farbgebung und -führung." - Kompendium der MG, Auflage 6, Band II, S. 468

"In den Digitalmedien, bedingt durch das Monitorformat, ist es meist ein Querformat, in den Printmedien üblicherweise ein Hochformat. Das Seitenverhältnis und die Aufteilung der Fläche folgen, je nach Vorgabe, bestimmten Proportionsregeln oder bestimmten Designvorgaben wie das Layout einer Zeitschrift oder einem Styleguide, der das Corporate Design definiert." - Kompendium der MG, Auflage 6, Band I, S. 53

"Das Farbklima definiert als wichtiger Teil des Corporate Designs die Auswahl der Farben zur Gestaltung von Medienprodukten. Farbidentität und der Wunsch nach Wiedererkennung führen zu einem klar definierten Farbcode, in dem die Zuordnung der einzelnen Farben geregelt ist.

Die technische Definition der Farben durch ihre Farbanteile für Print- und Digitalmedien sind Teil des Farbklimas.

Die Farbpsychologie, die Anmutung der Farben sowie die auf den vorigen Seiten beschriebenen Grundlagen der Farbgestaltung spielen eine wichtige Rolle bei der Auswahl der Farben." - Kompendium der MG, Auflage 6, Band I, S. 100

"Manche große Firmen mit charakteristischen Firmenschriften, wie z. B. Audi, setzen Webfonts ein, um ein einheitliches Corporate Design zu gewährleisten, andere bleiben bei den Standardschriften, wie z. B. Verdana." - Kompendium der MG, Auflage 6, Band I, S. 172

"Die Bildwelten sind genauso wie Layout, Typografie und Farbklima als Teil des Corporate Designs in Styleguides definiert." - Kompendium der MG, Auflage 6, Band I, S. 271

"Unverwechselbarkeit ist die Voraussetzung, um einen hohen Bekanntheitsgrad zu erreichen und die Identität eines Unternehmens als Marke zu kommunizieren. Dies kann bereits als wesentliches Ziel für eine Corporate-Design-Strategie gelten. Dabei kommt ... dem Logo eine zentrale Bedeutung zu." - Kompendium der MG, Auflage 6, Band I, S. 315

"Neben den „inneren Werten” einer Unternehmung spielt das visuelle Erscheinungsbild eines Unternehmens noch eine bedeutende Rolle. Dieses visuelle Erscheinungsbild wird unter dem Begriff Corporate Design (CD) zusammengefasst. Die immer gleichen Erscheinungsmerkmale wie Schrift, Logo, Symbole, Farbe, Fahrzeuglackierung, Farbleitpläne, Gebäudedesign, Werbe- und Designstruktur sollen ein einheitlich positives Bild einer Unternehmung in der Öffentlichkeit vermitteln. 

Corporate Identity und Corporate Design erhöhen den Wiedererkennungswert eines Unternehmens am Markt. Das Bild und die Wertvorstellungen, die sich Mitarbeiter, Kunden, Konkurrenten und andere am Wirt- schaftsleben Beteiligte von einem Unternehmen machen, wird stark durch den Wiedererkennungswert bestimmt." - Kompendium der MG, Auflage 6, Band I, S. 513

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üfungs-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.
Um Beispielaufgaben etc. zu bearbeiten haben wir extra eine Lerngruppe (https://mediencommunity.de/lerngruppe-mediengestalter-ap-winter-2019) eingerichtet, bitte diese für das gemeinsame Lösen von Aufgaben nutzen.

Viel Erfolg beim Lernen.
Das Team der mediencommunity

Coporate Identitiy wird in 3 Säulen aufgeteilt die nach innen (Unternhemen, Arbeitnehmer etc.) und nach außen (Zielgruppe, Kunde etc.) wirken:

1. Coporate Design: beschäftigt sich mit dem Erscheinungsbild des Unternehmens

2. Coporate Communication: hier beachtet man die sprachliche, visuelle und audiovisuelle Kommunikation

3. Coporate Behaviour: beschreibt den Umgang und das Verhalten innerhalb des Unternehmens und gegenüber allen externen Personen

Brainstorming ist eine Kreativitätstechnik, bei der (am besten innerhalb einer Gruppe) neue Ideen gefunden werden sollen.

Auf der Basis der Informationen, die der Kunde über seine Firma gegeben hat, werden im ersten Schritt spontane Assoziationen und Ideen genannt. Sie werden auf einzelne Karten geschrieben, wobei keine Nennung abgelehnt oder von vornherein verworfen wird. Eine Einschränkung oder Bewertung gibt es nicht. Auch wenn es erst ungewöhnlich erscheint, können auch Sinneseindrücke hinzugezogen werden (»Wie riecht Lernen? Welche Farbe hat es? Wie fühlt sich Lernen an?«), um ein möglichst breites Spektrum an Ideen zu bekommen.

Im zweiten Schritt werden die Ideen sortiert und bewertet, wobei es eher um praktische Anwendbarkeit und Durchführbarkeit geht.

Neben den Vorteilen, dass Brainstorming einfach durchzuführen und kostengünstig ist und unterschiedliche Ideen von mehreren Beteiligten gesammelt werden können, gibt es auch Nachteile. Zurückhaltendere Leute können schnell übergangen werden bzw. es kann Konflikte innerhalb der Gruppe geben. Auch kann leicht vom Thema abgeschweift werden, so dass ein Moderator nötig sein kann, damit das Brainstorming effizient wird.

Kalt-Warm-Kontrast

Simultan-Kontrast

Weitergehende Informationen:
http://lehrerfortbildung-bw.de/bs/information/gestaltungstechnik/material/09_06_praesentationen_kreitmair/Gestalten/04b_Farbkontraste.pdf

• Farbharmonien
• passende Farben zur dominierenden Farbe in einem Bild
• Farbassoziationen
• Farbkontraste
• Farbpsychologie, Farbphysiologie und Farbzuordnung
• welche Farben man zu welchem Motiv zu ordnet
• Farbschema aus einem Bild
• wie ein Bild farblich verändert werden soll, damit es zB zu einer Firma oder einem Thema passt

Filmische Gestaltungsmittel

Als multimediales Medium, können Filme auf unterschiedliche Art und Weise gestaltet werden; von Kameraperspektive, Schnitttechnik bis Vertonung.

Einstellungsgrößen
= In einer Szene gewählten Bildausschnitt

• Totale = Überblick über Raum des Geschehens, ermöglicht räumliche Orientierung
• Halbtotale = Überblick über die unmittelbare Umgebung einer Figur oder eines Objekts
• Halbnah = Person bis zur Gürtellinie
• Nah = Person bis zur Brust
• Groß = z.B. Kopf einer Person
• Detail = Ausschnitte übergroß z.B. Auge, Mund

Kameraperspektive
=  Position der Kamera

• Normalperspektive = Aufnahme auf Augenhöhe d. Figur
• Vogelperspektive = Aufnahme von oben
• Froschperspektive = Aufnahme aus Fuß- oder Kniehöhe

Kamerabewegung =
Bewegung innerhalb einer Einstellung

• Feststehend = keine Bewegung
• Schwenk = Bewegung verläuft horizontal oder vertikal
• Fahrt = Kamera bewegt sich mit einem Gegenstand oder Person
• Zoom = scheinbare Kamerabewegung, Bewegung auf etwas zu oder von etwas weg
• Subjektive Kamera = Geschehen wird aus der Perspektive der Figur gezeigt

Kameratechniken =
Übergänge zwischen zwei Einstellungen

• Harter Schnitt = kein erkennbarer Übergang
• Abblenden vs. Aufblenden = allmähliches Verdunkeln bzw. Aufhellen des Bildes
• Schwarzblende = Trennung von zwei Einstellungen durch das Einblenden einer Schwarzphase
• Unschärfe = Ende einer Einstellung wird unscharf, folgende Einstellung beginnt auch unscharf
• Reißschwenk = sehr schneller Schwenk am Ende einer Einstellung, Bild wird unscharf

Montage des Bildmaterials =
Anordnung der verschiedenen Aufnahme

• Anordnung legt fest in welchem Zusammenhang die Aufnahmen zueinander stehen -> alleinstehende Szenen werden Einheit der Geschehnisse
• Erzählende Montage = Geschichte mit Auslassungen und Zeitsprüngen erzählt, keine Darstellung in Echtzeit
• Parallelmontage = Zwei räumlich getrennte, aber inhaltlich aufeinander bezogene Handlungen werden abwechselnd erzählt
• Rhythmische Montage = Rhythmus wird an Inhalt angepasst, ohne das Pace des Filmschnitts oder Abfolge für Zuschauende erkennbar wird, erzeugt den Eindruck von Ruhe oder Spannung/zeitliche Beschleunigung
• Kausalmontage = Inhalte einer Einstellung werden als Ursache/Grund für die Inhalte der nächsten Einstellung gegenübergestellt
• Kontrastmontage = Gegensätzliche Bildinhalte
• Leitmotivmontage = Lässt ein Bild oder eine Szene immer wiederkehren
• Rückblendmontage = Unterbrechung der Filmhandlung durch Einbeziehen von vergangenen Geschehnissen

Montage des Tonmaterials =
verschiedene Arten der Vertonung beeinflussen Wirkung und Aussage des Films

• Musik, Dialoge, Geräusche
• Aus dem off oder in der Szene (Bsp.: Erzählerstimme)

Quelle: https://www.studienkreis.de/deutsch/filmische-gestaltungsmittel/

Kameraschwenk
das Bild bewegt sich. Die Kamera bewegt sich um die horizontale oder vertikale Achse und behält dabei ihre Position. Ruckfrei: mit Stativ
Geschwindigkeit: dem menschlichen Auge nachempfunden, nach dem Schwenk noch einige Sekunden stehen lassen(besser für den Schnitt)

Schnittarten:
Langsamer panoramierender Schnitt: erweiterte Totale
Zügiger Schwenk: verbindet 2 Einstellungen räumlich miteinander
Reißschwenk: keine Einzelheiten erkennbar
Geführter Schwenk: verfolgt Bewegung

Kamerafahrt:
2. Art der Bewegung des Bildes durch die Bewegung der Kamera. Kamera verändert ihre Position beim Dreh und somit auch die Perspektive und den Bildausschnitt. Kann in alle Raumrichtungen geschehen.-->Bewegung müssen Ruckelfrei sein.

Zoomfahrt:
durch Veränderung der Brennweite kann man eine sog. Zoomfahrt machen. Position der Kamera bleibt gleich. Nur durch das Zoomen verändert sich der Bildausschnitt und der Blickwinkel und die Tiefenschärfe.

Schnitt:
Dadurch entsteht der Film. Filmteile, Szenen und Einstellungen werden aneinander montiert.Bilder gewinnen so an Bedeutung.

1. Syntaktik (Inhalt des Zeichens)

• Was ist zu sehen? Welche Elemente, Formen und Farben sind zu sehen?

Beispiel: "Ich sehe eine Ampel, die obere Farbe Rot leuchtet.

2. Semantik (Bedeutung/Botschaft des Zeichens)

• Worauf weißt das Element, die Formen und die Farbe hin?

Beispiel: "Man hat keine Erlaubnis zu fahren!"

3. Pragmatik (Zweck des Zeichens)

• Was sagt es uns im Zusammenhang?

Beispiel: "Ich muss bei rot anhalten und bei grün darf ich fahren."

Beachtet zum Skript die Anmerkungen:

1. Da ist eine Stelle drin, die so nicht richtig ist. Und zwar bei der Beschreibung von Signet und Logo.
»Das Signet kann eine Wortmarke, eine Wort-Bild-Marke, ein
Schriftzug oder auch nur eine Abkürzung sein.«
Signet kommt vom lateinischen Signum und bedeutet Bild. Mit Signet beschreibt man dementsprechend Bildzeichen. Damit ist ein Signet eine Bildmarke, aber keine Wortmarke und keine Wort-Bild-Marke.
Logo (griechisch: Wort) ist dem gegenüber die Wortmarke oder ein Schriftzug.

2. Zudem müsst es bei dem Punkt "Piktogramme"  "....sprach- und kulturUNabhängig" heißen.

Erste Stichworte: Leitsystem, Signaletik, Lesbarkeit, Farbkontrast , Fern- und Nahwirkung

Weiteres: Farbwahrnehmung (Signalfarben), Formen, Piktogramme, Semiotik, Syntaktik...

Links:

http://www.semiotics.uni-bremen.de/ugradpapers/R_Kalbas_D_Keller_T_Meyer_S_Nierentz_C_Wrede_Semiotische_Analyse_von_Hinweisschildern_des%20Bremer_Flug...

----------------------------------------------------------------------

Farben von Hinweisschildern

Rot
- Verbot, Gefahr, Hinweis auf Material und Ausrüstung zur Brandbekämpfung
- Hinweis: gefährliches Verhalten, HALT, Noteintrichtung, ...
- Zusatzfarbe Schwarz oder Weiß

Gelb
- Warnzeichen
- Hinweis: Achtung, Vorsicht, Vorfahrt, Umleitung, gefährliche Stoffe, ...
- Zusatzfarbe Schwarz

Blau (als Farbe des Verstandes)
- Gebots- und Richtzeichen
- Hinweis: besonderes Verhalten oder Tätigkeit, Informationsvermittlung
- Zusatzfarbe Weiß

Grün
- Rettungs- und erste Hilfe Zeichen
- Hinweis: Türen, Ausgänge, Wege, ...
- Zusatzfarbe Weiß

Formen von Hinweisschildern

Kreis: Verbot/Gebot
Dreieck: Warnzeichen
Quadrat oder Rechteck: Hinweis, Zusatzzeichen

Semiotik = Lehre der Bedeutung der Zeichen

3 Zeichenkategorien mit zunehmendem Abstraktionsgrad (nach Pierce)

1. Ikone = Zeichen die dem dargestellten objekt sehr ähneln
2. Index = sind keine direkte Abbildung, sind jedoch direkt mit dem Objekt verknüpfbar
3. Symbol = Bei diesen Zeichen fehlt der direkte Bezug zwischen Zeichen, Symbol und Bedeutung

semiotisches Dreieck (nach Pierce)

                                                  Zeichen / Repräsentamen

Empfänger / Interpretant                                                          Realität / Objekt

3 Zeichendymensionen (nach Morris)

                                           Syntaktik = Wie

                                                 Zeichen

Semantik = Was                                                      Pragmatik = Warum

Syntaktik = Wie

• formale Gestaltung eines Zeichens
• Beziehung der Zeichen zueinander

Semantik = Was

• Bedeutung und Botschaft eines Zeichens

Pragmatik = Warum

• Zweck und Einsatzgebiet eines Zeichens

Quelle: Kompendium

Semiotik: Die Lehre von der Bedeutung der Zeichen

-> Die Semiotik stellt Dinge fest, die andere nur fühlen.
-> Die Semiotik hilft objektiv Qualitätsmerkmale einzugrenzen und z. B. festzuhalten,
     was „Qualität“ bei einem Produktdesign eigentlich widerspiegelt
-> Die Semiotische Analyse hilft somit auch Nischen bei bestimmten Produktlinien zu finden
     z. B. kann so entdeckt werden, dass das kommunikative Feld "Innovativität" im Produktbereich
     "Schokolade" nicht besetzt ist
     (Sie kann "kommunikative Leerstellen" identifizieren. Das bedeutet, im Abgleich der Ergebnisse
     aus externen und internen Vergleichen lassen sich Botschaften entschlüsseln, die man mit
     einem neuen Produkt in der Kategorie besetzen kann.) Diese Leerstellen sind potentielle
     Instrumente, um eine gerne kommunizierte "Uniqueness" zu erzeugen, ohne dabei als nicht
     Kategorie-konform wahrgenommen zu werden
-> Ein gewichtiger Vorteil der Semiotik besteht darin, dass sie die Gesamtheit der Kategorie-
     immanenten Codes aufdeckt, auch diejenigen, die von Probanden nicht verbalisiert werden
     können. Man erhält sozusagen ein "Lexikon der Designcodes" einer Kategorie.
-> Semiotik entschlüsselt die Zeichensprache von Produkten
-> Wir leben in einer Welt der Zeichen – und das Wissen über die Bedeutung dieser Zeichen
     ("Codes") ist tief in unserer Kultur verankert. Alles was sinnlich erfassbar ist, dekodieren
     Menschen somit automatisch mit Hilfe dieses Zeichenwissens.

Semantik: Wofür stehen einzelne Gestaltungselemente (Vogel = Freiheit, Natur, Fliegen)
Syntax: Umsetzung der Gestaltungselemente (starke Stilisierung, Farben, Zeichnungsstil)
Pragmatik (Ergebnis): Effekt der Gestaltungselemente (z. B. exotischer Vogel stellt Verbindung von
                     Kunden über Fliegen zu südlichen Urlaubszielen her)
Syntaktik (Analyse Gesamtbild): Erklärung/Beschreibung des Aufbaus des Gestaltungsbildes (was findet man vor, Blickverlauf, Farbgesetze, Linienführung, Perspektive, Vorfinden von Elementen (auch Text) etc.)

Semantische Aussagekraft: Beschreibt den Bedeutungsgehalt der Gestaltungselemente
                                                      sowie der Gesamtgestaltung

3 Komponenten: Empfänger/Interpretant – Zeichen/Repräsentamen – Realität/Objekt.
3 Zeichenkategorien: Ikon, Index und Symbol
3 Zeichenarten: Piktogramm, Icon, Logo/Signet

Der Vergleich – nur der ganzheitliche Blick führt zum "Qualitäts-Code"

Der Nutzen der Semiotischen Analyse:
Beispiel: Duschgelflasche

Kategorien der Gestaltungsmerkmale:

• Form (von bauchig bis gestreckt und gerade bis geschwungen)
• Farbe (von tiefem blau bis zu sanftem Pastell)
• Typographie (nüchtern vs. verspielt)
• Textgehalt (viel vs. wenig)
• Emblematik (ikonische Darstellungen)
• Planimetrie (geometrische Anordnung der Einzelelemente) sowie
• Allgemein anerkannte Wertigkeitsanmutung

Piktogramme sind Bildsymbole, die über Sprach- und kulturelle Grenzen hinweg Orientierung und Kommunikation ermöglichen. Sie geben Hinweise, warnen oder fassen Abläufe zusammen. Zudem weisen sie selten Details auf, sind daher auf das Wesentliche reduziert und werden meist einfarbig abgebildet – sie sollen als Zeichen wirken, nicht als Illustration.

Wo es nötig ist, allgemein und leicht verständliche Hinweise zu platzieren, werden Piktogramme eingesetzt, wie auf Schildern bei Autobahnen (Raststätte, Tankstelle, Restaurant etc.), Bahnhöfen und Flughäfen.
Weitere Einsatzgebiete sind die Bereiche Verkehr, Tourismus, Leitsysteme, Sanitäreinrichtungen, Handel etc.

Zum ersten Mal wurde ein ganzes System von Piktogrammen für die Olympischen Spiele in Tokio 1964 eingesetzt, das die verschiedenen Sportarten zeigte. Für die Olympischen Spiele 1972 in München entwickelte Otl Aicher ein Rasternetz und baute seine Piktogramme darauf auf.

Semiotik ist zunächst die Wissenschaft von den Zeichen. Diese Wissenschaft geht auf den Schweizer Professor für Linguistik, Ferndinand de Saussure zurück, der seine Lehre noch Semeologie nannte, sowie auf den US-amerikanischen Philosophen Charles S. Peirce, der den Ausdruck Semiotik verwendete.
Semiotik beschäftigt sich mit den Zeichen von drei Sichtweisen aus. Mit dem Zeichen an sich, den Systemen wie Zeichen kombiniert werden und mit ihrem Kontext.

Eine Grundlage ist die Zeichentypologie, also die Kategorisierung von Zeichen, die zu interpretieren sind

• Ikonische Zeichen: Zeichen und Objekt stehen in einem Ähnlichkeitsverhältnis. Also ein Foto einer Person oder eines Gebäudes. Auch eine piktogrammartige Darstellung eines Gebäudes wie dem Eiffelturm ist ein ikonisches Zeichen.
• Index: Zeichen und Objekt stehen in einem hinweisenden bzw. ursächlichen Verhältnis. Stilisierte Flamme weist auf brennbare Flüssigkeiten hin.
• Symbol: Zeichen und Objekt stehen in nicht direkt nachvollziehbaren Verhältnis. Der Betrachter muss die Bedeutung vorher gelernt haben, so zum Beispiel das Rote Kreuz als Symbol für Arzt, Krankenhaus o.ä. Allein durch das Betrachten kann er keine logische Verknüpfung herstellen.

Zudem gibt es die sogenannten Dimensionen, nach denen eine semiotische Analyse erfolgen kann. Hierbei wird genau beschrieben wie das Zeichen aufgebaut ist, wofür die einzelnen Elemente stehen und welchen Zweck das Zeichen hat. Man unterteilt hierzu in folgende Bereiche:

Syntaktik - Der Inhalt des Zeichens
Was ist zu sehen und ggf. welche verschiedenen Elemente sind abgebildet? Welche Formen und ggf. Farben werden genutzt?

Semantik - Bedeutung des Inhalts
Worauf weisen die Farben hin? (z.B. bei Autobahnschild -> Blau = Hinweis); Worauf weißt die Form hin? Welche Bedeutung haben die einzelnen Elemente? (z.B. Pfeil = Richtung)

Pragmatik - Zweck des Zeichens
Hierwird der Zweck des Zeichens zusammengefasst.
Bsp. Ampel: Der Betrachter bleibt bei Rot stehen und fährt bei Grün.
Bsp. Notausgang: Im Notfall ist diese Tür als Notausgang vorgesehen.

Links- und Literaturempfehlung:

Zeichen – Eine Einführung in die Semiotik für Grafikdesigner von David Crow

http://www.zeichnen-lernen.net/kunstkurse/semantik-zeichenlehre.php

Schriftarten geben nicht nur den Textinhalt wieder, sondern durch ihre Buchstabenform, ihre Lage oder Gewicht visualisieren sie auch Emotionen und Assoziationen.

Eine feine Schreibschrift ist offensichtlich für einen Gerüstbauer oder Steinmetz ungeeignet. Oft ist die Sache aber nicht so klar.

• Eine kursive Schrift steht durch den Neigungswinkel für Bewegung und Dynamik
• Eine klassizistische Antiqua mit ihrer statischen Buchstabenformen steht für Seriosität aber besitzt durch die starken Strichkontraste aber auch eine edle Anmutung.
• Serifenbetonte Schriften (Slab Serif) wirken in der Regel konstruierter, etwas gröber
• Serifenlose Schriften werden in der Regel mit Begriffen wie modern, aber auch technischen Aspekten assoziiert.
•  

Mögliche Fragen: 

• Wie wirkt eine Schrift, dynamisch, statisch, sachlich, emotional?

• Wie sind die Buchstamenformen, konstruiert, handschriftlich, etc. und wie wirkt dies?

Schriftwirkung:

runde schriften:
lebendig, funkelnd, ruhig, statisch, hochtrabend, verträumt
(Avantgard, Helvetica Rounded)

fette schriften:
dominant, traurig, laut, dramatisch
(Extrabold-Schnitte)

serifen-betonte schriften:
sachlich, anspruchsvoll in der verwendung

serifen-lose schriften:
kühl, nüchtern, modern, elegant
(Helvetica, Optima, Grotesk)

schreibschrift:
elegant, feierlich

gebrochene Schriften:
traditionell, historisch, würdevoll

Venezianische Renaissance-Antiqua: 

Französische Renaissance-Antiqua:

würdig, in sich ruhend, abgeklärt -

> klassische Literatur (Bibel, Gesangbuch,…)

Barock-Antiqua:

spannungsreich, aufbauend, variable

-> Zeitung, Zeitschrift, Lexika, …

Klassizistische Antiqua:

klar, edel, spannungsreich

-> Urkunden, sachbezogene Literatur, künstlerische Bücher, Kataloge, …

Serifenbetonte Antiqua:

klar, konstruktiv, linienbetont

-> Gebrauchsanweisungen, Verpackungen, Preisschilder, technische Berichte

Serifenlose Antiqua:

sachlich, ruhig, konstruktiv

-> Formblätter, Handzettel, sachbezogene/technische Prospekte, Kataloge

Schreibschrift:

vornehm, persönlich, dynamisch

-> Glückwunschkarten, Schreiben mit persönl. Charakter

Gebrochene Schriften:

spannungsreich, traditionell

Mögliche Aufgaben:

1 Schriftpolaritätsprofile kennen
Welche Informationen lassen sich aus einem Polaritätsprofil herauslesen, das für eine Schrift erstellt wurde?

2 Schriftpolaritätsprofile bilden
Bilden Sie selbst Polaritätspaare für eine beliebige Schrift. Erstellen Sie danach einen Fragebogen und führen Sie dann eine Befragung zur Wirkung der gewählten Schrift durch und werten Sie diese aus.

3 Schriftanwendung praktizieren
Welche der folgenden Schriften passt zu einem Opernhaus: http://img.xrmb2.net/images/295880.png
Begründen Sie Ihre Wahl.

4 Schrift und ihre Wirkung verstehen
Grundlage eines jeden Kommunikationsdesigns ist die Schrift und ihre Aussage. Durch ihre Formensprache und dem sich daraus ergebenden Erscheinungsbild drückt jede Schrift bereits etwas aus. Nennen Sie Kriterien im Aussehen einer Schrift, die auf die Schriftwirkung direkte Auswirkungen haben.

5 Schrift und ihre Wirkung verstehen
Beobachen Sie bei sich selbst, welche Wirkungen Schriften beim Lesen oder Betrachten bei Ihnen auslösen. Wenn Sie dies bewusst über mehrere Tage praktizieren, werden Sie feststellen, dass Sie durch die Schriften, die in manchen Medienprodukten verwendet werden, emotional durchaus in die ein oder andere Richtung gedrängt (manipuliert) werden.

Buchstabenelemente
Die Merkmale sind Anstriche, Abstriche, Auslaufpunkte, Rundungen und Serifen sowie der Serifenansatz. Die genannten Merkmale geben dem Schriftbetrachter Hinweise auf die Zugehörigkeit zu einer Schriftgruppe. Die Formen der Merkmale ändern sich jedoch von Schriftgruppe zu Schriftgruppe, zum Teil sogar erheblich. Innerhalb einer Schriftgruppe sind die Unterschiede in der Regel nicht gravierend. Alle Anstriche, Abstriche, Auslaufpunkte usw., die zu einer Schrift gehören, haben die gleiche Form.

Merkmale
Schriften erkennt man an den folgenden Merkmalen, die alle auf dieser Seite aufgezeigt sind:
Dachansatz, Serifen, Grund- und Haarstriche, Symetrieachse, Querstrich des kleinen „e“, An- und
Abstriche, Auslaufpunkte.

Die wichtigsten Entwicklungsmerkmale für die folgenden Schriften:

Gotische Schriften
Aus der Schreibtechnik der schräggehaltenen Breitfeder entwickelte schmale Schriften, deren
Wortabstände minimiert werden. Schmale, gitterartige Wirkung mit geringem Zeilenabstand
beeinträchtigt die Lesbarkeit.

Renaissanceschriften
Die karolingische Minuskel wird als Vorbild wiederentdeckt. Als Versalien werden die Formen
der Capitalis Monumentalis verwendet. Diese Schriften sind heute in die Schriftgruppe der
„Renaissance-Antiqua“ eingeordnet.

Barockschriften
Es entsteht eine Handschrift-Antiqua, die wir heute alle als Kursivschrift oder als Schreibschrift
kennen. Diese Schriften weisen Zierschwünge auf und machten einen verspielten, leichten und
meist gut lesbaren Eindruck. Grund- und Haarstriche weisen Unterschiede auf und werden im Zuge einer schneller werdenden Schreibtechnik als Stilelement verwendet.

Klassizistische Schriften
Sie weisen einen starken bis extremen Wechsel von Grund- und Haarstrichen auf. Die Serifen
sind rechtwinklig an die Grundstriche angesetzt. Die Grundformen ergaben sich aus den römischen
Kapitalschriften. Deren Grundkonstruktionen wurden auf die Minuskeln übertragen. Die
Formen der Kleinbuchstaben entwickelten sich aus karolingischer oder italienischer Minuskel.

Weitere Merkmale einer Schrift

• Dickte: Buchstabenbreite+1/2 geviert Vor+Nach Buchstaben
• Duktus: Strichführung und Stärke einer Schrift, bestimmt die Gesamtanmutung einer Schrift

• ASCII (Amercian Standard Code for Information Interchange)
  
  • ist der erste entwickelte Zeichensatz
  • umfasst 7 Bit (128 Zeichen)
  • enthält ausschließlich Grundlegende Zeichen zur Kommunikation in amerikanischer Sprache


• ISO-8859:
  
  • ist eine Erweiterung des ASCII-Zeichensatzes
  • bietet in Form von 15 standardisierten Zeichensätzen Lösungen für verschiedene Sprachen und Schriftsysteme
  • umfassen jeweils 256 Zeichen (ASCII+128 weitere der/des jeweiligen Sprache/Systems)
  • unflexibel / umständlich, da Einschränkung auf Sprache / Schriftsystem der ausgewählten ISO-8859 Version


• Unicode Standard:
  
  • umfasst über 143.000 Zeichen
  • beinhaltet nahezu alle menschengemachten Schriftzeichen (bietet eine ganzheitliche Lösung)
  • wird stetig weiterentwickelt
  • deckt ASCII ab
  • besitzt mit UTF-8, UTF-16 und UTF-32 eine flexible Palette an Zeichenkodierungssystemen

Unicode Zeichenkodierungssysteme:

UTF-8: kodiert mit einer variablen Menge von einem bis vier Byte. Bytegruppen müssen innerhalb der Bytes markiert werden und mit einem Algorithmus ausgelesen.

• + geringe Datenmengen


• + hohe Flexibilität


• - der Algorithmus benötigt zusätzliche Rechenleistung

• + schneller auszulesen, für schnelle Darstellung großer Textmengen optimiert


• - höhere Datenmenge

• + schnell auszulesen, da jedes Zeichen eindeutig 4 Bytes belegt


• - große Datenmengen

Fragen zu Zeichensätzen:

Was versteht man unter einem Character Set (Zeichenvorrat)?
Die Gesamtheit der Zeichen, die für eine bestimmte Anwendung oder Sprache zur Verfügung stehen (Buchstaben, Ziffern, Sonderzeichen (Interpunktionszeichen, diakritische Zeichen, typografische Satzzeichen).

Was ist ein Code Space (Coderaum, Codemenge)?
Ein Code Space bezieht sich auf den gesamten Bereich der möglichen Code Points eines Zeichensatzes. Es ist der Bereich der numerischen Werte, die verwendet werden, um jedem Zeichen im Zeichensatz einen eindeutigen Code Point zuzuordnen.

Was ist eine Code Page (Zeichensatztabelle)?
Code Pages sind tabellarische Zuweisungen von Code Points zu Binärcodes, welche wiederum zur Speicherung, zum Transfer oder Ähnlichem von elektronischen Geräten verarbeitet werden können.
Jeder Zeichensatz hat (ausgenommen Kodierungssysteme mit Methoden) seine eigene Code Page. Die Code Page dient als Mapping zwischen den Code Points und den entsprechenden Zeichen des Zeichenvorrates.
Sie unterscheiden sich von Methoden wie UTF-8, da Code Pages tabellarische Zuweisungen von Code Points zu Binärcodes sind und keine Algorithmen beinhalten.

Was ist ein Encoded Character?
Ein Encoded Character ist die binäre Darstellung eines bestimmten Code Points aus einem Zeichensatz, der einem bestimmten Zeichen eindeutig zugeordnet ist. Sie sind beispielsweise in der Code Page enthalten.

Was ist ein Code Point?
Einer der eindeutig zugewiesenen Werte (für einen Buchstaben) aus der Spalte im Code Spaces.

Eine Tabelle stellt Informationen, die zu einander in Beziehung gesetzt werden können, in geordneter Übersicht dar. Die linke Spalte (Legende) sowie die obere Zeile (Kopf) fungieren dabei ähnlich wie die Achsen eines Koordinatensystems. In ihnen stehen die Oberbegriffe für die Informationen der jeweiligen Spalte und Zeile, die im Tabellenfuß, dem eigentlichen Infomationsbereich, dargestellt werden.

Eine Tabelle, die vollständig von einer Linie umschlossen wird, heißt geschlossene Tabelle. Fehlen die senkrechten Außenlinien, ist es eine halboffene Tabelle. Wenn sie gar nicht von eine Linie umschlossen wird, ist es eine offene Tabelle.

Bei der Tabellengestaltung ist es wichtig, dass gleich wichtige Informationen (im Beispiel oben die jeweiligen Nährwerte) die gleiche Spaltenbreite erhalten. Das strukturiert und beruhigt die Gestaltung. Die Spaltenbreite richtet sich nach der Information mit dem größten Platzbedarf.

Die Inhalte der Legendenspalte werden fast immer linksbündig gesetzt, damit ein einheitlicher Beginn erfolgt. Je nach Inhalt werden die Informationen der Zeilen ebenfalls linksbündig, aber auch auf Mittelachse oder ggf. rechtsbündig (wie in diesem Beispiel, damit die Einheiten untereinander stehen) gesetzt.

Ebenso muss eine einheitliche Ausrichtung für den Tabellenkopf gefunden werden. Sind die dort enthaltenen Informationen von sehr unterschiedlicher Länge wirkt es meist am ruhigsten, wenn sie auf Mittelachse gesetzt werden. Der Tabellenkopf sollte so gestaltet sein, dass er sich eindeutig vom Tabellenfuß abhebt.

Statt eine Tabelle mit Linien optisch zu gliedern, kann man auch farblich abgestufte Balken verwenden.  Ob die Balken horizontal oder vertikal verlaufen, richtet sich danach, welche Informationen vergleichbar dargestellt werden sollen. In der oberen Tabelle wird der Schwerpunkt auf die jeweiligen Nahrungsmittel gelegt, in der unteren Tabelle auf die Nährwerte.

I. Farbe im Screendesign

• dient als Orientierungshilfe und um Informationen zu strukturieren (z.B. die Menüführung)
• dient zur Kennzeichnung oder zur Hervorhebung
• nicht zu bunt, nicht zu wenig.. lieber ein bestimmtes Farbschema
• Augenfreundlich gestalten (zu starke Kontraste meiden)
• gleiche Inhalte farblich gleich gestalten
• gute Lesbarkeit braucht einen Hell-Dunkel-Kontrast (lieber dunkle Schrift auf hellem Grund)
• Inhaltsbezug und Zielgruppe berücksichtigen (keine warmen Farben für einen Skiort, keine kalten für ein Urlaub am Mittelmeer)
• Farbmenge (eher gezielt und zurückhaltend einsetzen)
• Wiedererkennbarkeit eines Erscheinungsbildes durch Farben des Corporate Design
• Navigation und Benutzerführung durch systematischen Farbeinsatz

II. Kontraste am Bildschirm

• Komplementärkontraste flimmern am Monitor stärker als auf Papier
• bei schwarzer Schrift auf weißem Grund kommt es zum Überstrahlen der Schrift (Haarlinien werden "verschluckt")
• um dies zu vermeiden lieber ein ganz leichtes kaum wahrnehmbares Grau als Hintergrundfarbe nehmen, das ist für das Auge angenehmer zu lesen und es ermüdet nicht so schnell

III. Fragestellungen in puncto Farbe beim Design

Farbpsychologie, Farbsymbolik, Farbwirkung
Welche Bedeutung hat jene Farbe? Welche Farbe eignet sich für jene Zielgruppe? Welche Farbe passt thematisch zu jenem Thema der Website? Welche Wirkung hat die Farbtemperatur?

Farbkontraste, Farbschemata, Farbrad, Farbeigenschaften
Welche Farbkontraste gibt es? Welche eignen sich für das Screendesign und wofür genau (z.B. Lesbarkeit von Texten)? Welche sollten vermieden werden und warum (z.B. Komplementärfarben flimmern)? Welche Farbharmonien passen, wie können Farbschemata entwickelt werden (z.B.Triade, Monochromatisch)? Welche Eigenschaften von Farben (Farbton, Helligkeit, Sättigung) können angepasst und kombiniert werden? Wie sollten Farben dosiert werden (Quantität)? Wie kann Raumwirkung erzielt werden?

Aufgabe von Farbe im Screendesign
Wie lassen sich Elemente farblich hervorheben? Wie kann ein Wiedererkennungseffekt erzielt werden? Wie wird durchgängige Benutzerführung erreicht (z.B. alle Links in einer Farbe, Farbkonzept für Navigation)? 

Farbfehlsichtigkeit
Wird bei dem Thema leicht übersehen, ca. 8% der Männer und ca. 0,5% der Frauen haben Farbsehstörungen, die bei der Farbgestaltung berücksichtigt werden sollten. Siehe Artikel "Augenerkrankungen und barrierefreies Webdesign" bei drweb.
Wie kann Barrierefreiheit durch Farbgebung erreicht werden (z.B. entsprechende Farbkombinationen vermeiden, ausreichend Kontrast)?


IV. RGB

• Bildschirme sind selbstleuchtend
• einzelne Bildpunkte bestehen aus 3 Phosphorzellen, je eine für Rot, Grün und Blau (dazu angemerkt, die Info war auf Farbbildröhre bezogen.. sollte es also bei LCD oder TFT anders sein, bitte ich um Korrektur)
• diese 3 Punkte verschmelzen in der Wahrnehmung zu einer Farbe
• eine Mischung aus allen 3 Farben in höchster Intensität ergibt weiß
• im RGB-Modus lassen sich mehr Farben darstellen als im CMYK-Modus

V. Websichere Farben

•  alle Systeme (Mac, Windows,etc.) können diese 256 Web Save Colours gleich darstellen
•  deshalb wurde eine Web-Palette mit 216 Farben entwickelt, die auf allen Plattformen gleich darstellbar sein sollen
•  20 Farben sind vom Betriebssystem für Fensterrahmen, Hintergründe etc. belegt
•  für R, G und B stehen jeweils 6 Werte zur Verfügung (6*6*6=216)
•  diese sind jeweils 0, 51, 102, 153, 204 und 255
• bestehen im Hexadezimalsystem ausschließlich aus den Kombinationen von CC, FF, 00, 33, 66 und 99
• in der Praxis haben die websicheren Farben faktisch keine Bedeutung mehr

VI. Farbunterschiede

• nicht bei jedem sehen die Farben auf dem Monitor gleich aus
• das kann am Betriebssystem liegen, an der Hardware (z.B. Grafikkarte) oder auch am Monitor, da diese selten gleich kalibriert sind, wenn überhaupt

VII. Farbangaben in HTML

• Farben werden im Hexadezimalsystem angegeben
• die Angabe "color: red;" ist auch möglich, sollte jedoch vermieden werden, da nicht jeder Browser damit gleich umgeht

Weiterführende Links

• The Art and Science of Color in Multimedia Screen Design, Part 1: Art, Opinion, and Tradition
  http://www.eric.ed.gov/ERICWebPortal/contentdelivery/servlet/ERICServlet?accno=ED381143 (pdf, 232K), Part II: -> hier <-
• http://www.drweb.de/magazin/farbe-und-screendesign/
• http://www.drweb.de/magazin/farben-auswahlen-und-optimal-einsetzen-experten-tipps-nicht-nur-furs-webdesign/
• http://www.drweb.de/magazin/auch-das-gehort-zur-usability-farben-furs-webdesign-teil-2/
• http://www.tomatoco.de/valbers/kontrast1.html

siehe auch WBT "Typografie am Bildschirm"

Monitorauflösung

zwischen 72 und 96 ppi Auflösung am Monitor, einzelne Pixel erkennbar, Feinheiten und Details gehen bei kleiner Schriftgröße verloren

Schriftdarstellung im Internet

• Bei HTML-basierten Websites werden vom browser nur Schriften dargestellt, die auf dem Rechner der Users selbst vorhanden sind, die so genannten Systemschriften (Helvetica/Arial, Times/Times New Roman, Georgia, etc.)
• Schrift als Grafik einzubetten bietet viele Nachteile und ist nicht mehr zeitgemäß
• Aktuelle Entwicklung als Alternative: Webfonts

Kriterien für die Schriftwahl – Lesbarkeit am Monitor

• Serifenlose Schriften bevorzugen
• Schriften mit offenen Punzen, keine Condensend-Schnitte
• Schrift für Fließtext sollte zwischen 10 und 12 Pixel (px) groß sein, je nach verwendeter Schriftart auch bis zu 14 px. Die Schriftgröße sollte zudem vom User über die Browsereinstellungen editierbar sein und nicht fixiert, so dass man die Schriftgröße an die eigene Monitorauflösung und Sehstärke anpassen kann
• Schriftart für Fließtext mit feinen Linien (z.B. Klassizistische Antiqua) lässt sich schwerer darstellen

Layout

• die Satzbreite sollte etwa 50-65 Zeichen betragen (Mit Zeichen sind nicht nur die Buchstaben, sondern auch Satzzeichen und Leerzeichen gemeint.)
• linksbündiger Flattersatz in der Regel vorzuziehen.
• Kein Blocksatz bei HTML-basierten Websites, da Browser bisher noch keine Trenn-Algorithmen besitzen, kommt es in der Regel bei Blocksatz zu unschönen Löchern im Text,
• Text in überschaubaren und inhaltlich zusammengehörenden Blöcken gliedern
• Möglichst klaren Farbkontrast von Schrift und Hintergrund, Komplementärkontrat (rot-Grün) vermeiden, da es zu Flimmern führt
• Keine Schrift auf einem unruhigen Hintergrund (Bild, Illustration) platzieren

Weiterführende Links:

http://home.arcor.de/rnbbox/bildschirmtypo.pdf


 

Mobile Design Essentials

Auf unserer Lernplattform entsteht eine Zusammenfassung dieser Videos unter dem Punkt "mobile design", Wir haben unter "Responsive Parallax Perspektiven" eine für mobiles Web spezialisierte Webseite. In den Videos wird erklärt wies das geht. Unter dem Punkt "Speed Pimp" sind viele Tipps wie man eine Seite schnell bekommt.

http://code.arnoldbodeschule.de/responsive-parallax-perspektiven/

Google Material Design

Google hat mit dem Material Design Style Guide eine sehr umfangreiche und gut ausgearbeitete Ressource bereit gestellt. Es gibt umfangreiche Beispiele und Anregungen für Animation, Farben, Ebenen, Pattern, Components - schlicht alles was für Apps und Mobile wichitg ist.

Weiterführende Links:

http://t3n.de/magazin/praxis-guide-mobile-websites-fit-furs-mobile-web-230209/
http://mediaqueri.es/

Hier noch ein Artikel über adaptives und responsives Webdesign:
http://blog.kulturbanause.de/2012/11/adaptive-website-vs-responsive-website/ 

Unterscheidung von Responsive, Adaptive, Fluid, Mobile First und Elastic
http://t3n.de/news/responsive-design-web-entwicklung-504906/

Start Mobile erklärt warum das alles so wichtig ist!
http://www.startmobile.de/

Vortragsfolien zum Thema
http://de.slideshare.net/peterrozek/handliche-designkonzepte-ux-und-mobi...

http://hackdesign.org/lessons/3

http://webdesignresponsive-px.rtrk.de/

https://www.google.com/design/spec/material-design/introduction.html

Gestaltung der Webnavigation
Eine gut strukturierte und gestaltete Navigation ist die wichtigste Vorraussetzung für die Usability einer Website. Sie führt den Nutzer zu den relevanten Bereichen und zeigt an, wo dieser sich befindet.
Hauptmenü
Ein Hauptmenü verdeutlicht, welche Inhalte eine Website anbietet und macht sie auf strukturierte Art und Weise zugänglich. Gleichzeitig wird den Nutzern ihre aktuelle Position in der Seitenstruktur vermittelt. Das Hauptmenü ist im Normalfall das wichtigste Navigations-Element. Der erste Schritt bei der Konzeption oder Überarbeitung einer Website ist die Auswahl wichtiger Inhalte und ihrer Strukturierung.
Card Sorting
...bezeichnet die Gruppierung und Benennung von Inhalten einer Website. Die Ergebnisse werden in einer Informationsstruktur zusammengefasst.
Wann: Card Sorting wird in der Konzeptions- und Analysephase angewendet. Es kann schnell und günstig ausgeführt werden.
Wer: Wenn möglich Meinungen von bereits vorhandenen Nutzern einholen. Auswertung von Umfragen durch erfahrene Experten.
Wo: Usability-Labor, beim Kunden, Online...
Tools: Analog oder mit desktop- / software-basierten, bzw. Online-Werkzeugen
Menü - Darstellungsformen
Vertikales Menü: Enthält die Hauptmenüpunkte und ggf. Untermenüpunkte untereinander aufgelistet. Untermenüpunkte können auch erst eingeblendet werden, wenn der jeweilige Bereich aktiv ist (vertikales Dropdown). Ein vertikales Menü wird von den Nutzern meist links des eigentlichen Inhalts erwartet.

Vorteil: Anzeige von mehr Menüpunkten und Ebenen als im horizontalem Menü
Nachteil: Weniger auffällig platziert
Horizontales Menü: Hauptmenü und ggf. zweite Navigationsebene befinden sich oben. Zur Darstellung dieser Form werden häufig Tabs verwendet.

Vorteil: Mehr Platz für Inhalte auf Website
Nachteil: Anzahl der Menüpunkte ist durch Breite der Seite begrenzt.
Kombiniertes Menü: Die ersten Menü-Ebenen befinden sich oben auf der Seite, weitere Menüebenen werden ggf. in einem vertikalen Menü angezeigt.
Dynamische Menüs: Sowohl bei vertikalen als auch horizontalen Menüs einsetzbar. Sie öffnet weitere Navigationsebenen bei Mouse-Over oder einem Klick.

Vorteil: Es wird weniger Platz benötigt
Nachteil: Nicht alle Ebenen sind sofort sichtbar
Globale Navigation
zusätzlich zu den Hauptinhalten werden oft wichtige Links und Funktionen, die nicht in die allgemeine Struktur der Seite passen, im Hauptmenü oder darüber angezeigt, damit sie überall auf der Seite zugänglich sind (Links zum Impressum oder Sitemap, Suchfunktion oder Sprachmenü). Ein etablierter Standart ist dabei ein Logo oben links, das den Nutzer immer zur Startseite zurückführt.

Navigationsbutton

Navigationselemente sollten mühelos und ohne langes nachdenken durch unbekannte Sites navigieren. Dazu müssen sie auf einen Blick aufzufinden sein und zweifelsfrei als Navigationsbutton erkennbar sein.

Übliche Standards für eine Navigation:

• Klare Trennung von Navigation und Inhalt
• Navigationsspalte am linken oder rechten Rand
• Navigationsspalte am Kopf der Seite

Eine gut gestaltete Navigation sollte zudem Antworten auf die
5-W-Fragen geben:

• Wo bin ich?
• Woher komme ich (Wie geht es wieder zurück?)
• Wo ist das was ich suche
• Was gibt es sonst noch?

Insgesamt gilt:

• gute Lesbarkeit und Erkennbarkeit der Einzelelemente
• klare und erkennbare Funktionalität
• Mouse-Over-Effekte sollten mit ausreichend Kontrast angelegt sein
• Farben müssen deutlichen Interaktionscharacter haben
• Cursoränderung für versteckte Navigationstools zur Erleichterung
• Anlegen von einheitlichen Naviagtionselementen führt zur Navigationsgewohnheit und ermöglicht mehr Konzentration auf den Inhalt
• andere Navigationselemente wie Schieberegler, Lautstärkentasten, versteckte Navigationstools oder Spieleelemente usw. müssen so angelegt werden dass sie für ungeübte Benutzer noch anzuwenden sind

Navigationsbutton sollten durch Veränderung signalisieren, dass etwas geschehen ist oder wird. Ein guter Navigationsbutton kennt folgende Zustände, wobei er mindestens 3 haben sollte:

• Normalzustand (a:link) = Verweise zu noch nicht besuchten Seiten
• Rolloverzustand (a:hover) = für Elemente, während der Anwender mit der Maus darüber fährt
• Gedrückter Zustand (a:active) = für gerade angeklickte Elemente
• besuchte Seiten (a:visited) = für Verweise zu bereits besuchten Seiten
• Tabulatoren-Hilfe (a:focus) = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der  Tabulatoren Taste
  
  Quellen: Kompendium der Mediengestaltung, Selfhtml, Prüfungsbuch Mediengestalter. Einige Textpassagen habe ich zusammengefasst, einige der Einfachheit halber übernommen. :-)

Nachdem Marketing – und Kommunikationsziele sowie die zu gewinnende Zielgruppe klar definiert sind, folgen die eigentlichen konzeptionellen Arbeitsschritte, die sich der Werbe-Strategie widmen. Werbung muss innerhalb der Marketingstrategie ihren Platz finden. Das schlägt sich sehr konkret in der Copy-Strategie nieder, womit die inhaltlichen Konzeptionen der geplanten Werbemaßnahmen gemeint sind. Grundsätzlich versteht man unter der Copy-Strategie die Ideen, Vorüberlegungen und Aufgabenstellungen für eine visualisierte und verbalisierte Umsetzung der Werbebotschaft in die entsprechenden Werbemittel. Der Auftraggeber brieft seine Werbeagentur mittels einer ausformulierten Copy-Strategie, wobei der Inhalt direkt vom Produkt- und dem Verbraucherbedürfnis, welches der Artikel erfüllen soll, abgeleitet wird. Diese hat mindestens die drei Punkte „Consumer Benefit“, „Reason Why“ und „Tonality“ zu beinhalten.

Unter dem Consumer Benefit versteht man allgemein den Produktnutzen in Form eines Versprechens ("Shampoo XY verleiht Ihrem Haar Glanz und Geschmeidigkeit" etc.). Ziel ist es einen besonderen Wert herauszufiltern, der das Produkt bzw. die Dienstleistung aus der Masse gleichartiger Angebote im Wettbewerb hervorhebt. Im Einzelnen unterscheidet man den Leistungsnutzen, der die Leistungsfähigkeit des Produktes herausstellt; den Trendnutzen, der auf die Kraft einer Gruppe setzt und beim Verbraucher den Wunsch der Zugehörigkeit weckt; den Kennernutzen, der Wissen über die Überlegenheit des Produktes demonstriert („Von Zahnärzten empfohlen“ etc.) sowie den Geltungsnutzen, dessen Ziel das Profilierungs- und Prestigebedürfnis einer Gruppe ist.

Oft erkennt man direkt mehrere der genannten Merkmale in einer Werbung. Da jedes Produkt einen bestimmten Grundnutzen aufweist, reicht der Consumer Benefit nicht aus, um die Aufmerksamkeit des Konsumenten zu wecken. Zusätzlich kommt es jedoch darauf an, die Besonderheit des Produktes in einem gewissen Zusatznutzen hervorzuheben. Dieser kann in den Produkteigenschaften selbst begründet sein, aber auch durch die Produktästhetik, wie dem Design oder der Verpackung hergestellt werden. Eine weitere Abgrenzungsmöglichkeit bietet der USP (Unique Selling Proposition), der primär eine Alleinstellung am Markt durch einen einzigartigen Verkaufsvorteil hervorheben soll. Generell gilt die Aufteilung in „natürlichen USP“ (Besonderheit ist im Produkt selbst begründet) und in „künstlichen USP“. Letzteres muss jedoch die außerordentlichen Produktmerkmale erst kreieren; der verkaufte Nutzen existiert nicht real, sondern nur in der Vorstellungskraft der Zielgruppe. Der künstliche, faktisch nicht nachweisbarer USP wird somit auch UAP (Unique Advertising Proposition) genannt und finden insbesondere in Genussartikeln, wie Schokolade, Alkohol oder Zigaretten Verwendung.

Werbebotschaften haben meist den Ruf, kaum Informationen, dafür aber umso mehr manipulativer Aussagen zu enthalten. Das Produktversprechen „ Shampoo XY verleiht Ihrem Haar Geschmeidigkeit und Glanz“, reicht dem Konsumenten zur Überzeugung schon lange nicht mehr aus. Um sich von leeren Versprechungen zu distanzieren und den Kunden in seinem Kauf zu bestärken, muss die Werbung den Beweis für die Aussage mit anhängen. Realisiert wird diese Herausforderung mit dem sogenannten Reason Why, mit der dem potenziellen Verbraucher die Begründung für das Produktversprechen geliefert wird (zum Beispiel: „Dank patentierter Vitaminformel“). Dem Konsumenten wird so, allein durch den Kauf des Produktes, dass Gefühl gegeben, sich für den richtigen Artikel entschieden zu haben. Der Reason Why kann mit einem Vergleichtest, einem Härtetest, gerne bei Wasch- und Putzmitteln angewandt, und der Technik der Nutzenfacetten, bei der die Kompetenz des bewährten Traditionsprodukts auf neue Artikel übertragen wird, umgesetzt werden.

Der letzte Punkt der Copy-Strategie ist die Tonality: Der so genannte Grundton, in dem zum Ausdruck kommt, wie die Werbebotschaft verpackt werden soll. Beschäftigt wird sich mit der Frage, mit welcher einheitlichen Linie das Versprechen und die Begründung herausgestellt und vielleicht sogar bewiesen werden kann. Besonders gerne werden daher Adjektive, wie dynamisch, jugendlich, männlich, sportlich, traditionell, gebraucht. Die spätere visuelle und verbale Umsetzung hält durchgehend an der Tonality fest und kreiert eine zum Image passende Verpackung.

Mit der Copy-Strategie werden demnach werbliche Aussagen, Versprechen, Motivationen, Beweise usw. in eine einheitliche Gestaltungspolitik festgelegt. Ziel ist es, den Verbraucher lückenlos darzulegen, warum er gerade dieses Produkt kaufen soll, statt eines eventuell günstigeren Konkurrenzartikels. Das Ergebnis der Werbe-Experten, die auf der Basis der ihnen vorgelegten Copy-Strategie kreativ werden, ist natürlich nicht eindeutig, da immer auf Spielräume geachtet wird, um die Kreativität nicht einzuschränken. Im Anschluss folgt die Werbeträgerauswahl, die ebenfalls eng mit der Copy-Strategie verbunden ist. Auf der Basis der zuvor beschlossenen Schritte muss festgelegt werden, mit welchem Medium die Glaubwürdigkeit des Produktes am Besten an die Zielgruppe getragen werden kann. Eine Haarcreme für Jugendliche eignet sich zum Beispiel nicht für eine Anzeige in der Tageszeitung.

Copyright: http://koeln-bonn.business-on.de/die-copy-strategie-der-klassiker-der-werbeagenturen_id11356.html

Weiterführende Links
Anzeigengestaltung von Ralf Turtschi: http://www.publisher.ch/dynpg/upload/imgfile1483.pdf

Folgende Aspekte würde ich hier mit berücksichtigen:

Format
Zeitschriften, Magazine und Broschüren müssen nicht zwangsläufig im Format DIN A4 (oder anderen DIN-Formaten) angelegt sein. Andere übliche Format-Proportionen basieren auf dem Seitenverhältnis von 3:4.
Magazine im Querformat sind jedoch -– von wenigen Ausnahmen wie Lodown – eher unüblich.

Raumaufteilung
Eine einfache Aufteilung ist die Bildung von zwei Hälften. Je nachdem, wie die Aufteilung vorgenommen wird (horizontal, vertikal, diagonal), entsteht eine andere Wirkung.
Wird ein Objekt in der rechnerisch vertikalen Mitte einer Fläche platziert, wirkt dieses optisch als zu tief stehend, setzt man es etwas höher so entsteht für das menschliche Auge eine mittige Wahrnehmung. Diese nennt man optische Mitte.

Eine häufig verwendete asymmetrische Aufteilung ist der Goldene Schnitt, eine Fläche- bzw. Längenteilung, bei der sich die kürzere Strecke zur längeren verhält wie die längere zur Gesamtstrecke. Diese Aufteilung kommt auch häufig in der Natur vor und wird als ausgewogen und harmonisch empfunden.

Ein Objekt (Textzeile, Bild, Logo, Grafik etc.) in der Mitte eines Formates platziert steht für eine ruhige Anmutung, da weder keine Richtung erkennbar ist.

Bewegungen bzw. Richtungen nimmt der Mensch erst wahr wenn die Abstände zu den Rändern eines Formates sich unterscheiden, es zu dieser oder jener Randbegrenzung näher oder weiter entfernt wahrgenommen wird.

Bildsprache

Gestaltung eines Magazin-Logos

Elemente für eine Reihengestaltung

Notwendige Angaben

ISSN, Barcode, Preis

Weiterführende Links:

• Covergestaltung von Ralf Turtschi, aus Druck- und Medien ABC 2001 (PDF)

• Covergestaltung für CD- und DVD-Cover: (PDF)
  
  
• Alles über CD - Hüllen, Booklet und vieles mehr (Link)

Ein Gestaltungsraster ordnet die Aufteilung von Text und Bild für Layouts von Print- wie Online-Medien. Gestaltungsraster schaffen einen einheitlichen Seitenaufbau und einfache Reproduktion. Es ist eine Hilfestellung für die Layouter. Das Layout auf Basis eines Gestaltungsrasters ist wesentlich leichter umzusetzen, dadurch wird die Entwicklung und die korrekte Anwendung eines
Gestaltungsrasters zu einem wichtigen Faktor der Produktivität in der Medienproduktion. Das Raster ermöglicht einen gewisse Standardisierung des Layouts und damit einhergehende auch eine Qualitätssicherung.

Durch die Festlegung des Rasters, in Ergänzung zu Layoutvorgaben wie Schriftgröße, Farben etc., macht ein Design durch den gleichen Aufbau wiedererkennbar für den Betrachter und in der Produktion wiederholbar für die Layouter.

Besteht aus einer Konstruktion von Hilfslinien bezogen auf ein Format

Dient dazu, die gestalterische Arbeit zu strukturieren, Handlungsabläufe (Formulare, Webformulare) zu vereinfachen und einen sich immer wiederholenden, gleichartigen Seitenaufbau in der Gestaltung sicherzustellen.

Durch klare geometrische Einteilung in Verbindung mit eindeutigen Gestaltungsanweisungen eine erhebliche Erleichterung und Beschleunigung in der technischen Umsetzung, vor allem in Verbindung mit der Anlage von Musterseiten in modernen Layout-Programmen.

Satzspiegel
Der Satzspiegel ist Teil eines Gestaltungsrasters, aber nicht identisch damit. Der Satzspiegel beschreibt die Format und die Platzierung des Bereichs für Text und Bilder/Grafiken. Zum Satzspiegel werden neben dem textbereich auch der lebende Kolumnentitel und sowie Fußnoten gezählt. Die Seitenzahlen (Pagina) und Marginalien wiederum zählen nicht zum Satzspiegel.

Für die Konstruktion des Satzspiegels gibt es verschiedene Ansätze:

Villard’sche Figur

Diese »Figur« – zuerst erkannt von Villard de Honnecourt – ist eine Konstruktion aus diagonalen Linien, die die Proportionen des Satzspiegels vieler mittelalterlicher Bücher beschreibt. Man zieht zwei diagonale Linien über die Doppelseite und eine über die jeweilige Seite, so dass sie sich oben treffen. Verbindet man die diagonalen mit horizontalen Linien, erhält man einen Satzspiegel, der seine Proportionen unabhängig vom Ausgangspunkt beibehält. Um 1/9 und 2/9 große Ränder und einen Satzspiegel mit gleichen Proportionen zu erhalten, zieht man eine vertikale Linie von einem Schnittpunkt nach oben und wieder zurück zum Schnittpunkt auf der anderen Seite. An diesem Schnittpunkt erhält man den Startpunkt.

Der so konstruierte Satzspiegel ist harmonisch – ökonomisch ist er jedoch nicht. Oft wird er vergrößert, um mehr Text auf einer Seite unterbringen zu können und um Papier zu sparen. Eine weitere Methode der Satzspiegelkonstruktion ist die Verwendung von 2-3-4-5-Propotionen bei Rändern. Die beiden inneren Ränder sollten gemeinsam die Größe eines Außenrandes haben, dadurch entsteht die Vorstellung eines gleichen Abstands. Der obere und untere Raum wird in 3/8 und 5/8 geteilt, dies erinnert an den goldenen Schnitt.

Tutorial zu Gestaltungsraster im Webdesign

Die Zeilen der Vorder- und der Rückseite der Grundschrift eines Druckerzeugnisses stehen immer auf der gleichen Höhe
→Registerhaltigkeit, Register halten
→ ruhiger, harmonischer Eindruck
- Schrittweite des Grundlinienratsers orientiert sich am Zeilenabstand des Grundtextes
- beginnt entweder an der oberen Seitenkante oder direkt am oberen Satzspiegelrand

Seiten, auf denen wiederkehrende Elemente wie Seitenzahlen, bestimmte wiederkehrende Grafikelemente (Logo, Hintergrund), Kolumnentitel, bestimmte Hilfslinien, Spalten platziert werden.
 

Musterseiten können aufeinander basieren so dass man diese nicht immer komplett neu gestalten muss, wenn sich z.B. nur Farben ändern oder der Titel.

Definition
Ein Plakat ist ein ein- oder mehrfarbiger, in der Regel mit Text und Bild gestalteter Papierbogen, der an einer geeigneten Fläche im öffentlichen Raum platziert wird, um eine Botschaft zu übermitteln.

Ziel und Funktion eines Plakats
Ein Plakat soll auffordern, mitteilen, informieren, überzeugen und auch provozieren. Fühlt sich ein Betrachter angesprochen, so vermag ein Plakat durch Text und Bild seine Entscheidungen zu beeinflussen.
Ein optimal gestaltetes Plakat spricht die Neugierde des Betrachters, sein Intellekt, aber auch unbewusst seine emotionale Seite an. Nicht zuletzt hängt die Reaktion des Betrachters auf das Plakat von seinen Interessen, Neigungen und insbesondere von seiner sozialen Lage ab.

Aufgabe von Plakaten

• Aufmerksamkeit erregen (optischer Blickfang durch Form und Farbe)
• einprägsam sein (originelle Motive und Texte)
• interessant gestaltet sein (originelle Kombination von Schrift, Bild und Farbe)
• eine klar gegliederte Botschaft bzw. Aussage haben

Bei der Gestaltung von Plakaten sind wichtige Gestaltungsgrundsätze zu beachten:

• Zielgruppe festlegen
• Richten Sie Ihre Botschaft immer an eine klar definierte Zielgruppe. Ein wirksames Plakat sollte entsprechend der festgelegten Zielgruppe gestaltet sein.
• Schriftarten bestimmen
• Die gewählte Schrift muss eine Fernwirkung erzielen, das heißt, sie sollte aus 2-3 m Entfernung noch lesbar sein.

Textauswahl und –positionierung
Informationen müssen leicht und schnell zu erfassen, einprägsam und überzeugend sein. Die Aussagen sollten daher kurz und bündig formuliert werden. Stichwörter und Schlüsselwörter erleichtern dem Leser das Erfassen der Botschaft. Integrieren Sie die Kernaussage auf dem Plakat in das Gesamtlayout. Positionieren Sie den Text nicht an den Rand des Plakatbogens. Schriftart und Farbe sind so zu wählen, dass sie im starken Kontrast zum Hintergrund stehen.
Farbwahl
Wählen Sie Farben, die mit der Botschaft in Einklang gebracht werden kann. Nutzen Sie Farben mit einem hohen Kontrastwert. (Fernwirkung; Aufmerksamkeit) Starke Farben sind in einem Plakat oft ein Blickfang.
Bildmaterial
Bilder sollen Botschaften visuell unterstützen. Sie müssen in einem direkten Zu-sammenhang zur Kernaussage des Plakates stehen. Das gewählte Bildmaterial soll das Plakat nicht überladen und den Betrachter verwirren. Die Lesbarkeit der Schrift darf nicht durch eine dominante Wirkung der integrierten Bilder beeinträchtigt werden.


Mögliche Checkfragen zur Plakatanalyse

• Wie deutlich ist die Botschaft auf eine Zielgruppe bezogen?
• Überzeugt die gestalterische Umsetzung in Bezug auf das Kommunikationsziel und die Zielgruppe?
• Wie hoch ist der Grad an Glaubwürdigkeit/ I dentifikationsmöglichkeiten der Botschaft des Plakates für den Betrachter?
• Wie hoch ist der Aufmerksamkeitswert des Plakates?
• Ist die Gestaltung übersichtlich und verständlich?
• Ist das Plakat originell gestaltet?

Bewertungskriterien von Plakaten

Bevor die Gestaltungsabsicht des Plakates umgesetzt werden kann, müssen im Vorfeld die genauen Anforderungen an eine Plakatgestaltung definiert werden.

• Informationsgehalt
• Schrift/Text/Textpositionierung
• Zusammenhang Bildmaterial/Text
• Farbauswahl
• Format/Raumaufteilung
• Originalität/Gestaltungsidee
• Künstlerischer Gesamteindruck

Merkmale der Plakatgestaltung                                                                         

Die Wahrnehmung von Plakaten (bes. von Werbeplakaten für Produkte und Dienstleistungen) durch den Rezipienten vollzieht sich in schrittweise aufeinander aufbauenden Stufen, die in der sog. AIDA-Formel zusammengefasst sind:

Die Art der Rezeption erlaubt Rückschlüsse auf und Konsequenzen für die gestalterischen Gegebenheiten bzw. Entscheidungen.

Plakate im öffentlichen Raum (Litfaßsäulen, Gebäude, Straßen, Parkplätze usw.) unterliegen zahlreichen äußeren Einwirkungen: Art der Umgebung, Lichtverhältnisse, Witterungsverhältnisse, "Konkurrenz" anderer visueller Medien, teilweises Verdecken durch Personen oder Objekte usw. Die Summe dieser "Einwirkungen" und die nicht immer optimalen Rahmenbedingungen haben großen Einfluss auf die "Sichtbarkeit und Lesbarkeit" der Plakate. Hieraus folgen die wichtigsten zu berücksichtigenden Merkmale einer angemessenen Plakatgestaltung: 

Weitere zu berücksichtigenden Aspekte und Regeln:

Dunkle Schrift auf hellem Untergrund hat eine bessere Fernwirkung als ihre „Negativ-Version“.

Hochformatige Plakate und damit kürzere Textzeilen sind besser zu „lesen“. Sie sind oftmals auch besser zu platzieren (z.B. in Geschäftsauslagen, auf Türen etc.)

Zu viele unterschiedliche Farbflächen (ohne inhaltlichen Bezug) sind zu vermeiden.

Zu viele unterschiedliche Schriftarten und Schriftgrößen und deren unterschiedliche Farbgebung sind zu vermeiden (Grundregel der guten Typografie!).

ein geordnetes Layout unterstützen die Lesbarkeit und Übersichtlichkeit.

Ein dynamisches Layout und entsprechende Typografie sollten in Einklang mit dem Inhalt und Charakter der Werbebotschaft stehen (sinnvoll kann aber auch eine „Antithese“ sein, z.B. ein überfülltes Warenregal als Motiv gegen die Hungersnot in der Welt).

Oft ist „weniger mehr“ ! Der bekannte Leitsatz kann Wunder bewirken: Motive oder Slogans den „Raum“ im Plakat gegeben wird, also frei stehen, fallen mehr auf als eine dicht gedrängte Gestaltung (zumal auf einer ohnehin überfüllten Plakatwand!).

 :-)

Satzspiegel

Bedruckte Fläche einer Seite, die in einem ästhetischen Verhältnis zur Fläche des Druckformates stehen soll. Zum Satzspiegel gehört grundsätzlich die gesamte bedruckte Fläche der Seite mit Texten und Abbildungen. Der tote Kolumnentitel (Pagina, Seitenzahl) in einem Buch gehört grundsätzlich nicht zum Satzspiegel. Dagegen werden der lebende Kolumnentitel und Fußnoten zum Satzspiegel gerechnet
 

Konventionelle Satzspiegel für die klassische Buchgestaltung üblich:

1) durch Diagonalzug (Villard´sche Figur)

durch das Ziehen von Diagonalen über die Einzelseite und
über die Doppelseite ergeben sich Schnittpunkte,
von denen sich die Anfangspunkte des Satzspiegels ableiten lassen.

2) durch die Neunerteilung (basierend auf dem Diagonalzug-Konstruktion)

die Papierfläche wird in jeweils neun senkrechte und neun
waagerechte Rasterzellen geteilt.

3) durch den goldenen Schnitt

die Konstruktion eines Satzspiegels mit Hilfe des Goldenen Schnitts
orientiert sich an der Zahlenreihe 3:5:8:13.
Bedeutet: der Satzspiegel liegt innen 3 Teile vom Rand entfernt,
oben 5 Teile, außen 8 Teile und unten 13 Teile

Layout: kommt aus dem Englischen „to lay“ und meint so etwas wie Entwurf, Planung, Anordnung aller Seitenelemente, also Seitengestaltung. Das Layout beschäftigt sich mit Aspekten wie: Satzspiegel, Positionierung von Texten/ Bildern/Foto etc. Format: Unter Format versteht man die Angabe von Breite und Höhe einer Fläche, z.B. von Papier oder einen Satzspiegel. Weiß man das Verhältnis von Breite zu Höhe, so lässt sich zur gegebenen die fehlende Seite errechnen.

Satzspiegel

• begrenzt die bedruckte Fläche einer Seite
• Seiten sollen nach innen oben streben, damit sie optisch nicht auseinander fallen
• Seitenformat und Papierrand sollen in einem harmonischen Verhältnis stehen
• Seitenzahlen (Pagina) und Elemente (z.B. Bilder) können ausserhalb des Satzspiegel stehen
• Marginalien -> Randnotizen, stehen außerhalb des Satzspiegels
• Randabfallend -> Texte/Elemente/Flächen ragen in den Beschnittrand hinein
• tote Kolumnentitel -> außerhalb des Satzspiegels (z.B. Pagina)
• lebendige Kolumnentitel -> innerhalb des Satzspiegels

Ermittlung Satzspiegel

Zeichnerisch / Villard‘sche Figur: Eine Doppelseite wird durch eine Diagonale über beide Seiten und eine Diagonale über eine Seite eingeteilt. Die gewünschte Satzbreite wird waagerecht zwischen die beiden Diagonalen eingezeichnet. Die Satzspiegelhöhe ergibt sich durch das einzeichnen.

9er Teilung

Für die Satzspiegelkonstruktion wird ein Raster auf die einzuteilende Seite gelegt. Die Seite

wird horizontal wie vertikal in 9 gleichgroße Teilstücke aufgeteilt. Die Ränder fassen sich

danach folgendermaßen zusammen:

Innenrand (Bund): ein Feld, oberer Rand (Kopf): ein Feld, unterer Rand (Fuß): zwei Felder,

Außenrand: zwei Felder

Goldener Schnitt

• er wird zur Flächeneinteilung eingesetzt
• somit können Bilder, der Satzspiegel oder andere Flächen optisch ansprechend gestaltet werden
• die Gesamtfläche wird im Größenverhältnis 3 : 5, 5 : 8 oder 8 : 13 eingeteilt
• hierbei: ist die Satzspiegelgröße vorgegeben (entweder BxH, nur B oder nur H)

Gestaltungsraster

• dienen zum rationellen Gestalten mehrerer Seiten -> diese erhalten eine gleiche Grundeinteilung
• durch Unterteilung des vorhandenen Formats mittels horizontaler und vertikaler Linien entstehen
• Zellen, die über mehrere Seiten einheitlich in bedruckte und unbedruckte Bereiche
• eingeteilt werden. So entsteht ein durchgehend gleiches Layout.

Satzarten

Beim Blocksatz sind die Zeilen links und rechts bündig. Durch unterschiedliche Wortzwischenräume je Zeile werden die Zeilen auf gleiche Länge gebracht, was beim Textsetzen gestalterisch schwierig werden kann. Optische Ausgleichungen sind möglich und mehr als 2 Trennungen untereinander nicht erlaubt Der Rausatz ist links bündig und hat rechts eine geringe Flatterzone. Die Wortzwischenräume sind optisch gleich. Der Flattersatz ist links oder rechtsbündig. Durch die sinngemäße Trennung der Zeilen entstehen größere Flatterzonen. Die Wortzwischenräume sind optisch gleich. Auf Trennungen solllte möglich verzichtet werden. Der Flattersatz ist nicht geeignet für große Textmengen, da die Lesbarkeit erheblich eingeschränkt wird. Beim Mittelachsensatz werden Zeilen unterschiedlicher Länge um eine Symmetrieachse angeordnet. Die Wortzwischenräume sind optisch gleich. Kurze und lange Zeilen wechseln sich ab. Auch sollte man nur gute Trennungen anwenden.

Optische Mitte

Soll Text in die Mitte der Höhe eines Satzspiegels, einer Drucksache oder eines Linienrahmens gestellt werden, spielt nur die mit dem Auge ermittelte Höhe eine Rolle (optische Mitte), die etwas über der gemessenen (geometrischen) Mitte liegt.

Linie halten

Bei der Anordnung von Texten lassen sich optische Verbindungen schaffen, wenn nebeneinander

stehende Textgruppen auf der gleichen Schriftlinie stehen oder untereinander stehende Gruppen an einer Senkrechten beginnen.

Gliederung von Texten

Ein wichtiger Grundsatz ist die Verbesserung der Lesbarkeit. Texte gliedert man nach dem Sinngehalt und ordnet sie in klar voneinander getrennten Gruppen innerhalb eines Satzspiegels oder einer Fläche an.

Grauwirkung & Grauwert

Grauwirkung: optische Dichte ohne helle Löcher oder Lücken (Gassen) im Text

Grauwert: der G. einer Seite wird vor allem vom Schriftschnitt, der Laufweite und dem Zeilenabstand
bestimmt. Je gleichmäßiger der Grauwert ist, umso besser fallen Auszeichnungen durch fette oder kursive Schriftschnitte auf.

Eyecatcher

Blickfang, der dem Betrachter „ins Auge fallen“ soll und damit die Aufmerksamkeit steigern
soll; z.B. Headlines, Signalfarben, Fotos, Symbole etc.

Unterteilung des Satzspiegels in zwei oder mehrere vertikale Blöcke, die durch eine unbedruckte Fläche oder zusätzlich durch eine feine Linie voneinander getrennt sind. Mehrspaltig sind vor allem Zeitungen, Zeitschriften und Lexikas gesetzt.

Einspaltiges Seitenlayout
Einspaltige Layouts sind vor allem im Bereich textlastiger Publikationen zu finden. Hierunter fallen insbesondere Romane in den unterschiedlichen Druckformaten, angefangen beim Buch mit festem Einband bis zum Taschenbuchformat. Es ist auf ein Format zu achten, das keine zu langen Textzeilen erfordert. Bei den üblicherweise verwendeten Schriftgrößen von 8 bis 12 pt ist sonst eine schlechte Lesbarkeit gegeben.

Zweispaltiges Seitenlayout
Diese Spaltenanordnung erlaubt bereits mehr gestalterische Möglichkeiten. Bilder können mit oder ohne umlaufenden Text positioniert oder ein- oder zweispaltig angeordnet werden. Text und Bild können in jeweils einer eigenen Spalte angeordnet sein, weisen aber immer eine gute Lesbarkeit auf. Insgesamt erscheinen Drucksachen mit dieser Layoutvariante repräsentativ, hochwertig und großzügig.

Dreispaltiges Seitenlayout
Viele Zeitschriften, Broschüren und Prospekte verwenden ein dreispaltiges Layout. Eine Menge klarer, übersichtlicher und spannungsreicher Layoutvarianten sind denkbar, die dem Leser eine klare und übersichtliche Orientierung bei guter Lesbarkeit ermöglichen, da die verfügbaren Zeilenbreiten noch eine ausreichende Buchstabenanzahl zulassen. Dreispaltige Layouts haben sich nicht umsonst zur am häufigsten verwendeten Layoutvariante in den Medien entwickelt.

Vierspaltiges Seitenlayout
Die Anwendung eines solchen Layouts setzt eine bestimmte Mindestgröße des Medienproduktes voraus. Das Format DIN A4 ist als Untergrenze zu sehen, größere Formate unterstützen die differenzierte und flexible Anordnung von Text, Bild und Grafik. Innerhalb eines solchen Layouts kann variabel mit Freiräumen umgegangen werden, was spannungsreiche, lebendige und gut kontrastierende Seiten ermöglicht.

Fünfspaltiges Seitenlayout
Typische Anwender von fünf und mehr Spalten in der Gestaltung sind die Designer von Tageszeitungen. Die hohe Spaltenzahl, die auch innerhalb eines Produktes noch variieren kann, ermöglicht flexible und variantenreiche Layouts. Unterschiedliche Bilder und Texte lassen sich gut kombinieren, auch die optisch und inhaltlich klare Strukturierung der Seiten mit vielen unterschiedlichen Informationen ist gut möglich.

Zweispaltige Seitenlayout mit linker/rechter Marginalienspalte
Damit lassen sich variantenreiche Seiten realisieren, da die Marginalienspalte und die Textspalten im Prinzip variiert werden können und damit interessante Seiten ermöglichen. In der Abbildung ist die links und rechts außen liegende Spalte die Marginalie. In die Marginalie oder Randbemerkung werden Textanmerkungen, Texthinweise, Querverweise und kurze Erläuterungen zum Inhalt dargestellt. Marginalien dienen vor allem der Leseerleichtung und dem schnellen Auffinden von Textinhalten.

Abstand zwischen Spalten:
Der Abstand zwischen zwei Spalten sollte angemessen gewählt werden, da das Auge bei einem zu gering gewählten Spaltenabstand leicht in die nächste Spalte weitergeführt wird. Bei einem zu großen Spaltenabstand entsteht der Eindruck, dass die einzelnen Textspalten nichts miteinander zu tun haben, also optisch und inhaltlich nicht zusammengehören. Ein geeigneter und bewährter Abstand stellt in etwa die Breite der Buchstabenkombination „jmi“ im jeweils gewählten Schriftgrad dar.

Zeilenlänge
Geübte Leser erfassen ganze Wortgruppen und Zeilenteile. Sie erkennen bekannte Wortmuster und bauen aus diesen einen Sinnzusammenhang auf. Voraussetzung für das Erkennen der Wortmuster und der sich automatisch bildenden Wort- und Satzzusammenhänge ist, dass Schriftgröße, Schriftart und Zeilenlänge in einem richtigen Verhältnis stehen. Dieses Verhältnis muss so sein, dass der Leser gleichzeitig mehrere Wörter, Zeilenanfänge und Zeilenenden erfassen kann.
100 Zeichen/Zeile
Der Leser hat Orientierungsprobleme, die Fixation des Auges verliert in den langen Zeilen die notwendigen Bezugspunkte, das Lesen wird erschwert.
60 Zeichen/Zeile
Schriftgrad, Zeilenlänge und Buchstabenanzahl stimmen überein – eine gute Lesbarkeit ist gegeben. Ein Leser wird hier lange und sicherlich mit Erfolg lesen.
30 Zeichen/Zeile
Blocksatzprobleme, wenn die Zeilen zu kurz sind. Die Wortabstände sind zu groß, es entstehen optische Löcher im Satz, die Lesbarkeit wird dadurch deutlich verschlechtert. Das Auge muss vermehrt Fixationspunkte suchen, ermüdet dadurch schnell und der Leser verliert, ohne zu wissen warum, die Lust am Lesen des Textes.

Schriftgöße
Konsultationsgrößen sind die Schriftgrade bis 8 Punkt. Sie werden für Marginalien, Fußnoten u. Ä. verwendet.
Bildunterschrift Schriftgrad 1pt-2pt kleiner als Grundschrift, besser kompakt (condensed)
Lesegrößen (Grundschrift) sind die Schriftgrade von 8 bis 12 Punkt. Sie sind in Büchern, Zeitungen, Zeitschriften und Geschäftsdrucksachen zu finden. Wenn es kleiner wird, ist es oftmals böse Absicht, dass man das „Kleingedruckte“ nicht lesen kann oder soll. (Kinderbücher: 11-14pt)
Schaugrößen liegen zwischen 12 und 48 Punkt und werden z. B. als Headlines oder bei Kleinplakaten eingesetzt.
Plakat- oder Displayschriften liegen über 48 Punkt.

Zeilenabstand
Der Zeilenabstand ist der vertikale Abstand von einer Schriftlinie zur nächsten Schriftlinie.
Der optimale ZAB beträgt bei Serifenschriften etwa 150% der Gemeinen-Höhe, bei serifenlosen Schriften ein bisschen mehr.
Der Zeilendurchschuss ist der vertikale Abstand von der Schriftunterkante (Unterlänge) bis zur nächsten Schriftoberkante.
Zeilendurchschuss 20% der verwendeten Schriftgröße

 Quelle: Kompendium der Mediengestaltung

Musterseiten sind auf die jeweilige Datei bezogene Vorlagen, auf denen Elemente platziert werden, die sich innerhalb eines Dokumentes auf den Seiten wiederholen. Das sind zum Beispiel Seitenzahlen, Logos, Hintergründe und weitere grafische Elemente, aber auch Hilfslinien oder Satzspiegel. Auf neuen Seiten sind diese Elemente automatisch angelegt.
Dies spart zum einen Zeit, da man nicht auf jeder Seite diese Elemente neu positionieren muss, zum anderen sichert es die Qualität der Arbeit, da nichts vergessen oder verschoben werden kann. Elemente der Musterseiten sind normalerweise auf den Anwendungsseiten gesperrt, können aber auch gelöst werden.
Für Seiten mit unterschiedlichen Inhalten wie zum Beispiel Text- und Produktseiten können auch verschiedene Musterseiten angelegt werden.

• Blocksatz
  - Schmalsatz darf nie als Blocksatz gesetzt werden- Satzwürmer vermeiden
  - mindestens 7 Wortabstände pro Zeile
  - idealer Spaltenabstand, Zwischenschlag = 4 mm
  - allgemeine Orientierung an der Schriftgröße, dem Schriftschnitt und dem Zeilenabstand
  - ideale Zeilenbreite:
  50-70 Zeichen pro Zeile (niemals weniger) für Print und max. 40 Zeichen für Non-Print

• Mittelachssatz (zentrierter symmetrischer Satz)

• Flattersatz
  - idealer Spaltenabstand, Zwischenschlag = 3 mm
  - allgemeine Orientierung an der Schriftgröße, dem Schriftschnitt und dem Zeilenabstand

1. Rechtsbündiger Flattersatz
   nur für kurze Texte geeignet
    
2. Linksbündiger Flattersatz
   - Treppen mit Ausdehnung nach außen oder innen vermeiden
   - keine Bäuche, wenn Rundformen entstanden sind muss anders umgebrochen werden
   - typografisch und sprachlich schlechte Trennungen müssen korrigiert werden
   - keine allein stehende Wörter
   - bei schlechtem Rhythmus die Länge der Zeilen differenzieren
   - keine einzelnen kurzen Zeichen sonst entstehen Löcher
   - zu kleiner Flattersatzbereich und zu großer Flattersatzbereich muss vermieden werden
   - regelmäßiger Rhythmus - kurz/lang oder lang/kurz halten
   - sprachlich unlogische Zeilenbildung vermeiden

• Freier Zeilenfall
• Formensatz
  Die Schrift umfließt Formen von Grafiken oder freigestellten Fotos, auch eher für kleine Textmengen geeignet.
• Rausatz
• Dramensatz
• Gedichtsatz

Das Wort Glyphe (gr.) bedeutet „das Eingegrabene, Eingeritzte“. 

Glyphe = grafische Darstellung eines Silbenzeichens oder Schriftzeichens in Form eines Buchstabens, Satzzeichens, Sonderzeichens, einer Arabischen Ziffer oder einer Ligatur.

Das „Bild“ eines Zeichens wird also durch eine Glyphe oder mehrere Glyphen dargestellt.

In einem Schriftschnitt kann ein Buchstabe einer Vielzahl von Glyph-Varianten entsprechen. Gleichzeitig finden sich in Ligaturen (wie dem »fi« in Typografie) mehrere Buchstaben in einer Glyphe zusammen. 

Darüber hinaus können Fragmente von Buchstaben, beispielsweise „Diakritika“ (an Buchstaben angebrachte kleine Zeichen wie Punkte, Striche, Häkchen, Bögen oder Kreise, die eine vom unmarkierten Buchstaben abweichende Aussprache oder Betonung anzeigen und die dem Buchstaben über- oder untergesetzt, aber auch vor- oder nachgestellt sind) eigene Glyphen belegen. 

Eine Glyphe im Kontext der digitalen Typografie ist die kleinste grafische Einheit, aus der letztendlich das Schriftbild erzeugt wird. D.h., um Texte grafisch zu setzen, werden Zeichensätze benötigt. 

Ein Zeichensatz enthält zum einen Glyphen, also die grafische Beschreibung der zu verwendenden Zeichen. 

Darüber hinaus muss klar sein, durch welche Glyphen ein Buchstabe oder ein Text dargestellt werden soll. 

In der digitalen Typografie ist zudem eine Metrik erforderlich, das heißt ein Regelwerk, wie die einzelnen Glyphen eines Textes positioniert werden sollen. Diese Informationen können auf unterschiedlichste Arten abgespeichert werden: 

Für vektorbasierte Zeichensätze haben sich hierfür beispielsweise TrueType und OpenType als Formate durchgesetzt. 

Für pixelbasierte Zeichensätze gibt es ebenfalls diverse Formate. Die meisten dieser Formate sind jedoch eher im Hinblick auf eine effiziente Ausgabe und nicht auf gestalterische Freiheit optimiert. Beispielsweise werden die einzelnen Glyphen oft entweder nur als (einfarbige) Bitmap-Muster oder als Graustufenbilder definiert.