Welche Farben im Webdesign zu vermeiden sind
Veröffentlicht: 2016-09-15Werbung ist ein kniffliges Geschäft und alles hängt davon ab, wie Sie sich präsentieren. Farben sind das Herzstück jeder Werbung, die darüber entscheidet, wie erfolgreich Ihre Marke, Waren oder Dienstleistungen beworben werden. Aus diesem Grund ist die Verwendung geeigneter Farbtöne für die heutigen Unternehmen unerlässlich geworden, um die Aufmerksamkeit Ihrer Zielgruppe zu gewinnen, da jedes Produkt unterschiedliche Formen der Werbung erfordert.
Wenn Sie die Grundlagen der Farbwahl in Ihrem Webdesign lernen möchten, hilft Ihnen dieser Artikel, Ihr Wissen darüber zu erweitern, wie Sie es richtig machen. Das richtige Farbschema kann der entscheidende Faktor für den Erfolg Ihrer Werbekampagnen sein, daher ist es keine leichte Aufgabe, die perfekte Kombination auszuführen.
Bedeutung von Farbschemata
Die Kraft von Farbschemata ist etwas, das nicht unterschätzt werden sollte. Wenn es die richtige Darstellung erhält, kann es genutzt werden, um Ihre größte Stärke in jedem Webdesign zu werden. Bei kreativem Einsatz können selbst die einfachsten Farben so arrangiert werden, dass sie die Köpfe und Herzen der Zielgruppe berühren und ihre Aufmerksamkeit gewinnen. Ein Farbschema, das die geeignete Kombination von Farbtönen verwendet, erhöht nicht nur die Werbefähigkeit, sondern verbessert auch die durchschnittliche Verweildauer eines Benutzers auf einer Website.
Die Wahl der falschen Farbschemata kann jedoch gelinde gesagt katastrophal sein und jedes Produkt oder jede Dienstleistung ertränken, unabhängig davon, wie groß es ist oder was es auf den Tisch bringt. Einige Werbetreibende entscheiden sich für auffällige Farben, um ihre Marken zu präsentieren, um die Aufmerksamkeit ihrer Zielgruppe zu erregen. Auch wenn es ihnen vielleicht gelingt, die Köpfe in ihre Richtung zu lenken, wird das Publikum auf lange Sicht das Interesse verlieren. Ein Designer würde dies nur tun, um den Kunden abzulenken und die minderwertige Qualität der Ware zu verschleiern. Dies schadet schließlich dem Markenimage und dem Ruf des Unternehmens.
In diesem Artikel behandeln wir, welche Arten von Farbschemata in der Online-Werbung vermieden werden sollten. Unser Team hat eine Liste von „NOT TOs“ zusammen mit einer alternativen Methode zusammengestellt, die Sie ausprobieren können.
Verwendung einer Farbe
Wenn Sie nur eine Farbe haben, die Ihre gesamte Website repräsentiert, ist sie für Ihre Zielgruppe sowohl langweilig als auch uninteressant. Es ist höchst unwahrscheinlich, dass das Publikum auch nur versucht, es zu überfliegen, bevor es zur nächsten Seite wechselt, die mit geeigneteren Farbschemata entwickelt wurde.
Versuche dies:
Die entsprechende Anpassung der Farbschemata ist eine entscheidende Aufgabe, um ein professionelles Design zu gewährleisten, das in der Lage ist, die Aufmerksamkeit auf die wichtigen Aspekte der Website zu lenken. Elemente wie Schaltflächen, Untertitel, Zitate und Hyperlinks sollten entsprechend farbig dargestellt werden, um ihre Bedeutung hervorzuheben.
Auswahl der falschen Farbe
Die Wahl der falschen Farbe für Ihr Webdesign kann den Unterschied bedeuten, ob Sie auf einem Zeitschriftenständer ignoriert oder sofort verkauft werden. Für eine Website, die ein Produkt zu verkaufen oder sogar eine Dienstleistung zu bewerben hat, kann sie leicht einen Farbton aus dem Äußeren des Produkts oder der philosophischen Eigenschaft der Dienstleistung auswählen. In jedem Fall hilft eine profunde Darstellung Ihrer Website mit dem, was Sie anbieten, dabei, eine Verbindung zum Benutzer aufzubauen. Die Verwendung einer dunklen Farbe wie Marineblau für ein Webdesign zum Verkauf von Schönheitsprodukten wird enttäuschend sein.
Versuche dies:
Bevor Sie zulassen, dass Ihre Website in eine kostspielige Katastrophe gerät, verwenden Sie die Farbtheorie, um diejenigen Farbtöne auszuwählen, die eng mit dem Produkt verbunden sind oder seine Eigenschaften in gewisser Weise aufweisen. Dies hilft dem Betrachter, mit der Website in Kontakt zu bleiben und den Produkten sogar eine Chance zu geben.
Neon Farben
Die Verwendung von Neonfarben ist überhaupt nicht verboten, aber das Feiern von Holi mit ihnen in Ihrem Webdesign könnte ein dummer Schachzug sein. Neonfarben entstehen, indem die Intensität der Helligkeit um einen Ton erhöht wird, um sie im Kontrast hervorzuheben.
Es besteht kein Zweifel, dass sie funky sind und Spaß machen, im Design herumzuspielen, aber nur in beträchtlichen Mengen. Wenn Sie sie ununterbrochen auf Ihrer Vorlage verwenden, kann dies dem Betrachter wirklich Tränen in die Augen treiben, aber auch dazu führen, dass der Text in den Kontrast gerät und die Lesbarkeit beeinträchtigt wird. Wenn ich mich nicht irre, ist es Ihr Ziel, den Besucher zu beschäftigen und keinen epileptischen Anfall zu verursachen.
Versuche dies:
Wenn Sie jedoch wirklich hartnäckig sind, können Sie die unnötige Helligkeit der Neonfarben jederzeit entfernen, damit der Text etwas dunkler und weniger intensiv wird. Wenn Sie sich bereits entschieden haben, Neonfarben zum Thema hinzuzufügen, stellen Sie außerdem sicher, dass Sie sie für die kleineren Elemente verwenden, damit der Leser sie leicht sehen kann.
Vibrierende Farben
Jetzt ist das Mischen oder Kombinieren von Farben mit bösem Blut so, als würde man die Sicht Ihres Besuchers absichtlich verwischen. Dies geschieht, wenn hochgesättigte Farben miteinander interagieren und einen „Vibrationseffekt“ erzeugen, der eine leuchtende Bewegung erzeugt. Dieser Vibrationseffekt wird von Benutzern sehr abgelehnt.
Durch die Kombination dieser bunten Farbtöne wird das Sehen störend und erzeugt einen Nachbildeffekt, der das Sehen durcheinander bringt. Es hindert den Benutzer nicht nur daran, den Inhalt zu lesen, sondern macht auch einen höllischen Durcheinander aus Ihrem Text.
Versuche dies:
Auch hier ist es nicht empfehlenswert, vibrierende Farben miteinander zu kombinieren, aber wenn dies erforderlich ist, können Sie dem am besten Rechnung tragen, indem Sie eine neutrale Farbe zwischen die beiden hellen Farben einfügen, sodass eine der beiden zu einem dunkleren Farbton wird.
Wenn Sie herausfinden müssen, welche Farben vibrieren, können Sie sie nebeneinander stellen und Sie werden feststellen:
- Die dazwischen liegende hohe Farbsättigung
- Komplementär und um 180 Grad auf dem Farbkreis beabstandet
- Wenig Kontrast erscheint, wenn die Farben in Graustufen umgewandelt werden
Regenbogen-Themen
Meiner Meinung nach kann alles, was gegen die Regeln der Farbtheorie verstößt, früher oder später Ihrem Webdesign schaden. Seien wir ehrlich, regenbogenfarbene Websites funktionieren einfach nicht. Stellen Sie sich vor, wie viele Regeln Sie geschlachtet haben, nur um direkt nach dem Lesen eine Regenbogen-Themenvorlage in Ihrem Kopf zu erstellen.
Regenbogenfarbene Webdesigns sind nicht nur unkonventionell, sondern auch irreführend – wenn Sie verstehen, was ich meine. Sie möchten etwas bewerben, bewerben oder verkaufen, aber Ihren Kunden und Besuchern Regenbögen zu zeigen, hilft nicht.

Versuche dies:
Wenn Sie jedoch daran interessiert sind, ein mehrfarbiges Webdesign mit mehr als 3 Farben zu erstellen, verwenden Sie Farbblockierung oder Kartenstil für Ihre Vorlage. Auf diese Weise können Sie den Kategorien Block für Block Farben zuweisen, ohne die Farbbalance im Design zu beeinträchtigen.
Helle Farben auf Weiß
Jedes Mal, wenn ich diesen Fehler sehe, merke ich, wie der Kunde das Interesse verliert und auf die andere Website wechselt. Die Verwendung einer hellen Farbe vor einem hellen Hintergrund entspricht dem Verkauf eines mit Brot gefüllten Sandwiches. Sie müssen Hell und Dunkel ausbalancieren und einen angemessenen Unterschied einstellen, der es dem Leser ermöglicht, die Website reibungslos zu durchsuchen, anstatt sie zu verlassen. In den neuesten Webdesign-Trends macht die zunehmende Verwendung von Header-Bildern dies zu einem häufigen Missgeschick.
Versuche dies:
Der beste Weg, dies zu vermeiden, besteht darin, die Hintergrundfarbe mit den Paletten auf dem Farbrad zu vergleichen. Die richtige Kombination können Sie ganz einfach anhand der Kontrastfreundlichkeit voneinander unterscheiden. Eine gute Mischung vereint den Inhalt mit dem Design und erzeugt eine natürliche Anziehungskraft in Ihrem Webdesign.
Experimentieren mit detaillierten Hintergründen
Dies ist wahrscheinlich der tödlichste Fehler in Bezug auf Farben in Webdesigns. Geschäftsinhaber stellen Designer ein, um das Beste aus ihrer Arbeit zu machen und ihnen eine Website zu erstellen, die das Zeug dazu hat, ihr Geschäft und ihre Einnahmen an die Spitze zu bringen. Aber da geraten die Dinge manchmal etwas aus dem Gleichgewicht. Website-Designer suchen immer nach neuen Wegen, um ihre Auftragnehmer zu beeindrucken, und fügen dabei oft übermäßig viele Farbdetails in den Hintergrund ein. Vorübergehend sieht es nicht so schlecht aus, aber wenn das Design mit all seinen Elementen und Inhalten in die letzten Schritte übergeht, wird es zu einem hässlichen Stück Vorlage.
Versuche dies:
Die einzige Möglichkeit, dieses Debakel zu vermeiden, besteht darin, Ihren Webdesigner anzuweisen, keine Farbdetails im Hintergrund hinzuzufügen und Ihr Team auf dem Laufenden zu halten, wenn etwas Neues getestet oder im ursprünglichen Plan implementiert wird.
Blassgelb und Hellblau
Die meisten Designer sind sich bewusst, dass Hellblau und Hellgelb eine schreckliche Farbwahl sind, wenn es um den Hintergrund einer Website geht. Helles Blau ist intensiv und immer aggressiv gegenüber jeder anderen Farbe, die in ihre Domäne kommt. Blassgelb reagiert anders und macht den Zweck einer Hintergrundfarbe zunichte, indem es die Stimmung des Besuchers beeinflusst und andere Farbtöne radikalisiert. Hier ist, warum Sie niemals versuchen sollten, sie zu verwenden.
Helles Blau als Hintergrund
Nun, ich möchte keine Liebhaber hellblauer Farben beleidigen, indem ich sage, dass es als Website-Hintergrund schrecklich aussieht, es ist nur eine Tatsache, dass es keine gute Farbwahl für den Kontrast sein kann und niemals sein wird. Zum einen ist das leuchtende Blau zu stark, um es mit den Inhalten der Website zu konfrontieren, und zum anderen lässt es dem Designer zu wenig Möglichkeiten, es mit einem anderen Farbton aus der Palette zu kombinieren. Es hat einen vibrierenden Effekt, der es den Neonfarben näher bringt, und wenn Sie gelesen haben, was ich oben besprochen habe, sind Neonfarben ein großes NOPE!
Versuche dies:
Sie können hellere Blautöne verwenden, besonders wenn Sie ein Design im Kartenstil für Ihre Website haben. Es neutralisiert den Vibrationseffekt und erfüllt die Notwendigkeit, eine blaue Farbe für den Hintergrund zu haben.
Hellgelb im Hintergrund
Ein wenig Gelb in die Überschriften und vielleicht etwas Text in den Titeln zu fügen, mag in Ordnung erscheinen, aber es mit dem Hintergrund zu übertönen, kann den Unterschied zwischen einer stark besuchten Website und einem schwimmenden Stück Müll im Internet ausmachen. Es gibt nicht nur einen unattraktiven Farbton, sondern spiegelt auch den schlechten Geschmack des Unternehmens gegenüber seinen Kunden wider. Gelb hat eine sentimentale Bedeutung, um eine Note von Glück und Freude im Publikum zu treffen. Daher kann die Verwendung ohne Perspektive Ihrer Website in Bezug auf Kosten und Kundenverlust irreversibel schaden.
Versuche dies:
Sie können es mit Braun, Dunkelrot oder Orange verwenden, um einen Retro-Look zu entfachen und es später auch auf anderen Instanzen zu verwenden. Ein weißer Hintergrund mit gelber Tönung kann Ihre Besucher überraschen, wenn er mit der richtigen Farbe für die Kopf- und Fußzeile wie Orange kombiniert wird.
Ignorieren von Farbanpassungswerkzeugen
Die Farbgestaltung ist jedoch keine leichte Aufgabe, da es leichter gesagt als getan ist, die perfekte Farbkombination zu finden, um Kunden anzulocken. Dies liegt daran, dass es eine Kunst ist, die sich nur wenige Menschen zu eigen machen, wenn sie über fundierte Kenntnisse über das Mischen von Farben und darüber verfügen, welche Kombination die bevorzugte Reaktion des Publikums hervorruft. Dies führt zu einer starken Abhängigkeit von Trial-and-Error-Methoden, die für die Werbung äußerst riskant sind. Ein einziger Fehler kann dazu führen, dass Ihre gesamte Kampagne scheitert.
Glücklicherweise gibt es eine Lösung, um diese Farbschema-Barriere zu überwinden, die sich in Form eines Farbanpassungstools präsentiert, das so konzipiert ist, dass es verschiedene Farben kombiniert und Ergebnisse erzielt, die mit Veteranen auf diesem Gebiet vergleichbar sind.
Versuche dies:
Farbanpassungstools wie das Adobe Color CC-Tool wurden entwickelt, um den Auswahlprozess der Auswahl von Akzentfarben zu vereinfachen, wenn Sie Ihre vorherrschende Farbe ausgewählt haben. Obwohl das Tool kompliziert erscheinen mag, ist es in Wirklichkeit so konzipiert, dass es sowohl einfach als auch effektiv ist.
Farbanpassungswerkzeuge sind mit Optionen ausgestattet, um die Farbgestaltung zu vereinfachen, wie z. B.:
- Auswählen einer dominanten Farbe, um die herum Akzentfarben ausgewählt werden sollen
- Auswählen eines Fotos, um das Akzentfarben ausgewählt werden sollen
Bedeutung von Akzentfarben
Wichtige Informationen auf den Webseiten können durch Akzentfarben hervorgehoben werden, um ihre Wichtigkeit zu verdeutlichen. Sie können von Hyperlinks zu anderen Inhalten auf Webseiten reichen, auf die Sie die Aufmerksamkeit Ihres Publikums lenken möchten. Es ist ratsam, bei einer oder zwei Akzentfarben zu bleiben, da eine größere Anzahl von Akzentfarben die Website-Besucher verwirren kann.
Fazit
Während Farben eine wichtige Rolle dabei spielen, einer Website ihre Kleiderordnung und Attraktivität zu verleihen, ist ihre korrekte Verwendung in Ihren Designvorlagen unerlässlich, wenn Sie ein erfolgreiches Geschäft führen möchten. Ohne die richtigen Farbtöne an Ihrer Seite wird Ihre Website nicht nur zum Gespött, sondern auch zu einer kostspieligen Enttäuschung.