| 1. Defintion | ||||||||||||||||||||||||||||||||||||
Das Wort Farbe hat aus heutiger Sicht mehrere Bedeutungen. Zum einen stellt es die visuelle Erscheinung und Wahrnehmung des Lichtes dar. Zum anderen steht es als Werkstoff bzw. Beschichtungsstoff. Als letztes, umgangssprachlich auch für Farbmittel, Pigmente und Farbstoffe. | ||||||||||||||||||||||||||||||||||||
| 2. Bedeutungen von Farben beim Design | ||||||||||||||||||||||||||||||||||||
Wenn das Auge eine Farbe wahrnimmt, nimmt der Mensch nicht nur die Sinnesempfindung (wie "rot" "grün") auf. Die Farbe erzielt noch weitere spezifische und psychologische Ein/-Wirkungen. Farben sind Schwingungen, die von unserem Organismus aufgenommen werden und sowohl auf den Körper als auch auf die Psyche wirken. Sie haben somit einen großen Einfluß auf unser Wohlbefinden und unser Lebensgefühl. | ||||||||||||||||||||||||||||||||||||
| 2.1 Psychologische Wirkungen | ||||||||||||||||||||||||||||||||||||
Nachfolgend soll mit Hilfe einer Tabelle gezeigt werden, welche Gefühle, und die daraus resultierenden Assoziationen, Farben ervorrufen können. Gleichzeitig werden Webseiten gezeigt, die speziell auf die Assoziationen bezug nehmen um auf Empfindungen des Menschen einzugehen.
| ||||||||||||||||||||||||||||||||||||
| 3. Farbgestaltung von Client-Oberflächen | ||||||||||||||||||||||||||||||||||||
| "Farben werden dann sinnvoll eingesetzt, wenn sie die Aussage einer Gestaltung unterstützen. Dabei kommt es auf ein Zusammenwirken zwischen Farbe und Form an. Die gewählten Farbzusammenstellungen sollten für das Auge des Betrachters angenehm sein und seine Aufmerksamkeit anziehen. Als Gestaltungsmittel stehen uns dafür Farbharmonien, Farbkontraste und Farbklänge zur Verfügung. Darüber hinaus ist die Gestaltung mit Farben eine Geschmacksfrage, für die es keine verbindlichen Regeln gibt."[Quelle: IPSI FHG] | ||||||||||||||||||||||||||||||||||||
| 3.1. Farbe und Form | ||||||||||||||||||||||||||||||||||||
| Farbe und Form gehören zusammen. In unserer physikalischen Welt ist Farbe, abgesehen von farbigem Licht, ohne Form nicht denkbar. Und im praktischen Alltagsleben ist in der Regel zuerst eine Form da, die dann mit Farbe behandelt wird. Im idealfall wirken somit Farbe und Form zusammen. Die Farbgebung unterstützt die Form und bringt sie besonders gut zur Geltung. Ein besonders gutes Beispiel hierfür wäre zum Beispiel ein "run" und "stop" Button einer grafischen Oberfläche. Allein, ohne Farbe würde er nur schwer zur Geltung kommen. Doch durch Einfärben gewohnter Farben wie grün und rot erkennt man schneller die Bedeutung. Dadurch steigert man Usability und die Geschwindigkeit in der ein Anwender die gesamte Anwendung überschauen kann (bei komplexeren Oberflächen). Aber auch hier gilt das Sprichwort: "Weniger ist oft mehr". Es bringt keine Vorteile wenn ein Programmierer/Designer jeden Button und jedes Element gleichzeitig aufblinken lässt. Das kann eine Unüberschaubarkeit der Anwendung zur Folge haben und erheblich die Usability der Oberfläche einschränken. Farbe und Form bedingen sich also, eins ist ohne das andere undenkbar und wenn sie zusammenwirken, bilden sie eine harmonische Einheit. Das beste Beispiel dafür bietet die Natur. Betrachten wir die Farben und Formen der Natur, dann stellen wir fest, daß sie optimal aufeinander abgestimmt sind. Und bei genauerem Hinsehen können wir erkennen, daß die Schöpfung mit den uns bekannten Gestaltungsmitteln arbeitet, nämlich mit Farbharmonien, Farbkontrasten und Farbklängen. | ||||||||||||||||||||||||||||||||||||
| 4. Einsatz von Farben im World Wide Web | ||||||||||||||||||||||||||||||||||||
| Der Einsatz von Farben im Web ist allgegenwärtig. Im Web wird heute ein großer Fokus auf das Farbschema der Darstellung gelegt. Da eine Webseite zumeist gleichzeitig eine Repräsentation einer Firma ist, spielt die Farbgebung eine große Rolle. Es wäre zum Beispiel unanbebracht wenn eine Business-EDV-Firma sich auf ihrer Webseite schwarz präsentiert. Das würde eher den falschen Anschein einer "Underground-Hacker" Firma wiederspiegeln. Um im Web Farben und Schematas von Farben verwenden zu können bedient man sich häufig dem Cascading Style Sheed (nachfolgend CSS genannt). CSS gilt heutzutage als die Standard-Stylesheetsprache für das Web. Sie ermöglicht dabei die Darstellung von Dokumenten. Hierzu werden Elemente aus XML oder HTML, welche gleich dargestellt werden sollen, zu Klassen zusammengefasst. Anschließend wird mit Hilfe von CSS Konstrukten bestimmt wie diese Ansammlung ausehen soll. Um Farben zu nutzen muss man die gewünschte Farbe im CSS Code eingeben. Dies ist auf zweierlei Arten möglich. Zum einen gibt es das Hexadezimalformat. Hierbei wird die Farbe durch eine sechstellige Hexadezimal-Zahl mit vorangestelltem #-Zeichen dargestellt. Dabei bezeichnen je zwei Ziffern die Intensität der drei Farbkanäle Rot, Grün und Blau in dieser Reihenfolge. Darüber hinaus gibt es auch ein kurzes Hexadezimalformat, bei dem jeder Farbkanal nur durch eine Stelle dargestellt wird. Hellrot (#FF9999) kann somit auch als #F99 dargestellt werden und ein Gelbgrün #AAFF33 als #AF3. Eine weitere Möglichkeit besteht durch die Angabe von Standardisierte Farbnamen. Dabei unterscheidet man zwischen dem HTML 4 / VGA Standart (Farbtalle) und dem CSS 3 Standart (Farbtalle). Beispiel: HTML Code des Elementes ''p'' und ''ul''. Hier wurde eine Klasse angelegt mit Namen ''note''. Mittels CSS Attributen werden alle Klassenelemente beeinflusst. Dies ist ein kleiner Testabsatz. Dies ist ein kleiner Testabsatz. ...
Für ausführlichere Anwendungen und Beispiele im Ungang mit CSS sei an dieser Stelle auf SelfHTML/CSS verwiesen. | ||||||||||||||||||||||||||||||||||||
| 4.1. CSS und HTML Elemente | ||||||||||||||||||||||||||||||||||||
Wie oben gezeigt, lassen sich mittels CSS einfach und schnell HTML Elemente formatieren. Nun ist es auch vorstellbar, dass man nicht nur eine reine HTML Seite ansprechend "designed". Natürlich gilt das auch für Seiten, welche eine Business Logik dahinter haben. In welcher Sprache diese Logik existiert ist dabei "design-technisch" nicht von Bedeutung. Um nun die Logik auszulösen oder zu steuern stellt HTML verschiedene Komponenten bereit, auf die man mittels CSS bezug nehmen kann. Dabei handelt es sich um folgende:
| ||||||||||||||||||||||||||||||||||||
| 5. Einsatz von Farben bei Stand-Alone-Applikationen | ||||||||||||||||||||||||||||||||||||
| 6. Quellen |