{"id":31,"date":"2016-03-12T20:22:47","date_gmt":"2016-03-12T19:22:47","guid":{"rendered":"http:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/?p=31"},"modified":"2017-02-20T11:22:24","modified_gmt":"2017-02-20T10:22:24","slug":"farbgestaltung-einer-homepage","status":"publish","type":"post","link":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/homepage-erstellen\/farbgestaltung-einer-homepage\/","title":{"rendered":"Farbgestaltung einer Homepage"},"content":{"rendered":"

h. Der Einsatz von Farben bei der Webseitengestaltung<\/h3>\n

Farben haben immer eine bestimmte Bedeutung. Sie k\u00f6nnen unsere Stimmung beeinflussen, sie setzen Kontraste und wecken Vorstellungen. Aber nicht nur einzelne Farben, sondern auch das Zusammenspiel und die Kombination von mehreren Farben sind immer von Bedeutung.<\/p>\n

i. Die Wahrnehmung der Farben<\/h4>\n

Ein Webdesign, das wenig oder gar keine Barrieren hat, wird von vielen verschiedenen Faktoren beeinflusst. Die reine Technik spielt dabei eine ebenso wichtige Rolle wie die Herausforderungen an die Struktur. Aber eine sehr wichtige Funktion haben auch die richtigen Farben. Eine Webseite, die in klassischem Schwarz-Wei\u00df gehalten ist, will vielleicht die schlichte Eleganz der dort angebotenen Produkte auf diese Weise besonders hervorheben.<\/p>\n

Sch\u00fcchtern und auch ein wenig unsicher wirken hingegen schwache Farben. Eine eher ruhige Farbgestaltung mit auff\u00e4lligen Kontrasten kommt dagegen sehr seri\u00f6s und auch professionell r\u00fcber. Ist eine Webseite jedoch zu bunt und hat zu viele Kontraste, dann wirkt sie auf den Betrachter eher unangenehm und auch unruhig.<\/p>\n

Jede Farbe hat eine bestimmte Eigenschaft und mit jeder Farbe verbinden wir Gef\u00fchle. Einige sind angenehm und andere hinterlassen einen eher unangenehmen Eindruck.<\/p>\n

Die Grundfarben k\u00f6nnen beispielsweise folgende Wirkungen haben:<\/strong><\/p>\n

Rot geh\u00f6rt zu den Farben, die der Betrachter sehr stark wahrnimmt.<\/p>\n

Gr\u00fcn wirkt immer lebendig und erzeugt ein Gef\u00fchl von Ausgeglichenheit und Harmonie.<\/p>\n

Gelb hinterl\u00e4sst einen frischen, fr\u00f6hlichen Eindruck und erinnert immer ein bisschen an eine strahlende Sonne.<\/p>\n

Alles, was in Wei\u00df gehalten ist, wirkt auf den Betrachter ordentlich, aufger\u00e4umt und auch \u00fcbersichtlich. Aus diesem Grund wird diese Farbe gerne als Hintergrundfarbe gew\u00e4hlt.<\/p>\n

Schwarz hingegen ist die Farbe, die viele Underground- und Erotikseiten f\u00fcr ihren Hintergrund w\u00e4hlen, denn Schwarz vermittelt immer etwas Geheimnisvolles und Unangepasstes.<\/p>\n

Blau ist die Farbe, die viele Nutzer des Internets bevorzugen.<\/p>\n

ii. Farbe der Schrift<\/h4>\n

Damit die Schrift gut lesbar ist, sollte es immer einen auff\u00e4lligen Kontrast zwischen der Farbe der Schrift und der Farbe des Hintergrundes geben. Bei einer positiven Darstellung, bei der eine helle Schrift auf einem dunklen Hintergrund zu sehen ist, ist die Schrift in jedem Fall gut zu lesen. Nicht sehr g\u00fcnstig wirken dagegen wilde Muster oder Blumen als Hintergrund, die einen eher unruhigen Kontrast verursachen, das Auge vom eigentlichen Text ablenken und die Schrift schlecht lesbar machen.<\/p>\n

iii. Die Intensit\u00e4t der Farben<\/h4>\n

Die Helligkeit und auch die S\u00e4ttigung der Farben spielen beim Betrachter eine gro\u00dfe Rolle. Die meisten Menschen betrachten etwas, das helle und nur schwach ges\u00e4ttigte Farben hat, in der Regel l\u00e4nger, als etwas mit sehr dunklen und kr\u00e4ftigen Farben.<\/p>\n

Komplement\u00e4rfarben, die als Grundfarben immer ein Paar bilden, sind nicht leicht zu betrachten, wenn sie in der Kombination von Schrift und Hintergrund genutzt werden. Dies gilt zum Beispiel f\u00fcr eine rote Schrift auf einem blauen Hintergrund.<\/p>\n

Zusammen gefasst gibt es vier Varianten von Farbkombinationen:<\/strong><\/p>\n

Schwarz auf Wei\u00df \u2013 sie bilden eine positive Darstellung.<\/p>\n

Wei\u00df auf Schwarz bilden eine negative Darstellung.<\/p>\n

Blau auf Rot oder umgekehrt bilden die Komplement\u00e4rfarben.<\/p>\n

i. Die Wirkung der Farben auf die Besucher<\/h3>\n

Farben sind nicht nur dazu da, um unser Leben bunt und fr\u00f6hlich zu gestalten. Farben l\u00f6sen bei jedem Menschen auch Vorstellungen aus. Wenn wir an bestimmte Ereignisse oder Situationen denken, dann verbinden wir das nicht nur mit Bildern oder vielleicht auch mit Ger\u00fcchen, sondern auch immer mit einer Farbe. Farben wirken auf uns und sie l\u00f6sen unterschiedliche Emotionen wie Liebe und Hass, Vertrauen und Gefahr, Geborgenheit und K\u00e4lte aus.<\/p>\n

Keine andere Farbe l\u00f6st so viele Gef\u00fchle aus wie die Farbe Rot<\/strong>. Rot ist die Liebe und die Leidenschaft, Rot bedeutet aber auch Hass und Aggressivit\u00e4t. Rot ist die Farbe, die vor Gefahren warnt. Die rote Ampel bedeutet Stop, Gefahrenschilder sind rot, genauso wie die Wagen der Feuerwehr. Rot signalisiert aber auch W\u00e4rme – wie ein rot gl\u00fchendes Feuer.<\/p>\n

Gesundheit, Frische, die Natur, aber auch die Hoffnung und die Zuversicht verbinden wir mit der Farbe Gr\u00fcn<\/strong>. Der Fr\u00fchling ist gr\u00fcn und versinnbildlicht einen neuen Anfang. Gr\u00fcn bedeutet aber auch Unreife, denn es hei\u00dft nicht umsonst: \u201eJemand ist noch gr\u00fcn hinter den Ohren\u201c – denn die \u00c4pfel die noch gr\u00fcn sind, sind auch noch nicht essbar.<\/p>\n

Das Meer und der Himmel sind unendlich und verk\u00f6rpern f\u00fcr uns die Sehnsucht und die Ewigkeit, genauso wie die Farbe Blau<\/strong>. Blau symbolisiert das Vertrauen und die Treue, den Frieden und die Harmonie, aber auch die ewige Freundschaft. Wer das Blaue vom Himmel herunter verspricht, der schneidet auch ein bisschen auf, deshalb steht Blau auch f\u00fcr die L\u00fcge.<\/p>\n

Ganz gegens\u00e4tzliche Gef\u00fchle verbinden wir mit der Farbe Gelb<\/strong>. Auf der einen Seite bedeutet Gelb W\u00e4rme und Licht, wie die Sonne, auf der anderen Seite ist Gelb die Farbe des Neides, der L\u00fcge und des Betrugs. Gelb vermittelt aber auch Leichtigkeit und Weisheit.<\/p>\n

Wer seine Wohnung in Orange<\/strong> tapeziert oder streicht, der holt sich damit die W\u00e4rme nach Hause, denn Orange vermittelt immer ein Gef\u00fchl von Sicherheit und Geborgenheit. Wer Kleidung in Orange tr\u00e4gt, der ist ein positiver und meist vergn\u00fcgter Mensch, den so schnell nichts aus der Ruhe bringen kann. Orange macht einfach fr\u00f6hlich.<\/p>\n

Ganz anders wirkt hingegen Braun<\/strong>. Braun bedeutet Konservativit\u00e4t und Verg\u00e4nglichkeit. Braun engt ein und steht f\u00fcr Mittelm\u00e4\u00dfigkeit. Das Herbstlaub ist braun und symbolisiert den Abschied. Auf der anderen Seite ist Braun die Farbe der Dummheit und der Faulheit. Nur ganz wenige Braunt\u00f6ne lassen ein Gef\u00fchl von Geborgenheit aufkommen.<\/p>\n

Violett<\/strong> ist die Farbe der Reife und der Macht. Der Kirchenf\u00fcrst tr\u00e4gt Violett, aber auch Frauen, die geheimnisvoll wirken wollen, denn Violett ist die Farbe der Emanzipation und der reifen Weiblichkeit. Viele verbinden ein tiefes Violett auch mit Gewalt, T\u00e4uschung und Untreue.<\/p>\n

Mit Rosa<\/strong> verbinden wir in erster Linie Z\u00e4rtlichkeit und Tr\u00e4umerei. Man schwebt auf rosa Wolken und ist verz\u00fcckt \u00fcber das rosige Baby. Rosa verk\u00f6rpert Harmonie und ist sanft. Rosa ist die Farbe der Homosexualit\u00e4t und der Toleranz. Rosa ist das Kleid der Ballerina auf der B\u00fchne und vermittelt die Leichtigkeit der Bewegung.<\/p>\n

Die klassische Farbe der Unschuld und der Reinheit, der Wahrheit, aber auch der Sachlichkeit ist Wei\u00df<\/strong>. Die Braut tritt in einem wei\u00dfen Kleid vor den Altar, das Kind wird in einem wei\u00dfen Kleid getauft. Aber Wei\u00df symbolisiert auch die K\u00e4lte. Der Schnee ist wei\u00df und kalt, Eiskristalle schimmern wei\u00df und eisig. Wer Wei\u00df tr\u00e4gt und sich mit Wei\u00df umgibt, ist sachlich und auch ein wenig k\u00fchl, zeigt aber auch eine gewisse Unnahbarkeit und viel Eleganz.<\/p>\n

Eleganz verk\u00f6rpert auch die Farbe Grau<\/strong>. In erster Linie aber ist Grau die Farbe der Eint\u00f6nigkeit. Alles ist \u201egrau in grau\u201c oder etwas \u201eliegt in grauer Vergangenheit\u201c. Grau werden im Alter die Haare und die ber\u00fchmte graue Maus ist unscheinbar, genauso wie die Katzen, die bei Nacht alle grau und damit nicht voneinander zu unterscheiden sind.<\/p>\n

Schwarz<\/strong> verbinden die meisten Menschen mit Trauer, Angst und Tod. Schwarz ist unheimlich und geheimnisvoll. Wer schwarz tr\u00e4gt, der grenzt sich ab und signalisiert: \u201eKomm mir nicht zu nahe\u201c. Aber Schwarz bedeutet auch Individualt\u00e4t, Wahrheit und eine gewisse Arroganz den anderen gegen\u00fcber.<\/p>\n

i. Der Klang der Farben<\/h4>\n

Wenn Farben miteinander kombiniert werden, dann senden sie eine bestimmte Botschaft aus. In diesem Fall \u201eklingen\u201c Farben. Sie bilden eine Gemeinschaft, die immer etwas symbolisiert. Sehen wir die Farbe allein, dann hat sie eine andere Wirkung auf uns als im Zusammenspiel mit einer zweiten oder auch dritten Farbe. In der Werbung spielt der Zusammenklang verschiedener Farben eine sehr wichtige Rolle.<\/p>\n

Beispiel f\u00fcr die Farbe, Wei\u00df<\/strong><\/p>\n

Ist die Hauptfarbe der Webseite wie hier im Beispiel von Blumenversand24.com<\/a> Wei\u00df, so steht dies f\u00fcr einen Neubeginn, Vertrauen oder auch Versprechen, sowie Reinheit, Frische, Unschuld (Hochzeit).<\/span><\/p>\n

\"\"<\/p>\n

Beispiel f\u00fcr die Farben, Rot Schwarz<\/strong><\/p>\n

Wenn Farben zusammen klingen, dann gibt in meisten F\u00e4llen Rot den Ton an. Kaum eine andere Farbe ist dominanter als Rot. Rot allein bedeutet Gefahr und Schwarz ist f\u00fcr sich allein betrachtet immer negativ. Kommen diese beiden starken Farben zusammen, dann ist das ein Zeichen f\u00fcr geballte Aggressivit\u00e4t. Selbst das an sich freundliche Orange wirkt in diesem Zusammenspiel b\u00f6se und symbolisiert Gewalt.<\/p>\n

\"Internet-Projekt-Farbgestaltung-Rot-Schwarz\"<\/p>\n

Beispiel f\u00fcr die Farben, Blau Gelb (Orange)<\/strong><\/p>\n

Wird Rot aber dagegen mit Blau und Gold kombiniert, dann entsteht ein Gef\u00fchl von Attraktivit\u00e4t, Mut und Leistung.<\/p>\n

\"Internet-Projekt-Farbgestaltung-Schwarz-Gelb\"<\/p>\n

Beispiel f\u00fcr die Farben, Rot Gold Gr\u00fcn<\/strong><\/p>\n

Bilden Rot und Gold mit Gr\u00fcn eine Verbindung, dann steht das f\u00fcr Gl\u00fcck und Reichtum, Liebe und Gesundheit. Gut zu beobachten ist diese Kombination an einem traditionell geschm\u00fcckten Weihnachtsbaum, wo diese drei Farben fast immer miteinander verbunden werden.<\/p>\n

\"Internet-Projekt-Farbgestaltung-Rot-Gold-Gruen\"<\/p>\n

Beispiel f\u00fcr die Farben, Violett Rosa<\/strong><\/p>\n

Verbindet man Rot mit Violett und Rosa, dann vermittelt das knisternde Erotik und Sexualit\u00e4t und damit auch etwas Unmoralisches.<\/p>\n

\"Internet-Projekt-Farbgestaltung-Violett-Rosa\"<\/p>\n

Beispiel f\u00fcr die Farben, Rot Orange Gelb<\/strong><\/p>\n

Tritt Rot zusammen mit Orange und Gelb auf, dann symbolisieren alle drei einen Gleichklang an Energie, Aktivit\u00e4t und Aufregung, aber auch Begierde.<\/p>\n

\"Internet-Projekt-Farbgestaltung-Rot-Orange-Gelb\"<\/p>\n

Beispiel f\u00fcr die Farben, Violett Gold<\/strong><\/p>\n

Eine negative Kombination bilden zum Beispiel Violett und Gold, die f\u00fcr sich allein eigentlich positiv sind, zusammen aber stehen sie f\u00fcr Verderblichkeit und Ma\u00dflosigkeit, Genuss, Stolz und Arroganz.<\/p>\n

\"Internet-Projekt-Farbgestaltung-Violett-Gold\"<\/p>\n

Beispiel f\u00fcr die Farben, Schwarz Gelb (Orange)<\/strong><\/p>\n

Auch Schwarz und Gelb \u201eklingen\u201c zusammen eher negativ und vermitteln Egoismus, L\u00fcge und Schuld.<\/p>\n

\"Internet-Projekt-Farbgestaltung-Schwarz-Gelb\"<\/strong><\/p>\n

 <\/p>\n

j. Die Kontrast-Analyse<\/h3>\n

Wenn eine Farbe eine angenehme Wirkung auf den Betrachter aus\u00fcbt, dann hei\u00dft das noch lange nicht, dass diese Farbe auch immer gut zu erkennen ist. Damit eine Webseite f\u00fcr den Benutzer auch wirklich zu gebrauchen ist, m\u00fcssen die Helligkeit und die Farben einen angenehmen Kontrast zueinander bilden. Um das zu erreichen, gibt es eine Reihe von wirksamen Werkzeugen, wie zum Beispiel den Colour-Contrast Analyser, der kostenlos zur Verf\u00fcgung steht. Mit einem solchen Colour-Contrast Analyser kann der Kontrast so lange \u00fcberpr\u00fcft werden, bis er optimal ist.<\/p>\n

Entwickelt wurde der Colour-Contrast Analyser von Steve Faulkner und war zun\u00e4chst nur in englischer Sprache nutzbar. Mittlerweile steht aber auch eine Version in deutscher Sprache zur Verf\u00fcgung.<\/p>\n

Durch den Colour Contrast Analyser wird eine Kontrastanalyse der Farbe und der Helligkeit m\u00f6glich. Dabei sind immer zwei Farben gut sichtbar, wenn bestimmte Grenzwerte vorliegen. Bei der Helligkeit des Hintergrundes und der des Vordergrundes sollte der Unterschied gr\u00f6\u00dfer
\nals 125 sein, bei der Farbe von Hinter- und Vordergrund aber gr\u00f6\u00dfer
\nals 500. Wenn man entsprechende Optionen aktiviert, kann man sogar anzeigen lassen, wie der Kontrast auf farbenblinde Menschen wirkt. Ein gr\u00fcnes oder rotes H\u00e4kchen zeigt sofort an, ob der Kontrast in Ordnung ist oder ob noch ein Verbesserungspotenzial besteht.<\/p>\n

Eine Kontrastanalyse mit dem Colour-Contrast Analyser ist aber nicht nur bei einzelnen Farben m\u00f6glich, sondern kann auch mit Farbkombinationen durchgef\u00fchrt werden.<\/p>\n","protected":false},"excerpt":{"rendered":"

h. Der Einsatz von Farben bei der Webseitengestaltung Farben haben immer eine bestimmte Bedeutung. Sie k\u00f6nnen unsere Stimmung beeinflussen, sie setzen Kontraste und wecken Vorstellungen. Aber nicht nur einzelne Farben, sondern auch das Zusammenspiel und die Kombination von mehreren Farben sind immer von Bedeutung. i. Die Wahrnehmung der Farben Ein Webdesign, das wenig oder gar […]<\/p>\n","protected":false},"author":1,"featured_media":49,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[10,7,8],"class_list":["post-31","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-homepage-erstellen","tag-farbgestaltung","tag-homepage","tag-webseite"],"_links":{"self":[{"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/posts\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":2,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/posts\/31\/revisions"}],"predecessor-version":[{"id":636,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/posts\/31\/revisions\/636"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/media\/49"}],"wp:attachment":[{"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/media?parent=31"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/categories?post=31"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.die-erfolgs-strategie.de\/geld-verdienen-im-internet\/wp-json\/wp\/v2\/tags?post=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}