GESTALTUNGSRICHTLINIEN Layout fr Print und Screen Gestaltgesetze Welche

  • Slides: 26
Download presentation
GESTALTUNGSRICHTLINIEN Layout für Print und Screen

GESTALTUNGSRICHTLINIEN Layout für Print und Screen

Gestaltgesetze Welche Gesetze gibt es bei der Gestaltung von Dokumenten?

Gestaltgesetze Welche Gesetze gibt es bei der Gestaltung von Dokumenten?

Figur und Grund Dunkle Schriften auf hellem Grund Helle Schriften auf dunklem Grund Klare

Figur und Grund Dunkle Schriften auf hellem Grund Helle Schriften auf dunklem Grund Klare Konturen Achtung bei kräftigen Farben! T T Vermeiden!

Nähe und Ähnlichkeit Elemente, die nahe beieinander stehen, werden als Gruppe wahrgenommen MMM MM

Nähe und Ähnlichkeit Elemente, die nahe beieinander stehen, werden als Gruppe wahrgenommen MMM MM MM MM Elemente, die ähnlich aussehen, werden als Gruppe wahrgenommen MOMOMOM

Gesetz der Geschlossenheit Eine Form wird erkannt, auch wenn sie nicht vollständig fertig gezeichnet

Gesetz der Geschlossenheit Eine Form wird erkannt, auch wenn sie nicht vollständig fertig gezeichnet ist.

Gesetz des gemeinsamen Schicksals Wenn alle Formen in die gleiche Richtung gehen, werden sie

Gesetz des gemeinsamen Schicksals Wenn alle Formen in die gleiche Richtung gehen, werden sie als Gruppe erkannt.

Gesetz der guten Fortsetzung Das Auge setzt eine Linie fort, auch wenn sie nicht

Gesetz der guten Fortsetzung Das Auge setzt eine Linie fort, auch wenn sie nicht vorhanden ist. Nutzen Sie diese Eigenschaft, um den Leser im Text zu lenken. Hier ist Text.

Gesetz der Prägnanz Einzelne Elemente, die sich optisch von den anderen Elementen abheben, werden

Gesetz der Prägnanz Einzelne Elemente, die sich optisch von den anderen Elementen abheben, werden betont.

Farben Was gibt es bei der Verwendung von Farben zu beachten?

Farben Was gibt es bei der Verwendung von Farben zu beachten?

Farbkreis

Farbkreis

Komplementärfarben Sich gegenüber stehende Farben sind komplementär Beispiel � rot zu grün

Komplementärfarben Sich gegenüber stehende Farben sind komplementär Beispiel � rot zu grün

Als Dreiklang Auswahl dreier gleichabständige r Farben Beispiel � Rot, Gelb, Blau

Als Dreiklang Auswahl dreier gleichabständige r Farben Beispiel � Rot, Gelb, Blau

Als Vierklang Auswahl vierer gleichabständige r Farben Beispiel � Blau, Orange, Rot, Grün

Als Vierklang Auswahl vierer gleichabständige r Farben Beispiel � Blau, Orange, Rot, Grün

Nebeneinander liegende Farben Die Farben liegen nebeneinander, es wird aber immer eine Farbe dazwischen

Nebeneinander liegende Farben Die Farben liegen nebeneinander, es wird aber immer eine Farbe dazwischen übersprungen Beispiel � Rot, Orange, Gelb

Variation des Farbtons Es wird nur eine Farbe gewählt, dafür aber in Helligkeit und

Variation des Farbtons Es wird nur eine Farbe gewählt, dafür aber in Helligkeit und Sättigung unterschieden Beispiel � Von Dunkelorange bis Hellorange

Typografie Welche Regeln gelten bei Schriftarten?

Typografie Welche Regeln gelten bei Schriftarten?

Was kann alles beachtet werden? 1. 2. 3. 4. 5. 6. 7. 8. 9.

Was kann alles beachtet werden? 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. Ober-, Mittel- und Unterlänge Hauptstrich Haarstrich Serife Achsstellung Anstrich Endstrich Scheitel Bauch Schlinge Innenform Verbindungen Kehlung

Proportional? Proportionale Schriften Verhältnis der Buchstaben angepasst Beispiel: „immer“ i = schmal � m

Proportional? Proportionale Schriften Verhältnis der Buchstaben angepasst Beispiel: „immer“ i = schmal � m = breit � Nicht-proportionale Schriften Alle Buchstaben gleich breit Beispiel: „immer“ Typische Schriftart: Courier New

Serifen Kleine Häkchen bei Buchstaben Führen das Auge von Buchstabe zu Buchstabe Mehrheitlich bei

Serifen Kleine Häkchen bei Buchstaben Führen das Auge von Buchstabe zu Buchstabe Mehrheitlich bei Print-Dokumenten M

Typische Serif-Schriftarten Times New Roman o Andalus o Baskerville Old Fashion o Bookman Old

Typische Serif-Schriftarten Times New Roman o Andalus o Baskerville Old Fashion o Bookman Old Style o Cambria o Und viele mehr o

Sans-Serif o o o Keine Serifen Meistens bei Screen -Dokumenten Wirken modern M

Sans-Serif o o o Keine Serifen Meistens bei Screen -Dokumenten Wirken modern M

Typische Sans Serif-Schriftarten Arial o Berlin Sans FB o Calibri o Euphemia o Und

Typische Sans Serif-Schriftarten Arial o Berlin Sans FB o Calibri o Euphemia o Und viele mehr o

Skript-Schriftarten Man unterscheidet zwei Arten von Skriptschriften: M � Handschriftliche: M M Wie von

Skript-Schriftarten Man unterscheidet zwei Arten von Skriptschriften: M � Handschriftliche: M M Wie von Hand geschrieben � Schreibschriften Analog Schulschriften Oft bei „romantischen Texten“ � Z. B. Hochzeitseinladung

Typische Skript-Schriftarten Chiller Freestyle Script Brush Script Lucinda Calligraphy Lucinda Handwriting

Typische Skript-Schriftarten Chiller Freestyle Script Brush Script Lucinda Calligraphy Lucinda Handwriting

Gebrochene Schriften Altertümlich wirkende Schriften In alten Texten oder in Texten mit historischem Hintergrund

Gebrochene Schriften Altertümlich wirkende Schriften In alten Texten oder in Texten mit historischem Hintergrund (z. B. Logos von Zeitungen) Eher selten, wegen der Verwendung der Frakturschriften im Dritten Reich sind sie heute verpönt. Beispiel: � Old English Text

Quellenverzeichnis Die Bilder und Texte stammen aus folgenden Quellen: � Video 2 Brain –

Quellenverzeichnis Die Bilder und Texte stammen aus folgenden Quellen: � Video 2 Brain – Layout für Print & Web � Wikimedia, � http: //upload. wikimedia. org/wikipedia/commons/4/43/F arbkreis_mit_CMYK-Werten. svg � Typolis, http: //www. typolis. de/version 1/klas 2. htm#11 � Kantonsschule Enge, http: //bg. ken. ch/webdesign/dreamweaver/webdesign 2 5. htm � Druckerei Landquart, http: //www. druckereilandquart. ch/Drucklexikon/P_PC Forum_Teil 4. htm