FARBE

Allgemeine Informationen

Die Farbe ist ein starkes Gestaltungsmittel. Sie hilft Inhalte voneinander zu unterscheiden. Denn jeder Inhalt kann in einer eigenen Farbe gestaltet sein. Durch das Verwenden der gleichen Farbe bei zusammengehörenden Inhalten, ist es dem Nutzer möglich, die Informationen durch einen klaren Aufbau zu erkennen. Für eine Markenidentität ist die Farbe eines der wichtigsten Elemente. Als Funktion können Farben ordnen, verbinden, typisieren, kennzeichnen, signalisieren sowie Beziehungen herstellen. Weiter wird in diesem Kapitel auf folgende Themen eingegangen:

Farbkontraste

Eine Farbe steht immer im Kontrast zu ihrem umgebenden Hintergrund. Johannes Itten (1888 - 1967) war ein Schweizer Maler. Er hat folgende sieben Farbkontraste definiert:

Bild Simultankontrast

Simultankontrast

Bild Komplementärkontrast

Komplementärkontrast

Bild Warm-Kalt-Kontrast

Warm-Kalt-Kontrast

Bild Hell-Dunkel-Kontrast

Hell-Dunkel-Kontrast

Bild Quantitätskontrast

Quantitätskontrast

Bild Qualitätskontrast

Qualitätskontrast

Bild Farbe an sich Kontrast

Farbe an sich Kontrast

Farbfunktionen

Die Farbe ist in unterschiedlichen Funktionen vorzufinden. Sie schafft nicht nur Assoziationen und Emotionen, sondern leitet und führt zudem auch. Weiter gliedert sie, hebt hervor und setzt Akzente.

Farbwahl

Das Screendesign findet in einem RGB-Farbraum statt. Dieser umfasst über 16 Millionen Farben. Davon sucht man sich für die Gestaltung der Webseite zwei bis vier Farben aus.

Die gewählten Farben sollen…

      • …geeignete Farbkontraste bilden.
      • …unter anderem gliedern, hervorheben und leiten.
      • …zur Zielgruppe passen.

Facts

      • Generell soll ein grosser Farbkontrast verwendet werden.
      • Als Textfarbe sind Schwarz oder dunkle Farbtöne gut geeignet.
      • Um die Lesbarkeit gewährleisten zu können, sollten unruhige Hintergründe vermieden werden.
      • Um sich für seine Webseite eine geeignete Farbpalette zusammenzustellen, gibt es sehr hilfreiche Tools wie zum Beispiel das Webtool «Adobe Color».
× Logo Nerd Sidebar

Diese Webseite dient Entwicklern, welche sich im Designbereich vertiefen möchten, als Hilfestellung im Bereich des Interfacedesigns. Das Verständnis soll zudem dazu dienen, dass Entwickler kleine Änderungen selber vorgenommen werden können und die Entscheidungen von den Designern besser verstanden werden.

Die Webseite «Nerds and Design» wurde im Rahmen der Bachelorarbeit in Multimedia Production von Giada Zacheo entwickelt.

instagram