Webseiten erstellen

Webseiten ✪ Onlineshops erstellen

Mit Webhosting, eigene Domains, E-Mail Server, SSL Zertifikate, Hilfe bei den Pflichtangaben und Cookie Hinweis, fertige Webpakete und Webdesign Vorlagen.

Montag, 19 März 2012 13:22

Farbpsychologie für die Webseite

Richtige Farben sprechen im Webdesign für sich und verursachen ganz bestimmte Handlungen.
So wird die Farbe Orange gerne für den Bestellbutton gewählt. Welche Farben haben welche Wirkung?

Was bewirkt welche Farbe auf der Webseite?

farbpsychologie-webseiten

Farbpsychologie ist im Internet ein sehr erforschtes Gebiet. Besonders große Firmen investieren hier viel Geld, um die richtigen Emotionen des Besuchers anzusprechen. Also lohnt sich also ein Blick auf große Firmen der gleichen Branche zu werfen.
Dieser kleine Artikel stellt nur einen kurzen Einblick dar und verschafft grundlegendes Wissen.

Rot
Natürlich ist Rot die Farbe der Leidenschaft und Liebe. Sie regt den Stoffwechsel und Adrenalinspiegel an.
Dunkle Rottöne vermitteln ein gemütliches Gefühl mit Wohlbehagen (Weinläden).

Orange
Orange ist eine Farbe mit viel Energie und fördert Kreativität und Enthusiasmus. Regt den Appetit an und ist für Lebensmittel hervorragend geeignet (Orangensafthersteller).

Violett
Violett kann eine sehr edle Farbe sein und wird im Internet nicht viel verwendet. Wohlstand und Extravaganz werden damit verbunden. Die Farbe ist in einigen königlichen Wappen wiederzufinden.

Gelb
Gelb sticht ins Auge und ist mit Energie und frische geladen. Fröhlichkeit und Sinne werden aktiviert und regen zum Handeln an. Gerne verwendet für Sportgetränke und Banken.

Grün
Grün kommt immer häufiger im Internet vor. In Bereichen für Bioprodukte, Natur und einer heilen Zukunft. Bildung mit Wohlstand und Stabilität wird mit der Farbe Grün unbewusst verbunden. Ebenfalls bei Banken wiederzufinden.

Blau
Eine im Internet oft benutzte Farbe, die kaum eine Abgrenzung zulässt. Blau steht für Offenheit, Vertrauen und Intelligenz. Blau beruhigt und vermittelt den Eindruck einer heilen Welt (Display in Autos). Gerne verwendete Farbe von Versicherungen.

Weiß und Schwarz
Beides sind im eigentlichen Sinne keine Farben. Drücken allerdings sehr viel aus. So steht weiß für Reinheit und Perfektion (Hochzeiten). Schwarz dagegen für Macht und Eleganz.

Farben je nach Kultur

Jede Farbe kann in unterschiedlichen Kulturen verschiedene Bedeutungen haben. Darauf ist zu achten. So verkörpert weiß in der chinesischen Kultur den Tod und Trauer. Während in der westlichen Welt weiß gerne als Brautkleid gewählt wird. Welche Farben zu welcher Kultur passt, finden Sie auf Colours in Cultures.

Aber jedes Thema und Branche einer Webseite kann mit bestimmten Farben gezielt unterstrichen werden. So steht das grünblaue bis zum Türkis für die ferne Farbe des Wassers, dampfenden Bädern oder eines klaren Föhntages.
Zu den Farben könnte die Reisebranche, Wassersport, Wellness Hotels oder für den Urlaub in den Bergen stehen.

Unsere fertigen Home Page Vorlagen helfen Ihnen bei der Umsetzung der Webseitengestaltung.
Falls nicht die richtige Farbe dabei sein sollte, können Sie das Aussehen der Web Design Vorlage in der CSS Datei selbst anpassen oder von uns branden lassen.

Lebendige Farben auf der Webseite

Farben für eine Webseite sollten maximal ein Drittel der Color Schema entsprechen. Zu viele Farben auf der Webseite lassen das Gesamtbild unruhig erscheinen. Am besten ist es, wenn nur zwei Farben konsequent verwendet und sogar die Icons auf der Webseite diesen Farben angepasst werden.

Kontraste lassen sich gut mit den gegenüberliegenden Farben bewirken. Es gibt aber noch weitere mögliche Farbschema.

Beliebt sind heute matte Farben bis hin zu retro Farben. Farben gegen Pole sorgen für einen guten Kontrast und erhöhen unsere Aufmerksamkeit. Werden zwei gegenpolige Farben auf der Webseite konsequent umgesetzt, bleibt das Bild der Webseite länger in unserem Gedächtnis.

Farben-Gegenpole

  • zum leichten Gelb -> das schwere Violettblau
  • zum warmen Orange -> das kalte Blau
  • zum aktiven Rot -> das passive Grünblau
  • zum erhabenen Purpur -> das ergebene Grün
  • zum anspruchvollen Violett -> das bescheidene Gelbgrün

Ein kleines Beispiel: Welche Farben benutzt Twitter?

Haben Sie die beiden Farben jetzt vor Ihrem inneren Auge?
Welche Farben benutzt Facebook oder Google Plus?

Ich jedenfalls sehe bei Twitter das matte Hellblau mit der Kontrastfarbe weiß. Bei Facebook das dunklere Blau mit weiß. Und bei Google Plus das Rot der Kontrastfarbe weiß.

Farben praktisch Testen

Hinterlassen Sie doch einmal einen Kommentar in den sozialen Medien, ob es bei Ihnen auch funktioniert hat.
Wenn Sie selbst auf Ihrer Webseite zwei Kontrastfarben anwenden, hinterlassen Sie eine Domain zum Testen, ob auch Ihre Farben mit Ihrem Unternehmen im Gedächtnis bleiben. Bitte testen Sie auch bereits hinterlegte Webseiten ganz neutral und fair. Helfen Sie auch anderen beim Finden der richtigen Farbwahl.

Kontrastfarbe finden

Jetzt können Sie Ihre Kontrastfarben für Ihre Webseite aussuchen und anwenden. Die Webseite Color Scheme Designer bietet Ihnen eine hervorragende Möglichkeit Kontrastfarben zu finden.

Um zwei Kontrastfarben zu finden, wählen Sie oben auf der Webseite die Farbscheibe "complement". Drehen Sie auf der Farbscheibe an den Punkten. Sie erhalten die jeweilige Kontrastfarbe angezeigt. Testen Sie das Aussehen via einem Beispiel, in dem Sie auf "Light Page oder Dark Page" klicken.

Klicken Sie unten auf den Tab Color List und speichern die HEX Farbzahlen. Eine kleine Spende als Dankeschön, können Sie auf Color Scheme auch hinterlassen.

Testen Sie vorab das Verhalten der Besucher mit einer Landing Page. Ein umfangreiches Benutzerverhalten erhalten Sie mit Google Analytics.

Gelesen 4103 mal Letzte Änderung am Dienstag, 22 April 2014 11:29

Ähnliche Artikel

Mehr in dieser Kategorie: Templates »

1 Kommentar

  • Kommentar-Link Mittwoch, 28 März 2012 13:39 gepostet von Madhu

    Thank you so much for providing idaividunls with such a superb possiblity to check tips from here. It is always so fantastic plus full of a great time for me personally and my office co-workers to visit your blog more than 3 times weekly to study the fresh guidance you have. Of course, we are always contented concerning the gorgeous thoughts served by you. Some 2 areas in this post are unquestionably the simplest we have had.

    Melden
Bitte anmelden, um einen Kommentar zu posten
Übernahme der Installation
Hilfe bei der Inbetriebnahme
Persönlicher Ansprechpartner
Webserver in Deutschland
Moderne Webtechnik