Screen-Layout
Struktur- und Farbeinsatz am Bildschirm
Sehen
• Sehen = aktiver Prozess• Wir sehen was wir erwarten und wissen• Bildschirm wird als Komposition
verschiedener Elemente wahrgenommen• „Verstehen“ wird durch eine übersichtliche
Gestaltung erleichtert
Visuelle Kommunikation
Prinzipien der visuellen Kommunikation nach Aaron Marcus:
• Organisations-Prinzip: einfache, klare Struktur• Ökonomie-Prinzip: wenig Hilfsmittel effizient
einsetzen• Kommunikations-Prinzip: Anpassung des
Konzepts an die Aufnahmefähigkeit des Nutzers
Strukturierung des Bildschirminhalts
• Struktur erleichtert die Wahrnehmung• Hintergrund = optischer Rahmen, gibt Halt
soll nicht dominant sein, sondern zurücktreten große Flächen, wenige Farben, Unschärfe
Gestaltgesetze
Gesetzmäßigkeiten menschlicher Wahrnehmung
• Zu Beginn des 20. Jahrhunderts von den Psychologen Koffka, Köhler, Wertheimer, Arnheim u. a. beschrieben.
• Ihre Beachtung bei der Komposition kommt der menschlichen Wahrnehmung entgegen.
Gestaltgesetze
• Gesetz der Nähe • Gesetz der Ähnlichkeit • Gesetz der Symmetrie• Gesetz der guten Fortsetzung • Gesetz der Prägnanz • Gesetz der Erfahrung
Farben
• suggerieren unterschwellig eine Botschaft• lösen Gefühle aus• sind Orientierungshilfe• strukturieren Informationen
Subjektive Farbwahrnehmung
1. Biologische Grundlagen – Rot nehmen wir intensiver wahr als Blau.
2. Kulturelle Grundlagen– Schwarz symbolisiert in der westlichen Kultur Tod,
das Böse; steht in Ägypten für Wiedergeburt und Auferstehung.
3. Individuelle Grundlagen– Vorliebe/Abneigung gegenüber bestimmten Farben– Mode
Farbsysteme HLS-Farbraum
drei Arten von Farbempfindungen1. Farbton (Hue)
– definiert in 360°-Schritten Rot 0°, Gelb 60°, Grün 120°, Cyan 180°, Blau 240°, Magenta 300°
2. Farbhelligkeit (Lightness) – definiert in Prozent von 0-100%. Weiß 100%;
Schwarz 0%3. Farbsättigung (Saturation)
– Farbreinheit; definiert den Grauanteil in Prozent von 0-100%.
FarbsystemeRGB-Farbraum
• Drei Elektronenstrahlen, die auf eine phosphorbeschichtete Glasscheibe geschossen werden, bilden die unterschiedlichen Farben auf dem Bildschirm.
• Das Raster ist aus den drei Grundfarben Rot, Grün und Blau zusammengesetzt: Intensität von 256 Stufen je Farbe ergibt 16 Mio. darstellbare Farben!
FarbsystemeFarbmischungen
• Additive Farbmischung (Lichtfarben)– Alle drei Farben leuchten zusammen: höchste
Intensität Weiß, geringste Intensität Schwarz.
• Subtraktive Farbmischung (Körperfarben)– beim CMYK-Modell für den Druck
Farbeinsatz• Kalte Farben
dezent, zurückhaltend, gut als Hintergrundfarben
• Warme Farben lebendig, aktiv, laut; sollten gezielt eingesetzt werden
• Kombination Kalt-Warm Aufbau von Spannung
• Einsatz begrenzter Anzahl von Farben, die zueinander passen (zwei bis drei)
• grelle, schreiende Farben unruhiges Gesamtbild
• Ungesättigte Farben, Pastellfarben freundlich, zurückhaltend
Farbeinsatz
Auf dezenten Farbenlässt sich leicht etwashervorheben.
Auf schreienden Farbenist es schwer, Dingehervorzuheben
Rot
• Kraftvollste, dominanteste Farbe
• Assoziationen: Blut, Feuer, Liebe, Erotik, Leidenschaft
• Russland Anfang 20. Jh. Farbe der Revolution
• Arbeiterbewegung, Kommunismus
• Signalfarbe Stopp-, Warnschilder
• China Glück, Freude, Hochzeit
• Hinduismus Aktivität, Kreativität
• Japan aufgehende Sonne, Gefahr, Wut
• Ägypten Zerstörung, Böses
Gelb
• Wärme, Sommer, Sonne, Behaglichkeit
• Farbe des Goldes• Wohlstand• sauer, bitter• Farbe der Geächteten
in der Geschichte (Prostituierte, Juden)
• US-Indianer Tod• China Farbe des
Kaisers• Japan Anmut,
Grazie, Freude• Hebräische Kultur
Schönheit• Eifersucht, Neid
Grün
• Natur, Frische, Leben, Wachstum
• Stabilität, Ruhe, Friede• entspannend und
beruhigend• Farbe des Lebens im
Buddhismus• Us-Indianer Friede• Christentum Hl. Geist
• Islam Farbe des Propheten
• China Fruchtbarkeit• Nationalfarbe in Irland• Farbe des Giftes • Hindus Grün = Tod • Unglücksfarbe in
Frankreich grüne Autos unbeliebt!
Blau
• Farbe des Himmels • Weite, Tiefe• Unendlichkeit• Treue, Freundschaft• nobel, elegant, kühl• Männlichkeit• Blaue Blume der
Romantik
• Berufsbekleidung der Arbeiter
• Japan Farbe der Bösewichte
• Buddhismus Weisheit
• Blau in fast allen Religionen göttliche Farbe
Schwarz
• Westliche Kultur Tod, Trauer
• Unglück• Dunkelheit, Nacht• Schwarz = Farbe der
protestantischen Talare streng, nüchtern
• Seit den 70er Jahren Modefarbe
• Hebräer Verständnis
• Schwarz gilt in Afrika als schönste Farbe fruchtbare Erde = schwarz Wohlstand
• Ägypten Wiedergeburt, Auferstehung
• Buddhismus Unterdrückung
• China Yin und Yang• Hindus Untergang
Weiß
• westliche Kultur Reinheit, Sauberkeit
• klar, sachlich, ordentlich
• funktional• In vielen Religionen
steht Weiß für Göttlichkeit, Licht
• Unschuld• US-Indianer
Geburt, Leben• Farbe der Toten:
weißes Totenhemd• Gespenster• Asien Weiß ist
Farbe der Trauer
Quellen• Literatur
– Thissen, Frank: Kompendium Screen-Design. Effektiv informieren und kommunizieren mit Multimedia, 3. Auflage, Berlin 2003
• Links– http://www.be-lufthansa.com/jobs_und_karrier
e.html in der Fassung vom 11.8.2006
– http://www.google.de/dirhp?hl=de in der Fassung vom 11.8.2006
Quellen• Links
– https://www.amazon.de/gp/yourstore/302-8069261-4676051?ie=UTF8&path=%2Fgp%2Fyourstore&signIn=1&useRedirectOnSuccess=1&action=sign-out in der Fassung vom 11.8.2006
– http://www.nestle.com/Interest_Areas/Cooking/Home+cooking/ in der Fassung vom 3.8.2006
– http://www.cosmopolitan.com/ in der Fassung vom 11.8.2006