Websiteentwicklung: Grafikdesign: Farben

Aus Wikibooks

Wechseln zu: Navigation, Suche
Diese Seite ist noch nicht vollständig. Fühl dich frei, sie zu erweitern oder zu bearbeiten!

Farben spielen als Grundbaustein der optischen Wahrnehmung auch bei Ihrer Webseite eine (sekundäre) Rolle. Inkompatible, grelle und unpassend oder deplatziert wirkende Farben hinterlassen beim Betrachter einen negativen Eindruck. Farben müssen vor allem richtig eingesetzt werden. Als Gestaltungselement und in Bildern ist Farbe in Ordnung, als Textfarbe kommt sie jedoch seltener zum Einsatz.

Auch die Intensivität der Farbe spielt eine Rolle. Für Lebensmittelunternehmen (ein Gemüseladen zum Beispiel) können auffällige, kräftige Farben richtig sein, um den Eindruck von Gesundheit und Vitalität zu vermitteln. (Dies "färbt sich dann auf die Produkte ab".)

Als Agentur oder als IT-Unternehmen ist eine zurückhaltendere, seriösere Farbgebung angebracht - Sie sind in diesem Fall schließlich Dienstleister.

Beim Einsatz von Farben hilft Ausprobieren und eine zweite Meinung.

Inhaltsverzeichnis

[Bearbeiten] Eine Farbauswahl treffen

Wenn Sie sich für Farben entscheiden, kann es sein, dass ein professionelles Unternehmen mit eigener PR-Abteilung Ihnen eine Palette vorlegt, nach der Sie sich möglichst richten sollen.

Alternativ oder zusätzlich gibt es eine Reihe von Software, die Ihnen das Zusammenstellen einer Palette nach Grundsätzen der Farbenlehre erleichtert. Sie müssen also nicht erst Goethes Farbenlehre studieren, um zu einem Ergebnis zu kommen.

Erlaubt sind übrigens auch alle Variationen der Farben. In diesem Abschnitt werden Ihnen Beispielfarben dargelegt, die Sie in Helligkeit, Kontrast und Sättigung beliebig variieren können. Wenn Sie mit einer einzigen Farbe nicht zufrieden sind, erstellen Sie Farbverläufe zu einer anderen Farbe, zu einer gleichen Farbe, die dunkler ist oder zu Weiß oder Schwarz.

[Bearbeiten] Passende Software

In diesem Buchabschnitt erhalten Sie einen Überblick über Farben und Farbwirkung.

[Bearbeiten] Seriosität und Professionalität

Weiß

Blau

Hellblau

Grau

Seriosität und Professionalität gehen einher mit einer gewissen Distanz. Die Farben eignen sich besonders gut für Dienstleister, denn was sie verkaufen, ist ihr Dienst am Kunden - also im Endeffekt bieten sie sich und ihre Fähigkeiten an. Dies gilt z.B. für Steuerberater, Rechtsanwälte, Agenturen verschiedenster Art... die Palette ist schier endlos.

[Bearbeiten] Beispiele

Der Bankdienstleister präsentiert sich hier in blassen Blautönen, jedoch überwiegend Weiß und Grau als Schriftfarbe
Das weltweit größte Softwareunternehmen hat nach dem Release ihres Produktes Windows Vista seine Seite neu gestalten lassen. Auffallende Blautöne im fast gesamten Helligkeitsspektrum
Das Linux-Projekt "Fedora" ist das blaue Linux. Im Gegensatz zum einsteigerfreundlichen Ubuntu (orange-braun) oder dem umsteigerfreunlichenSuSE Novell Linux (grün) ist Fedora Linux das Produkt für die erfahreneren Linux-Anwender, die sich nicht scheuen, auch öfter mal die Kommandozeile zu benutzen. Dementsprechend "erwachsen" präsentiert sich auch das Projekt. Sie sehen, dass hinter der Farbwahl auch eine Philosophie steckt.

[Bearbeiten] Energie und Dynamik, Auffälligkeit

Starkes Blau

Goldorange

Rot

Schwarz

Weiß

Knallgelb

Unternehmen, die auf starke Aufmerksamkeit setzen und ihre Kunden farblich geradezu "anschreien" wollen, setzen auf hart geschnittene Farben, die zumeist auch noch komplementär zueinander sind. Das heißt, die Farben liegen sich im Farbkreis gegenüber. Gebräuchlich sind diese Farben vor allem im mittelgroßen Einzelhandel, der sich mit seiner Werbung an den Konsumenten richtet.

Auch von Medien werden einige dieser auffälligen Farben eingesetzt.

Das mag jetzt alles etwas schwer verständlich für Sie klingen, aber schauen Sie sich die Beispiele an, um zu sehen, was gemeint ist.

[Bearbeiten] Beispiele

Die Beispiele sind in ihren Farbtönen vergleichbar.

Auch wenn es nicht auffällt: es handelt sich hierbei um das gleiche Unternehmen! Und wenn man genau hinsieht, fällt es eben doch auf. Beide Geschäftsketten verwenden gegeneinander geschnittene Farben. Bei Saturn ist es Blau und Orange, bei Media Markt die stärksten Farben unseres Farbkreises (außer Gelb) - Schwarz, Weiß, Rot, wobei Rot dominiert. Wie Sie beim Zusammenstellen der Palette mit Assoziationen umgehen, ist allein Ihre Sache...
Auch hier tauchen die Farben Rot, Goldorange und Blautöne auf. Wenn Sie die Seite vom Penny Markt mit der Seite ihres Produktes Penny Mobil vergleichen, werden Sie feststellen, dass eine so starke Verwendung von Gelbtönen selten der Fall ist. Sie sollten es nicht darauf anlegen, die Netzhaut Ihrer Kunden zu schädigen. Halten Sie Ihre Werbung in einem gewissen Rahmen.
Im gerade angesagten "Glas"-Design finden Sie hier die Farbtöne von Orangegold und Blau wieder. Auch bei Aldi Süd finden Sie diese Farben wieder.
Die wirtschaftsfreundliche "Bild"-Zeitung nutzt auch in ihrem Online-Angebot die gegeneinander geschnittenen Farben Schwarz, Weiß und Rot - ähnlich wie Media Markt. Sie erzielt damit ein gewisses Maß an Aufmerksamkeit. Nach einem Redesign der Webseite hat man ein typisches "Glas"-Design eingeführt, was die Seite noch konsumentenfreundlicher macht. Von der Zeitung ist bekannt, dass sie die Grenzen ihres Geschäftsbereiches häufiger überschreitet...
Von „http://de.wikibooks.org/wiki/Websiteentwicklung:_Grafikdesign:_Farben“
Persönliche Werkzeuge