Rheinwerk Computing < openbook >

 
Inhaltsverzeichnis
Vorwort
1 Prinzipien des modernen Webdesigns
2 Projektmanagement
3 Konzeption und Strategie
4 Responsive Webdesign
5 Informationsarchitektur
6 Gestaltungsgrundlagen
7 Screendesign
8 Layout und Raster
9 Farbe im Webdesign
10 Typografie
11 Bilder und Grafiken
12 Navigations- und Interaktionsdesign
13 Webdesign-Stile und -Trends
14 Animationen
15 Website-Typen
16 Tipps, Tricks und Tools
Stichwortverzeichnis

Download:
- Beispieldateien, ca. 3.64 MB

Buch bestellen
Ihre Meinung?

Spacer
<< zurück
Webdesign von Martin Hahn
Das Handbuch zur Webgestaltung
Buch: Webdesign

Webdesign
Pfeil 9 Farbe im Webdesign
Pfeil 9.1 Welche Rolle spielt die Farbe?
Pfeil 9.1.1 Farbe und Webdesign
Pfeil 9.2 Farbe: eine Wissenschaft für sich
Pfeil 9.2.1 Licht und Farbe
Pfeil 9.2.2 Wie unsere Farbwahrnehmung funktioniert
Pfeil 9.2.3 Farbpsychologie
Pfeil 9.3 Farbsysteme
Pfeil 9.3.1 Farbkreise
Pfeil 9.3.2 RGB – das additive Farbmodell
Pfeil 9.3.3 CMYK – das subtraktive Farbmodell
Pfeil 9.3.4 Farbtiefe
Pfeil 9.3.5 Farbdefinition
Pfeil 9.3.6 Farbton, Sättigung, Helligkeit
Pfeil 9.4 Das Web-Farbmanagement
Pfeil 9.4.1 Mit Farbräumen & Farbprofilen arbeiten
Pfeil 9.5 Farbwirkung
Pfeil 9.5.1 Warme Farben
Pfeil 9.5.2 Rot
Pfeil 9.5.3 Orange
Pfeil 9.5.4 Gelb
Pfeil 9.5.5 Kalte Farben
Pfeil 9.5.6 Blau
Pfeil 9.5.7 Grün
Pfeil 9.5.8 Violett/Lila
Pfeil 9.5.9 Neutrale Farben
Pfeil 9.5.10 Schwarz
Pfeil 9.5.11 Weiß
Pfeil 9.5.12 Grau
Pfeil 9.5.13 Grell, greller, Neon
Pfeil 9.5.14 Zusammenfassung Farbwirkung
Pfeil 9.6 Farbkontraste
Pfeil 9.6.1 Farbe-an-sich-Kontrast
Pfeil 9.6.2 Hell-Dunkel-Kontrast
Pfeil 9.6.3 Kalt-Warm-Kontrast
Pfeil 9.6.4 Komplementärkontrast
Pfeil 9.6.5 Quantitätskontrast
Pfeil 9.6.6 Qualitätskontrast
Pfeil 9.6.7 Simultankontrast
Pfeil 9.6.8 Bunt-Unbunt-Kontrast
Pfeil 9.7 Farbschemata
Pfeil 9.7.1 Monochromes Farbschema
Pfeil 9.7.2 Analoges Farbschema
Pfeil 9.7.3 Komplementäres Farbschema
Pfeil 9.7.4 Teilkomplementäre, triadische und tetradische Farbschemata
Pfeil 9.7.5 Tool-Empfehlung: Unterstützung bei der Farbfindung
Pfeil 9.8 Gelungener Farbeinsatz im Webdesign
Pfeil 9.8.1 Farbe, Corporate Design & Identität
Pfeil 9.8.2 Farbverläufe
Pfeil 9.9 Farbe und Usability
Pfeil 9.9.1 Hürden bei der Farbwahrnehmung
Pfeil 9.10 Ein eigenes Farbschema entwickeln
Pfeil 9.10.1 Inspiration sammeln und Vorbilder finden
Pfeil 9.10.2 Farbtrends und Inspirationsquellen
Pfeil 9.10.3 Tools, um Farbkombinationen zu erzeugen
Pfeil 9.10.4 Praktische Umsetzung: Farbschemata selbst gestalten
Pfeil 9.11 Fazit
 
Zum Seitenanfang

9     Farbe im Webdesign Zur vorigen ÜberschriftZur nächsten Überschrift

Was wäre unsere Welt ohne Farben? Vermutlich trist und grau. Farben prägen unseren Alltag. Farben beeinflussen uns körperlich wie mental. Farben sind ein vielfältiges und spannendes Gestaltungselement, auch und gerade im Webdesign.

 
Zum Seitenanfang

9.1    Welche Rolle spielt die Farbe? Zur vorigen ÜberschriftZur nächsten Überschrift

Wir leben im sogenannten Informationszeitalter. Den Großteil der Informationen, die wir erhalten, nehmen wir visuell wahr. Daraus ergibt sich die Bedeutung der Farbenlehre, denn jegliche Art von visuellen Informationen wie Formen oder Text (was im Endeffekt auch Formen sind) nehmen wir nur durch einen Farbunterschied wahr. Auch schwarz auf weiß ist ein Farbunterschied.

Farbe im Alltag

Welche Bedeutung Farbe für uns Menschen hat, zeigt sich auch an Redensarten und Sprichwörtern wie »blaumachen«, »grauer Alltag«, »rotsehen«, »Morgenstund hat Gold im Mund«, »etwas durch eine rosarote Brille sehen«.

Gestaltung und Farbe ist ein sehr vielfältiges, sprichwörtlich buntes Thema. Man könnte aber auch sagen, es ist ein komplexes und umfangreiches Thema. Dem Thema Farbe kann man sich aus vier sehr unterschiedlichen Blickwinkeln nähern:

  • Physikalisch: Wie entsteht Farbe? Wie kann man Farben selbst erzeugen?

  • Physiologisch: Wie nehmen wir Farbe wahr?

  • Psychologisch: Welche Wirkung erzeugt Farbe in uns?

  • Künstlerisch/Gestalterisch: Wie lässt sich Farbe gezielt einsetzen, um eine bestimmte Wirkung/Reaktion beim Betrachter zu erzeugen? Und wie kann der Webdesigner Farben einsetzen, um gute und passende Screendesigns zu gestalten?

Auf die oben aufgeführten Punkte wird im Laufe dieses Kapitels immer wieder eingegangen werden, denn das Wissen um all diese Aspekte trägt entscheidend dazu bei, in sich stimmige Farbkonzepte für Webprojekte entwickeln zu können. In vielen Bereichen des Alltags wird Farbe als gestaltend ästhetisches und emotional wirkendes Element eingesetzt, das ist im Webdesign nicht anders. Auch Markierungs- und Leitsysteme im Verkehrswesen setzen Farben ein. In unserer Konsum- und Kommerzwelt wird Farbe im Marken- und Corporate Design eingesetzt, wo sie rationale Bedeutungen hat und emotionale Wirkungen hervorrufen soll.

Kleines Farbspiel vorweg? Erkennen Sie die Unternehmen, die hinter den Farben stecken? (Von links oben nach rechts unten: Telekom, IKEA, UPS, DHL, Milka, Marlboro)

Abbildung 9.1    Kleines Farbspiel vorweg? Erkennen Sie die Unternehmen, die hinter den Farben stecken? (Von links oben nach rechts unten: Telekom, IKEA, UPS, DHL, Milka, Marlboro)

Farben dienen auch zur Identifikationshilfe. Neben Unternehmen verwenden sie auch Länder, Parteien, Sportvereine, Gruppierungen in allen möglichen Bereichen zur Wiedererkennung und Identifikation.

 
Zum Seitenanfang

9.1.1    Farbe und Webdesign Zur vorigen ÜberschriftZur nächsten Überschrift

Naturgemäß spielt die Farbwahl auch bei der Gestaltung von Webseiten eine besondere Rolle. Navigationen, Texte, Hintergründe, Bilder, Grafiken sind farbig gestaltet, selbst wenn diese gar nur schwarz-weiß sein sollten. Farben tragen entscheidend zum Gesamtbild einer Webseite bei, ähnlich wie es auch Bilder, Formen, Flächen, Schriftarten und das Logo tun. Die gewählte Farbgebung ist wesentlich für die vermittelte Atmosphäre einer Webseite.

Zwei Seiten, die durch ihre Farbgebung eine hohe Wiedererkennung haben, counterpractice.com (oben) und semplicelabs.com (unten)

Abbildung 9.2    Zwei Seiten, die durch ihre Farbgebung eine hohe Wiedererkennung haben, counterpractice.com (oben) und semplicelabs.com (unten)

Die richtigen Farben für sein Design auszuwählen ist dementsprechend gar nicht so einfach. Ästhetische Aspekte müssen genauso beachtet werden wie die Firmenidentität oder die Erwartungen der Zielgruppe und die Benutzerfreundlichkeit. Die Auswahl aus über 16 Millionen Farben macht die Sache für den Webdesigner nicht gerade leichter. Schließlich wartet eine unendliche Anzahl von Farbkombinationen nur darauf, endlich eingesetzt zu werden.

Wenigstens braucht der Webdesigner kein Farbmusterbuch mit sich herumzuschleppen: Alle möglichen Farben stehen Ihnen am Bildschirm zur Verfügung.

 


Ihre Meinung?

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de

<< zurück
 Zum Rheinwerk-Shop
Zum Rheinwerk-Shop: Webdesign Webdesign
Jetzt Buch bestellen

 Buchempfehlungen
Zum Rheinwerk-Shop: HTML5 und CSS3
HTML5 und CSS3


Zum Rheinwerk-Shop: Praxisbuch Usability und UX
Praxisbuch Usability und UX


Zum Rheinwerk-Shop: Responsive Webdesign
Responsive Webdesign


Zum Rheinwerk-Shop: Website-Konzeption und Relaunch
Website-Konzeption und Relaunch


Zum Rheinwerk-Shop: UX Writing und Microcopy
UX Writing und Microcopy


Zum Rheinwerk-Shop: WordPress 5
WordPress 5


Zum Rheinwerk-Shop: Stile & Looks
Stile & Looks


Zum Rheinwerk-Shop: Digitale Illustration
Digitale Illustration


 Lieferung
Versandkostenfrei bestellen in Deutschland, Österreich und in die Schweiz
InfoInfo

 
 


Copyright © Rheinwerk Verlag GmbH 2020
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das <openbook> denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt.
Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

 
[Rheinwerk Computing]

Rheinwerk Verlag GmbH, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, service@rheinwerk-verlag.de

Cookie-Einstellungen ändern