Die Farben sind einfach eine wunderbare Wahl für. Farbkombinationen im Webdesign

Viele Artikel wurden über die Farbtheorie und ihre Bedeutung geschrieben. Farbe spielt eine wichtige Rolle im Design und kann manchmal sogar das Verhalten von Menschen beeinflussen. Jeder Webdesigner weiß, dass die richtige Farbgebung einer Website deren Popularität beeinflussen kann, da Webseiten, die nach der Farbtheorie gestaltet sind, einen guten Eindruck auf die Benutzer hinterlassen.

Viele Designer vergessen bei der Auswahl von Farbkombinationen jedoch oft, dass nicht alle Menschen Farben auf die gleiche Weise wahrnehmen. Es gibt eine kleine Anzahl von Menschen, die farbenblind sind, also müssen Sie beim Entwerfen Ihrer Website auf farbenblinde Benutzer achten. In der Tat funktioniert manchmal eine sehr schön gestaltete Website für diese Benutzerkategorie einfach nicht, da sie nicht darin navigieren können. Und das ist wirklich ein Problem: Bei Männern kann der Anteil farbenblinder Menschen 8% und bei Frauen etwa 1% erreichen. Es ist also besser, nicht zu riskieren, 9 % des Publikums zu verlieren, und das Farbschema der Website so zu wählen, dass es normalerweise von allen Menschen wahrgenommen wird, einschließlich von Menschen mit Farbenblindheit.

FARBTHEORIE KANN DIE ZUGÄNGLICHKEIT DER WEBSITE VERBESSERN

Die Zugänglichkeit einer Website ist von großer Bedeutung, da sie sich direkt auf ihre Popularität auswirkt. Wenn es um Barrierefreiheit geht, bedeutet es normalerweise einfach und übersichtliche Oberfläche. Aber auch die Farbgebung wirkt sich auf das Nutzererlebnis aus. Und wenn Sie ein Design erstellen, das die Bedürfnisse von Menschen mit verschiedenen Sehbehinderungen nicht berücksichtigt, ist diese Erfahrung negativ, was nicht akzeptabel ist. Es gibt viele Gründe, warum Sie sorgfältig an der farblichen Barrierefreiheit der Website arbeiten sollten:

  • Die richtige Farbgebung kann ein Wettbewerbsvorteil sein. Wenn das Design der Website für Farbenblinde geeignet ist und es keine Website eines Mitbewerbers gibt, können Sie ein zusätzliches Publikum auf Ihre Seite locken
  • Websites mit barrierefreien Farben können in Suchmaschinen einen höheren Rang einnehmen
  • In einigen Ländern kann ein schlechtes Website-Design zu rechtlichen Schritten führen, da eine solche Website Menschen mit Sehbehinderungen keine Chancengleichheit bietet
  • Ein ethischer Aspekt ist ebenfalls wichtig: Farbenblinde Menschen können einige Websites nicht vollständig nutzen, und dies ist ein großes Problem für sie. Daher sollten Sie immer an UX denken

Trotz alledem ist es nicht allzu schwierig, eine Website für Menschen zugänglich zu machen, die bestimmte Farben nicht unterscheiden können. Sie müssen nur die Farbtheorie richtig anwenden und den Kontrast wichtiger Elemente nicht vergessen.

SO ERSTELLEN SIE EINE WEBSITE MIT HOHER ZUGÄNGLICHKEIT

Natürlich ist es eine unmögliche Aufgabe, eine Website zu erstellen, die für absolut alle Benutzerkategorien geeignet ist. Und vor allem, weil es schwierig ist, genau zu bestimmen, wie farbenblinde Menschen diese oder jene Farbe sehen. Doch damit nicht genug: Auch Menschen, die nicht farbenblind sind, sehen Farben etwas anders. Es wurde viel geforscht, um genau herauszufinden, wie Farben von Menschen mit unterschieden werden verschiedene Typen Farbenblindheit. Aber diese Studien lieferten keine genauen Ergebnisse, sodass die Frage, wie genau ein Farbenblinder sieht, noch offen ist.

Wenn Sie mit der Gestaltung der Website beginnen, müssen Sie sich sofort um die Farbsichtbarkeit von Navigationselementen und Inhalten kümmern. Es gibt viele Möglichkeiten, dies zu tun, und die allererste besteht darin, kontrastierende Farben für Hintergründe und wichtige Designelemente zu verwenden. Wenn Sie beispielsweise schwarzen Text auf weißem Hintergrund verwenden, werden Inhalte für alle Benutzer zugänglich. Aber Schwarz und Weiß sind nicht alle „sicheren“ Farben – es gibt noch viel mehr. Sie müssen nur sicherstellen, dass Links, Schaltflächen und andere Designelemente sichtbar sind und sich vom Hintergrund abheben.

WELCHE FARBEN SOLLTE ICH VERWENDEN?

Der allererste Schritt beim Erstellen einer für Farbenblinde zugänglichen Website ist die Auswahl einer Farbpalette. Die Aufgabe des Designers besteht in diesem Fall darin, erfolgreiche Farbkombinationen auszuwählen, die kontrastierende Farbtöne enthalten und eine Farbhierarchie bereitstellen.

In diesem Fall müssen Sie vorsichtig sein und versuchen, einige Farbtöne nicht zu verwenden. Die meisten farbenblinden Menschen haben Schwierigkeiten, zwischen Rot/Grün- und Gelb/Blau-Kombinationen zu unterscheiden. Hier sind einige gefährlichere Farbkombinationen:

  • Braun Grün
  • Grün blau
  • lila-blau
  • Grau Blau
  • Grün Grau
  • Schwarz Grün
  • gelb/hellgrün

Wie Sie sehen können, sind diese Farbkombinationen nicht sehr kontrastreich und können daher für Menschen mit Sehbehinderungen ununterscheidbar werden. Daher ist es besser, im Design keine Farbtöne zu verwenden, die auf dem Farbkreis zu nahe beieinander liegen. Zum Beispiel mattes Gelb und Blau, die sich sehr schlecht unterscheiden.

Es muss immer daran erinnert werden, dass Menschen mit Farbenblindheit Farben immer gut unterscheiden sollten, und es spielt keine Rolle, welche Farben sie sehen – man muss einem farbenblinden Menschen nur klar machen, was er sieht anders Farben. Außerdem müssen Sie darauf achten, dass farbenblinde Menschen helle Farben besser wahrnehmen und den Unterschied zwischen stumpfen Farbtönen fast nicht sehen.

KOSTENLOSE FARBTÖNE

Komplementäre Farbtöne, die sich auf dem Farbrad gegenüberliegen, sorgen für einen besseren Kontrast und verbessern die Zugänglichkeit des Designs. Es sollte beachtet werden, dass trotz der Tatsache, dass Grün und Rot komplementäre Farbtöne sind, diese Kombination sehr sorgfältig verwendet werden muss, da es diese Farben sind, die farbenblinde Menschen schlecht unterscheiden.

Wie Sie wissen, sind einige Farbtöne warm und andere kalt. Dies kann auch bei der Auswahl eines Farbschemas verwendet werden. Indem Sie warme Farben mit kühlen Farben kontrastieren, können Sie ein attraktives und gleichzeitig zugängliches Design schaffen. Vergessen Sie bei der Farbauswahl jedoch nicht den Kontrast: Sie können beispielsweise einen dunklen, kühlen Farbton in Kombination mit einer helleren, warmen Farbe verwenden.

MONOCHROM-PALETTE

Bei der Arbeit an dem verfügbaren Farbschema müssen Sie immer darauf achten, dass Elemente aus nicht erfolgreichen Farbpaaren nicht in der Nähe verwendet werden. Und um eine sicher farbenblinde Seite zu erstellen, ist es am besten, eine monochrome Palette zu verwenden. Es spielt keine Rolle, wie der Benutzer die Farbe wahrnimmt – er konzentriert sich nur auf den Kontrast. Außerdem ist Monochrom heute in Mode, solche Paletten werden heute sehr oft auf Websites mit minimalistischem Design verwendet.

WERKZEUGE ZUR AUSWAHL DER FARBPALETTE

Vischeck ist ein Simulator, mit dem Sie Webseiten auf Barrierefreiheit für Farbenblinde testen können. Mit diesem Tool können Sie lernen, wie Menschen mit verschiedenen Arten von Farbenblindheit eine bestimmte Website sehen, und bei Bedarf schnell Änderungen am Design vornehmen.

groß und sehr nützliche Ressource, die viele enthält wichtige Informationenüber die Natur der Farbenblindheit, ihre Arten und Merkmale. Die Website bietet auch Tests für farbenblinde Benutzer und Tools zur Farbprüfung der Website.

Ein weiteres Tool zur Online-Überprüfung von Websites auf Barrierefreiheit für Farbenblinde. Sie können überprüfen, wie eine Palette von 216 Farben von Menschen mit verschiedenen Arten von Farbenblindheit wahrgenommen wird.

ABSCHLUSS

Natürlich hängt die Erreichbarkeit der Seite nicht nur von ihrer Farbgebung ab. Ja, die Website sollte für sehbehinderte Menschen zugänglich sein, aber vor allem sollte sie für so viele Menschen wie möglich zugänglich sein. mehr Benutzer. Aber Sie sollten immer an die Farbe denken und ständig überprüfen, ob die Farbpalette keine problematischen Farbkombinationen enthält.

Vom Autor: Farbe ist das wichtigste Element im Webdesign. Dies ist ein kleiner Trick, der den Benutzer nicht nur auf Ihrer Website hält, sondern ihn auch anweist, bestimmte Aktionen auszuführen. Tatsache ist, dass unterschiedliche Farben im Webdesign auf einer unbewussten Ebene unterschiedliche Emotionen hervorrufen können, und diese Algorithmen wurden in der Antike durch die Interaktion des Menschen mit der Natur geformt.

Viele Entwickler verbringen viel Zeit damit, Sprachunterstützung für eine Website zu erstellen. Allerdings denken nur wenige Menschen darüber nach, welche Rolle Farben in unserem Leben spielen. Doch über 90 % unserer Entscheidungen, ein Produkt auszuwählen, auf einen Link zu klicken, auf eine Schaltfläche zu klicken usw., basieren allein auf der Farbe. Webdesign nutzt dieses Tool aktiv, um die Aufmerksamkeit des Benutzers zu gewinnen und ihn zur Interaktion anzuregen.

Deshalb ist es so wichtig, die Grundprinzipien und Farbtrends im Webdesign zu kennen, die wir in unserem heutigen Artikel behandeln werden. Und wir beginnen mit einer meiner Meinung nach brillanten Farbgleichung.

Johannes-Itten-Gleichung

Der Schweizer Künstler Johannes Itten gilt in wissenschaftlichen Kreisen als der grösste Kenner der Farbprinzipien in der klassischen und zeitgenössischen Kunst. Lange studierte er die Farbpalette verschiedener Naturobjekte sowie Kunstwerke aller Zeiten und Völker.

Die Farbgleichung von Johannes Itten sieht so aus:

Die Bezugspunkte oder Farben erster Ordnung dieses zwölfteiligen Kreises sind Rot, Gelb und Blau. Ein Dreieck aus Farben erster Ordnung ist in einen Kreis eingeschrieben, auf dessen Grundlage ein Sechseck gebildet wird. Jede Farbe der zweiten Ordnung wird durch Kombinieren von zwei Farben der ersten Ebene erhalten. Somit erhalten wir:

Orange = gelb + rot

Grün = blau + gelb

Lila = blau + rot

Die Farbe der dritten Ebene kann durch Mischen der Töne erster und zweiter Ordnung erhalten werden. Somit herrscht in der Farbpalette eine klare Hierarchie.

Kontrast und Vergleich

Nur durch Kontrast und Vergleich können Gehirn und Augen Farbnuancen klar voneinander unterscheiden. Es ist kein Geheimnis, dass ein schwarzes Quadrat auf weißem Hintergrund kleiner aussieht als das gleiche Quadrat auf schwarzem Hintergrund. So reduziert die schwarze Farbe die Größe, während das Weiß sich ausdehnen und darüber hinausgehen kann.

Es lohnt sich auch, auf sieben Arten von Kontrastvergleichen zu achten. Natürlich schwarz u weiße Farben haben den ausgeprägtesten Kontrast von dunkel und hell. Aber auch Blau, Rot und Gelb bilden starke Kontrastpaare.

Das Ausdruckspotential jedes Farbpaares für das Webdesign manifestiert sich auf unterschiedliche Weise. Wir werden mehr über die Arten von Farbkontrasten im Artikel „Farben im Webdesign kombinieren“ sprechen wirksames Werkzeug Marketing".

Moderne Trends und Ansätze in der Webentwicklung

Lernen Sie den Algorithmus für schnelles Wachstum beim Erstellen von Websites von Grund auf kennen

Farben mit Kontrast dämpfen

Meiner Meinung nach funktionieren kontrastierende Webfarben am besten in einem minimalistischen Design. Die Website von Studio Stylistik verwendet beispielsweise türkisfarbene Elemente auf schwarzem Hintergrund. Jedes türkisfarbene Element (Logo, Text, Bild), das sich merklich von einem schwarzen Hintergrund abhebt, stärkt die Grafik deutlich und macht sie entscheidend.

Herausragender Text

Mit Hilfe von leuchtenden Farben im Webdesign können bestimmte Wörter hervorgehoben werden. Dies gilt insbesondere auf einem dunklen Hintergrund. Die helle Textauswahl beeinflusst die Wahrnehmung der Nachricht und verleiht ihr eine gewisse Betonung.

Im folgenden Beispiel wird das Wort „Love“ optisch hervorgehoben, was ein guter Call-to-Action ist, kombiniert mit der gleichen Farbe des „Sign Up Now!“-Buttons.

So können Sie mit hellen Kontrastfarben eine künstliche Interaktion zwischen Schaltflächen und anderen Elementen der Website erstellen, die Aufmerksamkeit des Benutzers auf die Schaltfläche lenken und die Benutzerfreundlichkeit im Allgemeinen verbessern.

In diesem Beispiel fügt sich die unauffällige Hintergrundfarbe in die Farbe des Produkts ein, um den orangefarbenen Button hervorzuheben und die Aktion für den Benutzer ansprechender zu gestalten.

Günstige Farbkombinationen

Um die beste Farbe im Webdesign Ihrer Seite zu bestimmen, sollten Sie erstens die Zielgruppe analysieren und zweitens auf deren mögliche Vorlieben einstellen. Wenn Ihr Publikum über die ganze Welt verteilt ist, versuchen Sie, lokale Websites zu erstellen.

Was sind die Geheimnisse in Farbkombinationen? Nehmen Sie zum Beispiel die Börse. In Japan, Großbritannien und den USA ist ein negativer Rolling-Chart-Indikator rot und ein positiver blau oder grün.

Aber in Korea und Taiwan sind die Farbpräferenzen genau entgegengesetzt. Dies liegt daran, dass dort die rote Farbe Glück und Wohlstand symbolisiert.

Daher sollte man sich bei der Auswahl eines Farbschemas auf die Merkmale verschiedener Kulturen konzentrieren. Dazu müssen Sie selbst die kleinsten Details der Farbwahrnehmung der einen oder anderen Person, einer Benutzergruppe oder einer bestimmten Person untersuchen.

Farbe ist Emotion

Die Farbwahrnehmung ist weit davon entfernt, eine universelle Sprache zu sein, aber es gibt einige Webdesign-Farben, deren Wirkung vorhergesagt werden kann.

Haben Sie sich jemals gefragt, warum Krankenhauspersonal neutralweiße oder gedeckte Pastelluniformen trägt?

Eine solche Wahl kann nicht zufällig genannt werden. Sanfte Grün-, Blau- und Fliedertöne beruhigen, entspannen und beruhigen die Patienten. Nehmen Sie zum Beispiel die Website einer medizinischen Hochschule. Schauen Sie sich die vier Farboptionen dieser Seite an. Welches magst du am Liebsten?

Im Allgemeinen impliziert Schwarz Strenge und Professionalität, wird jedoch im medizinischen Kontext mit dem Tod in Verbindung gebracht. Rot ist die Farbe von Blut, daher ist es für eine medizinische Einrichtung auch nicht sehr geeignet, da es auf Verletzungen hinweist, nicht auf Rehabilitation. Grün und Blau könnten gut funktionieren. Aber Blau ist hier eher „on topic“, Grün ist schließlich zu hell für dieses Thema.

Abschließend

Wenn Sie sich selbst zur Kaste der Webdesigner-Anfänger zählen und noch nicht über die richtige Erfahrung und den richtigen Geschmack in Sachen Farbauswahl verfügen, rate ich Ihnen, auf die entsprechenden Videokurse, die in einer verständlichen Sprache gehalten sind, zurückzugreifen echte Beispiele, erfahren Sie, wie Sie ein harmonisches Farbschema auswählen und die menschliche Aufmerksamkeit mit Hilfe von Farben und anderen Komponenten des Webdesigns steuern.

Hiervon verabschiede ich mich. Abonnieren Sie unsere Blog-Updates und bleiben Sie über alle Neuigkeiten im Bereich Webdesign und Webentwicklung auf dem Laufenden. Bis wir uns wiedersehen, Freunde!

Moderne Trends und Ansätze in der Webentwicklung

Lernen Sie den Algorithmus für schnelles Wachstum beim Erstellen von Websites von Grund auf kennen

Farbe ist sicherlich eine wichtige Quelle von Emotionen. Farben können den richtigen Ton angeben und den Besuchern die nötigen Emotionen vermitteln, sie können begeistern, viele Gefühle hervorrufen und zum Handeln anregen. Es ist ein extrem starker Faktor, der den Benutzer beeinflusst.

Bei der Auswahl eines Farbschemas für eine Website ist es wichtig, es richtig zu machen und sich an den Grundprinzipien der Farbtheorie zu orientieren. Der Artikel behandelt die wichtigsten Aspekte bei der Auswahl, die Grundprinzipien der Kombination, den Zweck der Farbe im Webdesign und ihre symbolische Bedeutung. Darüber hinaus werden Sie mehrere sehen gute Beispiele in Übereinstimmung mit den vorherrschenden Farben und machen Sie sich mit einigen vertraut nützliche Tipps um Farben beim Erstellen einer Website effektiv einzusetzen.

Machen wir uns also mit der Magie der Farbe vertraut ...

Farbtheorie: Grundprinzipien. Fähigkeit, Farben anzupassen

Es ist gut, wenn Sie Geschmack haben, und Sie können das Farbschema der Website leicht auswählen. Nicht alle Menschen können dies ohne weiteres tun. Für diejenigen, die sich nicht sicher sind, wie man Farben beim Erstellen einer Website richtig kombiniert, würde ich empfehlen, sich mit den Grundlagen der Farbtheorie vertraut zu machen.

Betrachten Sie das Farbrad.

Ein bisschen Geschichte: Das Farbrad wurde von Isaac Newton erfunden. 1666 die Theorie des Lichts und der Farben begründet. Sie war es, die die Grundlage für die Entstehung und Entwicklung moderner Optiken bildete, deren kleiner und wesentlicher Bestandteil das Webdesign ist. Newton zerlegte unter Verwendung eines dreiflächigen Glasprismas weißes Licht in sieben Farben (in ein Spektrum) und bewies damit seine Komplexität (Streuungsphänomen), entdeckte chromatische Aberration.

Das Farbrad ist ein unverzichtbares Attribut vieler Designer und Künstler auf der ganzen Welt. Dies ist der perfekte Beweis für die Theorie, dass genial immer einfach ist. Der Kreis ermöglicht es Ihnen, Farben auszuwählen, die zusammen harmonieren würden. Es besteht aus 6 Primärfarben: Rot, Orange, Gelb, Grün, Blau, Lila und Sekundärfarben.
Um das richtige Farbschema zu finden, müssen Sie zwei beliebige Farben gegenüberstellen, drei beliebige Farben in gleichem Abstand verwenden, wenn Sie ein Dreieck bilden, oder eine der vier Farben, die ein Rechteck bilden (zwei Farbpaare gegenüber). Farbschemata bleiben unabhängig vom Drehwinkel korrekt.

Grundfarben
Es gibt drei Primärfarben: Rot (#ff0000 in HTML oder #F00 in CSS), Gelb (#FFFF00 in HTML oder #ff0 in CSS) und Cyan (#0000FF in HTML oder #00f in CSS). Sie können nicht durch Mischen anderer Farben erhalten werden. Komplementärfarben können durch Kombination dieser drei Farben gebildet werden.

Zusammengesetzte Farben
Es gibt auch drei Hauptfarben: Orange (#ff9900 in HTML oder #F90 in CSS), Grün (#00FF00 in HTML oder #0f0 in CSS) und Lila (#FF00FF in HTML oder #f0f in CSS). Sie können sie erhalten, indem Sie Rot und Gelb (Orange), Gelb und Blau (Grün) und Blau und Rot (Lila) mischen.

Tertiäre Farben
Um eine der Tertiärfarben zu erhalten, müssen Sie eine Primärfarbe und eine Sekundärfarbe mischen. Die Möglichkeiten für Tertiärfarben sind endlos.

Zusätzliche Farben
Komplementärfarben liegen sich auf dem Farbkreis direkt gegenüber: Rot und Grün, Blau und Orange, Lila und Gelb. In Kombination miteinander ergeben sie einen auffälligen Kontrast. Solche Kombinationen werden normalerweise verwendet, um bestimmte Elemente auf einer Website hervorzuheben.

Ähnliche Farben
Diese Farben befinden sich nebeneinander auf dem Farbrad. Sie sehen normalerweise sehr gut zusammen aus. Die Verwendung solcher Farbkombinationen erzeugt bei Ihren Website-Besuchern ein angenehmes Gefühl.

Farben in verschiedenen Kulturen: Symbolik

Bei der Auswahl eines Gammas für Ihre Website müssen Sie berücksichtigen, dass Farbe in verschiedenen Kulturen alle möglichen Bedeutungen haben kann. Der kulturelle Aspekt der Farbsymbolik kann sehr stark sein, daher müssen Sie sich darüber im Klaren sein, was das Publikum der Website ist.
Lassen Sie uns herausfinden, was Farben in verschiedenen Kulturen bedeuten:
  • China: die Farbe der Braut, viel Glück, Feiern
  • Indien: Sauberkeit
  • Südafrika: Trauerfarben
  • Osten: Freude (kombiniert mit Weiß)
  • Westen: Aufregung, Liebe, Leidenschaft
  • USA: Weihnachten (mit Grün), Valentinstag (mit Weiß)
  • Hebräisch: Opfer, Sünde
  • Japan: Leben
  • Christentum: Opfer, Leidenschaft, Liebe
  • Feng Shui: Yang, Feuer, Glück, Respekt, Schutz, Vitalität, Geld, Anerkennung
  • Europa: ruhig
  • Iran: Trauer, die Farbe des Himmels und Spiritualität
  • China: Unsterblichkeit
  • Hinduismus: die Farbe Krishnas
  • Judentum: Heiligkeit
  • Christentum: die Farbe Christi
  • Katholizismus: die Farben der Kleider Marias
  • Mittlerer Osten: Schutz
  • In der Welt: die Farbe der Sicherheit
  • Feng Shui: Yin, Wasser, Ruhe, Liebe, Heilung, Entspannung, Vertrauen, Abenteuer
  • Westen: Traurigkeit, Depression
  • Europa: Glück, Hoffnung, Freude, Feigheit in Gefahr, Schwäche
  • Asien: die Farbe des Kaiserlichen
  • Ägypten: Trauer
  • Japan: Mut
  • Indien: Kaufleute
  • Buddhismus: Weisheit
  • Feng Shui: Yang, Erde, Glück, Sonnenstrahlen, Wärme, Bewegung
  • Europa: Herbst, Ernte, Kreativität
  • Irland: Protestanten (religiös)
  • USA: Halloween (mit Schwarz), Billigware
  • Hinduismus: Safran (Pfirsichorange) heilige Farbe
  • Feng Shui: Yang, Erde, Ziele, erhöht die Konzentration
Braun
  • Kolumbien: ein Verkaufshindernis
  • Australische Aborigines: Farben der Erde, feierlicher Ocker
  • Feng Shui: Yang, Erde, Industrie
Grün
  • Japan: Leben
  • Islam: Hoffnung, Tugend
  • Irland: ein Symbol für das ganze Land
  • Europa / USA: Frühling, Neugeburt, St. Patrick's Day, Weihnachten (mit Rot)
  • USA: Geld
  • Indien: Islam
  • Feng Shui: Yin, Holz, Heilung, Gesundheit, Beruhigung
Violett
  • Thailand: Trauer (Witwen)
  • Katholizismus: Tod, Trauer, Kreuzigung
  • Feng Shui: Yin, die Farbe der körperlichen und geistigen Heilung
Weiss
  • Europa: Ehe, Engel, Ärzte, Krankenhaus, Frieden
  • Japan: Trauer, weiße Nelke symbolisiert den Tod
  • China: Trauer, Tod,
  • Indien: Unglück
  • Osten: Beerdigung
  • Feng Shui: Yang, Metall, Tod, Geister, Trauer, Gleichgewicht, Vertrauen
Schwarz
  • Europa: Trauer, Beerdigung, Tod, Aufruhr, Gelassenheit
  • Thailand: Unglück, Böses
  • Judentum: Unglück, Böses
  • Australische Ureinwohner: die Farbe des Volkes
  • Feng Shui: Yin, Wasser, Geld, beruflicher Erfolg, Einkommen, Stabilität, emotionaler Schutz, Stärke

Bedeutung von Farben

Werfen wir einen Blick darauf, wie sich jede Farbe anfühlen kann, und schauen wir uns einige fertige Lösungen an.

Hauptsächlich verbunden mit Leidenschaft, Mut und Verlangen. Rot ist die Farbe der Liebe, Stärke, Energie, Führung und Aufregung. Dies ist eine starke Farbe und Sie sollten sich einiger ihrer negativen Emotionen bewusst sein: Gefahr, Angst.

Geduld, Frieden, Ruhe, Zuverlässigkeit, Liebe, Stabilität. Eine der beliebtesten Farben, besonders für Männer. Es ist verbunden mit Stabilität und Tiefe, Professionalität, Vertrauen.

Die Farbe, die am häufigsten mit Lebendigkeit in Verbindung gebracht wird. Energetisch, gibt ein Glücksgefühl. Darüber hinaus ist es mit Neugier, Unterhaltung, Freude, Intelligenz und Vorsicht verbunden.

Fröhlichkeit und Kreativität. Assoziiert mit Freundlichkeit, Selbstvertrauen, Verspieltheit, Mut, Standhaftigkeit.

Violett
Traditionell verbunden mit Macht, Adel und Reichtum. Weisheit, Unabhängigkeit, Adel, Luxus, Ehrgeiz, Würde, Magie und Geheimnisse.
  • Optimale Anzahl von Farben. Machen Sie aus Ihrer Website keinen Zirkus.
  • Verwenden Sie die erforderliche Anzahl von Farben. Die minimale Anzahl von Farben kann zur Eintönigkeit Ihrer Website beitragen.
  • Wenn Sie einen Besucher anziehen müssen, verwenden Sie intensive Farben.
  • Sie können komplementäre Farbschemata finden, indem Sie sich der Natur nähern.
  • Nützliche Links

    Farben spielen im Webdesign eine große Rolle. Um das Farbschema für die Site richtig auszuwählen, gibt es spezielle Dienste. Ich bin mir sicher, dass jeder Webdesigner mindestens eines in seinen Lesezeichen hat.

    Manchmal sitzen Sie und denken darüber nach, welchen Blauton Sie als Hauptblauton für die Site wählen sollen, etwas heller oder etwas heller oder vielleicht dunkler ... Und Sie müssen noch zusätzliche dafür auswählen. Natürlich können Sie es mit dem Auge tun, aber es ist besser, einen der speziellen Dienste zu nutzen.

    Ich werde nicht über Farbtheorie sprechen (das sind zu umfangreiche Informationen), sondern ich werde hier einfach die Dienste veröffentlichen, die ich in meinen Lesezeichen habe und die ich nutze.

    Ich bin seit vielen Jahren mit diesem Instrument befreundet. Das bequemste Werkzeug zum Auswählen von Farben (meiner Meinung nach). Er hat viel Zusatzfunktionen. Beispielsweise sehen Sie ein Beispiel für eine helle und dunkle Seite mit ausgewählten Farben.

    Es ist möglich zu bewerten, wie Menschen mit Farbenblindheit und anderen Sehbehinderungen Ihr Farbschema sehen werden. Sie können websichere Farben auswählen.

    Adobe Kuler ist das zweite Web-Tool, das ich häufig verwende. Die Auswahl des Farbschemas ist fast die gleiche wie auf der vorherigen Seite, aber ich liebe es nicht dafür. Sie können nicht nur selbst Farbschemata erstellen, sondern auch von anderen Personen erstellte Schemata anzeigen und verwenden.

    Klicken Sie dazu im linken oberen Menü auf die Schaltfläche „Beobachten“. Und Sie werden eine Galerie mit allen möglichen Farbkombinationen sehen.

    Dieses Tool ist Colorscheme ein wenig ähnlich, hat aber weniger Funktionen, aber es ist möglich zu sehen, wie die Farbblöcke aussehen werden.

    Ich benutze diese Seite kaum, aber da ich sie bereits in meinen Lesezeichen habe, habe ich beschlossen, sie hinzuzufügen.

    Die folgenden beiden Sites generieren eine Palette aus einem Bild Ihrer Wahl. Es ist Magie :)

    Sie wählen ein beliebiges Bild aus, dessen Farben Ihnen gefallen, der Dienst analysiert es und gibt Ihnen eine Farbpalette. Diese beiden Seiten unterscheiden sich nur darin, wie sie mit einem Bild versehen werden.

    Diese Seite braucht herunterladen Bild von Ihrem Computer.

    Ein sehr praktischer Farbwähler. Basierend auf dem Prinzip "Like - Dislike".

    flatcolors.net

    Wie der Name schon sagt, können Sie hier Farben für das jetzt angesagte, flache Design wählen. Die Site ist insofern interessant, als Sie durch Auswahl einer Palette diese für Corel- und Photoshop-Programme herunterladen können.

    materialpalette.com

    Ein weiterer Modetrend ist das Materialdesign. Diese Seite hilft bei der Auswahl von Farbkombinationen für die Benutzeroberfläche (UI). Darüber hinaus verfügt die Website über eine große Anzahl von Symbolen.

    18.08.16 28.2K

    Die Aufgabe, ein Farbschema für eine Website auszuwählen, mag unmöglich erscheinen, insbesondere wenn Sie die Farbkombinationen nicht verstehen und nicht sehr gut darin sind:


    Wenn alles gut geht, sieht Ihre Website harmonisch aus. Wenn nicht, erhalten Sie ein Bild im Stil eines Horrorfilms!

    Wenn Sie auf Ihrer Website überhaupt keine Farbe verwenden, sieht sie unattraktiv aus und wird schnell vergessen. Wenn Sie es mit Farbe übertreiben, wirkt die Seite knallig.

    Sie müssen die richtige Vorlage und Farbpalette für die zukünftige Website auswählen. Diese beiden Aufgaben können beim Erstellen einer Site vielleicht die schwierigsten sein.

    Wenn Sie nur ein paar Regeln kennen, wird die Auswahl der Farben nicht so schwierig.

    Nachdem Sie diesen Artikel gelesen haben, erfahren Sie, wie Sie:

    • Wählen Sie die am besten geeignete Farbe für die Website und die persönliche Marke.
    • Wie man Töne kombiniert, um ein harmonisches Farbschema zu erzielen;
    • Wählen Sie die beste Hintergrundfarbe;
    • Setzen Sie Farbakzente nur dort, wo es nötig ist.

    Wie wirkt sich Farbe auf die Wahrnehmung Ihrer Website und Marke aus?

    Wenn ich Sie bitte, an Coca-Cola zu denken, was kommt Ihnen als Erstes in den Sinn? Höchstwahrscheinlich taucht das rote Logo von Coca-Cola in Ihrer Vorstellung auf:


    Es ist ziemlich schwierig, an dieses Getränk zu denken und es nicht mit der Farbe Rot zu assoziieren. Rot ist so stark mit der Marke verbunden, dass es genauso wichtig ist wie das berühmte Getränk selbst.

    Rot im Farbschema trägt zwei wichtige Botschaften:

    1. Die knallroten Etiketten heben sich wirklich von den anderen auf den Getränketheken ab.
    2. Jede Farbe weckt bestimmte Emotionen. Wenn wir rot sehen, haben wir ein unbewusstes Gefühl von Aufregung, Liebe und Leidenschaft. Diese Gefühle möchte Coca-Cola mit seinen Getränken hervorrufen:
    Wenn Sie das richtige Farbschema für Ihre Website wählen, machen Sie sie nicht nur optisch ansprechend, sondern schaffen auch eine einprägsame Marke.

    85 % der Käufer geben zu, dass der Hauptgrund für den Kauf eines Produkts die Farbe war.

    Die Markenbekanntheit steigt um 80 %, wenn Farbe verwendet wird.

    3 Schritte zum richtigen Farbeinsatz auf Ihrer Website

    Bei der Entwicklung eines Website-Designs benötigen Sie:

    • Wählen Sie die vorherrschende Farbe für Ihre Marke;
    • Wählen Sie ein paar Akzentfarben, um ein Farbschema zu erstellen;
    • Wählen Sie eine Hintergrundfarbe aus, um Ihr Design zu vervollständigen.

    1. Auswahl der dominanten Farbe

    Ist die vorherrschende Farbe Ihrer Marke Rot, wie Coca-Cola? Es wird dazu beitragen, die notwendigen Emotionen bei den Besuchern der Ressource hervorzurufen, ein Gefühl der Aufregung, Liebe und Leidenschaft bei den Menschen hervorzurufen.

    Diese Farbe ist das erste, woran Menschen denken sollten, wenn sie an Ihr Unternehmen denken. Wenn Sie bereits ein Logo haben, stellen Sie sicher, dass es die Hauptfarbe Ihrer Marke enthält.

    So wählen Sie die richtige Farbe aus

    Große Unternehmen wählen nicht versehentlich das eine oder andere Farbschema für die Website. Dies ist eine bewusste Entscheidung, die Teil von Branding und Marketing ist.

    Jede Farbe zieht eine andere Gruppe von Käufern an und kann sogar ihre Wahl beeinflussen.:


    Rot-Orange, Schwarz und leuchtendes Blau ziehen Impulskäufer an. Solche Farbschemata sind oft in Fast-Food-Ketten, Bekleidungsgeschäften und Werbegeschenken zu finden.

    Dunkelblau und Türkis locken Käufer mit einem begrenzten Geldbetrag. Diese Farben sind in Banken und großen Kaufhäusern zu finden.

    Purpur, Azurblau und Pink ziehen klassische Käufer an. Häufig in Bekleidungsgeschäften.

    Verwenden Sie Kombinationen verschiedener Farben, um die gewünschten Käufer anzulocken.

    Wir haben speziell eine Infografik mit visuellen Farbschemata erstellt, um Ihnen die Auswahl der dominierenden Farbe für Ihre Marke zu erleichtern:

    Welche Farbe für Ihre Website verwenden?

    Grün steht für Wohlstand, Gesundheit, Ruhe und Natur. Diese Farbe wird am leichtesten von den Augen wahrgenommen und wirkt dadurch entspannend. Grün ist die zweitbeliebteste Farbe für Männer und Frauen.

    Gelb ist ein Symbol für Jugend, Optimismus und Fröhlichkeit. Wird oft verwendet, um Aufmerksamkeit zu erregen. Gelb kann auch Spannungen verursachen, also verwende es in kleinen Mengen.

    Orange wird mit Freundlichkeit, Freude und Kreativität assoziiert. Stimuliert die Aktivität bei Menschen. Beispielsweise werden Sie dazu animiert, ein Produkt zu kaufen oder einen Newsletter zu abonnieren. Diese Farbe zieht impulsive Käufer an.

    Rot symbolisiert Leidenschaft, Aufregung, Energie und Gefahr. Wird oft verwendet, um in der Wahrnehmung der Menschen einen dringenden Bedarf für einen Kauf zu schaffen. Verursacht starke emotionale Reaktionen. Wird in Restaurants verwendet, um den Appetit zu steigern.

    Pink ist feminin, süß, unschuldig und romantisch. Wird häufig verwendet, um Mädchen und Frauen private Dienstleistungen und Waren anzubieten.

    Lila ist ein Symbol für Größe, Reichtum, Erfolg und Weisheit. Oft in Kosmetika enthalten. Es hat eine beruhigende Wirkung auf den Menschen.

    Blau ist ein Indikator für Zuverlässigkeit, Sicherheit, Stabilität, Frieden und Ruhe. Wird häufig von Banken und großen Unternehmen verwendet. Blaue Farbe ist sowohl für Männer als auch für Frauen am angenehmsten.

    Grau in der Farbgebung steht für Neutralität, Schlichtheit, Ruhe und Logik. Es wird mit Technologie, Produktion, Genauigkeit, Kontrolle, Kompetenz und sogar Erfahrung in Verbindung gebracht.

    Schwarz ist die Farbe von Einfluss, Luxus, Erfahrung und Eleganz. Wird oft verwendet, um Luxusgüter zu bewerben und wird mit Professionalität, Stärke und Präzision in Verbindung gebracht.

    Ist Ihre Zielgruppe junge und energische Käufer? Oder erfahrenere Leute mit solidem Einkommen? Richtet sich Ihr Produkt (Dienstleistung) eher an Männer oder Frauen? Ist es nur für eine bestimmte Altersgruppe geeignet?

    Nicht jede Farbe ist geeignet, Ihr Unternehmen zu repräsentieren. Wenn Sie zum Beispiel Yogamatten verkaufen, lila ( Reichtum und Größe) und schwarz (Stärke und Luxus) - nicht die meisten beste Optionen. Grün steht dir Gesundheit, Frieden), grau ( Einfachheit, Ruhe), Blau ( Frieden, Ruhe) oder vielleicht sogar rot ( Leidenschaft, Energie).

    Der Unterschied in der Farbwahrnehmung zwischen Männern und Frauen

    An wen richtet sich Ihre Seite hauptsächlich, Männer oder Frauen? Oder vielleicht beide?


    Helle und gedämpfte Farbschemata für die Website

    Männer bevorzugen helle Farben, während Frauen gedeckte bevorzugen.

    Das Experiment zeigte, dass Männer und Frauen im Allgemeinen gleichermaßen auf helle und dunkle Farbtöne reagieren. Aber es stellte sich heraus, dass Frauen eher zu gedeckten Farbtönen tendieren und Männer zu hellen.

    achromatische Farben

    In der Regel bevorzugen Männer unbunte Farben mehr als Frauen. Unbunte Farben sind Weiß, Schwarz und alle Grautöne.

    Helle und dunkle Farbtöne

    Frauen bevorzugen helle Farben. Der Grund dafür ist ihre erhöhte Wahrnehmung bestimmter Farben.

    Frauen

    Blau, lila, grün.

    Orange, braun, grau.

    Männer

    Am meisten bevorzugte Farben: blau, grün, schwarz.

    Am wenigsten bevorzugte Farben: braun, orange, lila.

    Durch die Kombination und Verwendung von Farben, die Männern, Frauen oder beiden besser gefallen, kann man ihre unterbewusste Wahrnehmung der Marke beeinflussen.

    Laut Farbschemaforschung mögen sowohl Männer als auch Frauen Grün und Blau. Beide mögen kein Orange und Braun. Wenn Sie die Aufmerksamkeit von Männern und Frauen auf sich ziehen möchten, müssen Sie Blau oder Grün als Hauptfarbe verwenden.

    Die Wahl der Farbe für Ihre Marke oder Ihr Produkt kann auch davon abhängen, welchen Eindruck Ihre Kunden auf andere hinterlassen möchten.

    Häufig kaufen Menschen bestimmte Waren oder Dienstleistungen, um bei anderen einen bestimmten Eindruck zu hinterlassen.

    Viele Entscheidungen spiegeln wider, was ein Mensch von sich selbst hält und wie er in den Augen anderer erscheinen möchte. Das werden andere Leute denken, wenn sie an diese Person denken:


    Wenn Sie also möchten, dass Menschen, die die Natur lieben, Ihr Produkt kaufen, verwenden Sie Grün im HTML-Farbschema. Möchten Sie Menschen anziehen, die sich jung und selbstbewusst fühlen? Verwenden Sie Gelb. Wenn Sie an Menschen interessiert sind, die solide und reich aussehen möchten, verwenden Sie Schwarz.

    Es ist jetzt klar?

    Denken Sie an einen idealen Vertreter Zielgruppe. Wie möchte er auf andere Menschen wirken?

    Ja, es beeinflusst die Psychologie. Aber Sie müssen dies verstehen, um eine erfolgreiche Marke zu schaffen.

    So verwenden Sie die Hauptfarbe auf Ihrer Website

    Nachdem Sie sich nun für die Hauptfarbe Ihrer Website entschieden haben, müssen Sie verstehen, wie Sie sie richtig verwenden. Farbe zieht viel Aufmerksamkeit auf sich, also versuchen Sie nicht, sie überall zu verwenden, wo Sie können.

    Verwenden Sie die vorherrschende Farbe nur an den Stellen, auf die Sie die Aufmerksamkeit der Benutzer lenken oder sie zu einer bestimmten Aktion animieren möchten.

    Rufen Sie beispielsweise eine Telefonnummer an, füllen Sie ein Formular aus, abonnieren Sie Updates usw.

    Die dominierende Farbe sollte auffällig sein und die Details hervorheben, auf die die Benutzer achten sollen:


    Wo wird die vorherrschende Farbe auf der Website verwendet?
    • Logo;
    • Menüregisterkarten;
    • "Anrufknopf;
    • Wichtige Informationen;
    • Überschriften und Titel;
    • Tasten.

    2. Wahl der Akzentfarben

    Um Ihr Design interessanter und professioneller zu gestalten, müssen Sie vorgefertigte Farbschemata für die Website verwenden. Sie können Teile Ihrer Website hervorheben, die Aufmerksamkeit verdienen: Anführungszeichen, Schaltflächen oder Unterüberschriften.

    Viele Menschen scheuen sich davor, mehrere Farben auf einmal zu verwenden, da nicht immer intuitiv klar ist, ob sie sich gut kombinieren lassen. Die Leute denken, dass man, um zu lernen, wie man sie kombiniert, nicht nur die Farbtheorie gründlich studieren, sondern auch viele Fehler machen muss.

    Es gibt einen einfacheren Weg für alle. Dies ist ein Farbanpassungsprogramm, mit dem Sie Farbschemata genau wie die Profis anpassen können!

    So verwenden Sie das Programm zur Auswahl von Akzentfarben

    Wenn Sie sich für eine dominante Farbe entschieden haben, gibt es nichts Einfacheres, als Akzentfarben mit Programmen wie dem Adobe Color CC Tool aufzunehmen:


    Hier ist ein kurzes Tutorial, das Ihnen zeigt, wie Sie ein Farbschema auf zwei Arten erstellen:
    1. Basierend auf dominanter Farbe

    Schritt 1. Finden Sie zuerst den Code für Ihre vorherrschende Farbe heraus. Zum Beispiel auf der Website ColorPicker.com. Der Farbcode wird im Rechteck direkt über dem Quadrat mit der Farbpalette angezeigt.

    Nachdem Sie den Code von ColorPicker.com kopiert haben, fügen Sie ihn in das " NICHT X» Werkzeug Adobe Color . Stellen Sie sicher, dass Sie den Code in die mittlere Spalte einfügen:


    Fügen Sie den vorherrschenden Farbcode Ihrer Website in das Feld IN DER MITTE ein.

    Sobald Sie eine Farbe festgelegt haben, zeigt Adobe Color diese zusammen mit anderen Komplementärfarben auf dem Bildschirm an.

    Schritt 2. Auf der oberen linken Seite sehen Sie ein Rechteck mit den folgenden Farbschemata:

    • Sequentiell;
    • einfarbig;
    • dreieckig;
    • komplementär;
    • Zusammengesetzt;
    • Schattierungen.
    Wählen Sie ein Farbschema

    Experimentieren Sie mit verschiedenen Farbschemata, um zu sehen, welches das Richtige für Sie ist. Alle vom Programm vorgeschlagenen Farben sind gut miteinander kombinierbar.

    Schritt 3 Verbessern Sie das Farbschema noch weiter, indem Sie einen der Farbwähler verschieben.

    Es ist wichtig, dass Sie den kurzen Zeiger in der Mitte nicht bewegen, damit Ihre dominante Farbe konstant bleibt:


    Mit CMS- und Website-Buildern können Sie Farbcodes einfügen ( VERHEXEN), um einen beliebigen Teil Ihrer Website hervorzuheben:


    Kopieren Sie die Farbcodes ( VERHEXEN) für das Farbschema Ihrer Website.
    1. Basierend auf dem Foto, das Sie mögen

    Manchmal ist es einfacher, im Internet nach Farblösungen zu suchen und sich davon inspirieren zu lassen.

    Sie können jedes beliebige Foto in Adobe Color hochladen und das Programm erstellt automatisch ein darauf basierendes Farbschema.

    Schritt 1. Laden Sie ein Foto hoch:


    Klicken Sie auf das Kamerasymbol, um ein Bild hochzuladen.

    Schritt 2. Wählen Sie eine der fünf Farbstimmungen:

    • bunt;
    • Hell;
    • stummgeschaltet;
    • Gesättigt;
    • Dunkel.

    Experimentieren Sie mit Farbstimmungen, um zu sehen, welche Ihnen näher ist:


    Wählen Sie eine Farbstimmung.

    Schritt 3. Machen Sie das Farbschema noch durchdachter, indem Sie einen der Farbwähler im Bild verschieben:


    Bewegen Sie die Mauszeiger, wenn Sie andere Komplementärfarben auswählen möchten.

    Schritt 4. Die vorgeschlagene Farbpalette befindet sich unter dem Bild. So wählen Sie ein Farbschema für Ihr Webdesign aus.

    Um die Codes zu sehen ( VERHEXEN) Farben, klicken Sie auf das Farbrad in der oberen rechten Ecke:


    Klicken Sie auf das Farbrad, um die Farbcodes anzuzeigen:
    Kopieren Sie die Farbcodes ( VERHEXEN) für Ihr Farbschema.

    Wo werden Sekundärfarben platziert?

    Mit Hilfsfarben hervorgehobene Ortsdetails sind nicht die Hauptakzente. Aber sie fallen trotzdem auf. Beispielsweise können Hilfsfarben verwendet werden, um Unterüberschriften, zusätzliche Schaltflächen, Dialogfelder hervorzuheben, den Hintergrund zu füllen usw.

    Wählen Sie aus einer oder zwei Komplementärfarben. Wenn es mehr davon gibt, wird es für Benutzer schwierig, sich auf eine Sache zu konzentrieren:


    Wo können Sie Sekundärfarben auf Ihrer Website verwenden?
    • Aktive Menüschaltfläche;
    • Untertitel;
    • Trennung von Sekundärinformationen.
    1. Auswählen einer Hintergrundfarbe

    Mussten Sie schon einmal die Wände in Ihrem Haus streichen?


    Wenn ja, dann haben Sie einige Erfahrung und wissen, dass die Auswahl von Farbschemata keine leichte Aufgabe ist.

    Die Farbe sollte so ruhig sein, dass Sie sich stundenlang im Raum aufhalten können und die Farbe Sie nicht unter Druck setzt. Gleichzeitig soll die Farbe nicht langweilig wirken und den Raum wie ein Krankenhaus aussehen lassen.

    Die Wahl einer Hintergrundfarbe für Ihre Website unterscheidet sich nicht wesentlich von der Wahl der Farbe für Ihr Zimmer!

    So wählen Sie die richtige Hintergrundfarbe aus

    Wenn Sie Farbe für ein modernes Bekleidungsgeschäft und ein Landhaus wählen würden, würden Sie dieselbe Farbe wählen?
    Offensichtlich nicht. Diese beiden Räume dienen unterschiedlichen Zwecken.

    Für ein Bekleidungsgeschäft ist es beispielsweise besser, helle Farben zu verwenden, um die Aufmerksamkeit der Kunden auf die Kleiderständer zu lenken. Es ist notwendig, dass die Farbe der Wände mit der Farbe der Regale mit Kleidung kontrastiert, und die Käufer verstehen beim Betreten des Geschäfts sofort, worauf sie achten müssen.

    Und zum Vergleich: Wenn Sie in Ihr Landhaus kommen, planen Sie wahrscheinlich, sich zu entspannen. Sie möchten, dass die Farbe der Wände und die Einrichtung Ihres Zuhauses beruhigend und entspannend wirken.

    Die Hintergrundfarbe Ihrer Website hängt davon ab, worauf die Benutzer achten sollen.

    Einfach gesagt hängt die Hintergrundfarbe direkt von dem Ziel ab, das Sie mit der Erstellung einer Website verfolgen.

    Typ 1 – Ressourcen mit vielen Inhalten oder Online-Handel

    Ist Ihnen aufgefallen, dass Informationsquellen und Online-Shops häufig weiße oder neutrale Farbschemata für die Website verwenden?


    Der Zweck dieser Ressourcen besteht nämlich darin, Ideen oder Produkte zu fördern.

    In solchen Fällen sollte der Fokus auf den Produkten oder Dienstleistungen liegen, nicht auf dem Design der Website. Die Hintergrundfarbe ist nur eine Basis, um den Inhalt besser sichtbar und lesbar zu machen.

    Für Informationsressourcen und Online-Handel verwenden Sie am besten einen hellen Hintergrund, helle dominante und sekundäre Farben. Die Helligkeit der vorherrschenden und akzentuierenden Farben garantiert die Einzigartigkeit der Website und ermöglicht es Ihnen, die Details hervorzuheben. Gleichzeitig hilft eine neutrale Hintergrundfarbe für eine Verkaufsseite dem Benutzer, sich nur auf die Inhalte oder Produkte zu konzentrieren.

    Typ 2 – Unternehmenswebsites und -dienste

    Beim Erstellen Unternehmensressource Ein Ziel ist es, Waren oder Dienstleistungen zu bewerben.

    Je nachdem, was der Zweck Ihrer Website ist, sollte die Hintergrundfarbe unterschiedlich sein.

    Markenförderung

    Wenn Sie ein einprägsames Image des Unternehmens schaffen möchten, verwenden Sie für den Hintergrund unterschiedliche Schattierungen der dominierenden Farbe oder Markenfarbe.

    Denn Farbe wirkt sich direkt auf die Markenbekanntheit aus ( Erinnern Sie sich an das Beispiel von Coca-Cola?) Wenn Sie verschiedene Schattierungen Ihrer Markenfarbe als Hintergrund verwenden, verbessern Sie diese und machen sie für Kunden einprägsamer.

    Wenn die vorherrschende Farbe Ihrer Website provokativ ist, kann die Verwendung als Hintergrund die Wahrnehmung der Benutzer negativ beeinflussen. Verwenden Sie in solchen Fällen Farbtöne mit der niedrigsten Intensität:

    Serviceförderung

    Wenn es Ihr Ziel ist, die Aufmerksamkeit auf eine Dienstleistung oder ein Portfolio Ihrer Arbeit zu lenken, verwenden Sie eine weiße oder neutrale Hintergrundfarbe.

    Wie im Fall mit Informationsressourcen müssen Sie die Website nicht überladen und die Benutzer nicht von den Inhalten ablenken, die Sie vermitteln möchten. Durch die Verwendung eines weißen oder hellen Hintergrundfarbschemas für Ihre Website lenken Sie die Aufmerksamkeit auf den Inhalt:

    Typ 3 – Stylische und kreative Seiten mit vielen Grafiken

    Wenn Sie eine Website zum Thema Kreativität erstellen ( Mode, Design, Gastronomie, Schönheit usw.), gibt es für Sie keine Einschränkungen.

    Für diese Art von Website gibt es keine Regeln für die Verwendung einer Hintergrundfarbe. Sie können die Menüleiste schwarz machen, um Dramatik hinzuzufügen. Oder erstellen Sie einen Hintergrund mit allen Farben des Regenbogens, um die Website-Besucher aufzuheitern:


    Versuchen Sie, sich immer an eine Regel zu halten: Wählen Sie niemals eine Hintergrundfarbe, die den Text darauf schwer lesbar macht.

    Die perfekte Hintergrundfarbe hebt den Inhalt hervor und fügt sich harmonisch in die Primär- und Sekundärfarben ein. Die richtige Hintergrundfarbe macht die Benutzererfahrung auf der Seite angenehm.

    Verwenden Sie im Zweifelsfall einen weißen oder hellgrauen Hintergrund. Sie sind vielleicht nicht die inspirierendsten, aber Sie werden dafür sorgen, dass Ihre Inhalte gut sichtbar sind.

    Fazit und Ergebnisse

    Lassen Sie sich bei der Auswahl eines Farbschemas für die Website nicht von persönlichen Vorlieben oder Flair leiten.

    Verwenden Sie Farben, die Ihrem potenziellen Publikum gefallen, und dann bleibt die Ressource lange im Gedächtnis der Menschen. Damit heben Sie sich von Ihren Mitbewerbern ab.

    Die Wahl der Farbpalette sollte keinesfalls zufällig sein. Dies ist eine Reihe von Maßnahmen, die ergriffen werden müssen:

    • Wählen Sie die richtige vorherrschende Farbe für die Website;
    • Wählen Sie die richtigen Sekundärfarben für die dominante Farbe;
    • Wählen Sie eine passende Hintergrundfarbe.

    Diese Veröffentlichung ist eine Übersetzung des Artikels " So wählen Sie ein gutes Farbschema für Ihre Website aus» erstellt von einem befreundeten Projektteam

    Gut schlecht



    Wird geladen...
    Spitze