Brauchen Websites drei Farben?

Ich habe eine Reihe von Blog-Posts und Sachen zum Thema Webdesign gelesen, habe aber keine formale Ausbildung oder Erfahrung/Training.

Beim Experimentieren mit meiner ersten Website habe ich festgestellt, dass drei Farben am besten funktionieren. Zuerst habe ich es nur mit Schwarzweiß versucht, aber das sah nicht gut aus. Dann fügte ich eine Farbe hinzu (blaue Navigationsleiste), und es sah immer noch so aus, als bräuchte es mehr. Dann habe ich eine zweite Farbe hinzugefügt, und das sah viel besser aus, selbst wenn es nur ein kleines Element wie ein Knopf oder so war. Schließlich hatte das Hinzufügen eines Drittels auch einen bemerkenswerten Vorteil. Darüber hinaus sinkt der Grenzwert der Farben deutlich ab und kann sogar negativ werden.

Gibt es darüber einen Konsens? Wenn ja, was ist es?

Gibt es dafür auch irgendeinen Grund? (Ich weiß, es ist schwer zu artikulieren, warum manche Dinge ästhetisch ansprechend sind, also würde ich das nicht glauben, aber ich würde trotzdem gerne Theorien aufstellen!)

Antworten (6)

Wie von anderen erwähnt, hängt die Anzahl der Farben, die Sie verwenden können, von der Art der Website ab, die Sie erstellen möchten, den Produkten und Ihren persönlichen Entscheidungen. Es gibt nichts falsch, nur vielleicht ein paar flexible Regeln, die Sie im Hinterkopf behalten sollten.

Dies sind einige monochromatische / 3-Ton-Websites, die recht gut funktionieren.

Vollständig monochromatisch - Schwarz, Weiß und ein einziger Grauton zur Trennung der Elemente:

Quelle

Ich finde dieses vorherige besonders interessant, da die Verwendung von Farbe absolut minimal ist. Trotzdem sieht es toll aus. Die Wahl der Typografie und der Bilder bilden eine Palette.

Eine Farbe, ein oder zwei Schattierungen von Dunkelgrau - Schwarz und Hellgrün:

Quelle

Wieder gute Verwendung von Typografie mit einigen netten Variationen und einem Hintergrund mit einer subtilen Textur, die das Ganze anhebt.

Paar Schattierungen auf farbigem Hintergrund - Grau(e) auf Rosa:

Quelle

Auffälliger farbiger Hintergrund und ein schöner Kontrast zum Inhalt. Diese Seite beweist für mich, dass Sie nicht 100% flach gehen müssen (einfarbige riesige quadratische Kacheln), um einfach und poliert zu sein.

Mehrere Farbtöne - Schwarz (dunkelviolett?), Weiß und Flieder:

Quelle

Diese Website konzentriert sich hauptsächlich auf Text und verwendet nur Lila-/Lila-Töne. Allerdings sieht es imho etwas schlicht aus.

Ich denke, die größte Herausforderung beim Erstellen einfarbiger Websites besteht darin, das Interesse des Benutzers nicht zu verlieren. Sie brauchen etwas, das etwas unerwartet und/oder schön ist, sei es Typografie oder Illustration. Und Sie brauchen auf jeden Fall einen guten Kontrast , je besser lesbar etwas ist, desto ansprechender wirkt es.

Das andere Element, das ich definitiv berücksichtigen würde, ist Vertrautheit . Beispielsweise möchten Sie, dass Ihre Schaltflächen wie Schaltflächen aussehen, und Sie möchten, dass Ihre Benutzer sie leicht erkennen können. Es ist nicht so einfach, eine Schaltfläche mit nur einer Farbe so offensichtlich zu machen, Sie müssen Identifikatoren hinzufügen, wie z. B. einen Rahmen. Ich denke also, dass Sie aus Sicht der Benutzerfreundlichkeit auf etwas größere Schwierigkeiten stoßen könnten .

Sie sollten so viele Farben verwenden, wie Sie brauchen, wenn Sie überhaupt welche brauchen, und nicht mehr und nicht weniger.

Denken Sie daran, dass sich „Farbe“ auch auf Grautöne beziehen kann. Oder ist es "grau"?

Es ist alles eine Meinung, ein Gefühl, das Design eines Designers. Wenn es für dich funktioniert, dann ist es gut.

Eigentlich ... würden Grautöne als Töne angesehen ... nicht als Farbe, da innerhalb aller Schattierungen von echtem Grau eine klar definierte Abwesenheit von Farbe besteht.
@Phlume Deshalb habe ich Farbe in Anführungszeichen gesetzt. Manche nennen das Aussehen von etwas seine „Farbe“.

Farbe definiert das Aussehen und die Ästhetik Ihrer Website. Aber auch Farbe kann und sollte verwendet werden, um den Benutzer durch Ihre Website zu führen. ZB könnten wichtige Schaltflächen oder Überschriften eine "Hervorhebungsfarbe" haben, um die Augen des Benutzers auf sie zu lenken, Links könnten und sollten eine andere Farbe als normaler Text oder Überschriften haben und so weiter. Die Anzahl der Farben, die Sie verwenden, sollte also auch vom Inhalt und der Funktionalität Ihrer Website beeinflusst werden. ;)

Das ist eine große Frage und ich denke, die beste Antwort lautet: Es kommt darauf an.

Ich betrachte Farbe nur als eines von vielen Werkzeugen, um eine klare Hierarchie zu schaffen . Sie könnten einfach Schwarzweiß verwenden und Größe, Schriftstärke und Platzierung verwenden, um einen klaren Fluss zu schaffen. Wenn die Website jedoch komplexer ist und viele Schaltflächen oder Aktionen enthält, benötigen Sie möglicherweise eine Hervorhebungsfarbe. Vielleicht vermittelt Schwarzweiß die Lebendigkeit oder Emotion der Website nicht effektiv. Also für mich kommt es darauf an.

Ich werde sagen, dass in den meisten Fällen 3 eine gute Startnummer ist und Sie hinzufügen oder abziehen können, wie es das Design und die Benutzeroberfläche erfordern.

Es gibt viele Theorien und Meinungen über Farbkombinationen, Komplementärfarben, das Ausbalancieren von Gewicht mit dunklen und hellen Farben, die Verwendung von Weißraum und so weiter.

Sie werden vielleicht unterschiedliche Antworten bekommen, aber die beste, die wirklich funktioniert, haben Sie bereits. Auf Ihrer Website ist drei die richtige Kombination.

Einige sehr schöne Seiten funktionieren sehr gut mit nur 2 Farben, einige mit zwei und einer subtilen Änderung des Schwebezustands, einige mit einem ganzen Regenbogen. Es hängt von Ihrem Inhalt, dem Geist Ihrer Website, der Ausgewogenheit aller Elemente, dem Kontrast usw. usw. ab.

Gibt es dafür auch irgendeinen Grund?

Ich nehme an, es gibt keinen einzigen Grund, sondern viele Theorien. Hier ist meins:

Wenn Sie bei jedem visuellen Designprojekt Farbe verwenden, müssen mindestens 3 zu den „großen Drei“ gehören:

  • Primärfarbe
  • sekundäre Farbe
  • Betonung/Hervorhebungsfarbe

In allgemeiner Hinsicht des Informationslayouts möchten Sie normalerweise ein gewisses Maß an Kontrast oder Hierarchie (primär und sekundär) und häufig eine Hervorhebungsfarbe für wirklich wichtige Elemente wie einen Aufruf zum Handeln.

Und ziemlich oft, wenn Sie all das haben, stellen Sie vielleicht fest, dass Sie nicht mehr brauchen (das alte Mantra „Behalten ist einfach, dumm“).