Gibt es Regeln für die gemeinsame Verwendung von warmen und kühlen Grautönen in Benutzeroberflächen?

Ich arbeite gerade an der Neugestaltung einer Web-App und möchte die Anzahl der verwendeten Farben reduzieren, insbesondere die vielen verschiedenen Grautöne - warm und kühl gemischt als Akzente für UI-Elemente und den Hintergrund.

Was ich mit dem neuen Farbkonzept erreichen möchte, ist, die Zuverlässigkeit und Vertrauenswürdigkeit zu erhöhen, indem ich Farben eliminiere, die irgendwie nicht passen. So bin ich auf diese verschiedenen Versionen von Grau gestoßen.

Ist es eine gute Idee, warme und kühle Grautöne in der Benutzeroberfläche einer Anwendung (Web oder Desktop) zu mischen, und wenn ja, wie ähnlich dürfen sie sein? Vor allem in Kombination mit einem kleinen Set an Akzentfarben?

Ich persönlich halte das für eine schlechte Idee, da unterschiedliche warme/kühle Grautöne (beide als „Hintergrundakzente“ verwendet) in meiner Ästhetik irgendwie nicht so gut zusammenpassen. Aber als Designer will ich das nicht nur Verlassen Sie sich auf persönliche Meinungen.Gibt es also irgendwelche Faustregeln oder Richtlinien, an die ich mich halten sollte?Bisher bin ich noch nicht auf Farbschemata gestoßen, die sowohl warme als auch kühle Grautöne enthalten.

Hallo, ich habe Teile Ihrer Frage geändert, um sie weniger meinungsbasiert zu machen. Fühlen Sie sich frei, ein Rollback durchzuführen, wenn Sie der Meinung sind, dass es jetzt zu abgeschlachtet ist.

Antworten (1)

Verlassen Sie sich auf Ihren Instinkt.

Geben Sie hier die Bildbeschreibung ein

Wie das obige Beispielbild zeigt, sind sie in Haptik und Farbe sehr unterschiedlich. Worauf es ankommt, ist die Art des Gefühls/der App, die Sie zu erstellen versuchen.

Wärmere Farben würden mich an eine Food-App oder ein Café erinnern, während kühlere Farben an eine Banking-App oder eine andere Art von Unternehmens-App erinnern würden. Beides sind getrennte Gefühle und Schwingungen. Ich würde weder beide verwenden, noch habe ich wirklich jemals beide in Kombination mit großer Wirkung gesehen.

Ich würde Ihre App/Site mit vorhandenen Beispielen vergleichen, um zu sehen, wie sie mit Grautönen umgehen. Im Allgemeinen neigen die meisten Websites zum helleren Spektrum und verwenden Grautöne im kühleren Spektrum, aber vergleichen Sie noch einmal Ihre App.


  1. Schauen Sie sich ähnliche Apps an und wie sie sie verwenden
  2. Bewerten Sie das Feeling/Look für Ihre App
  3. Entscheiden Sie, welche Sie verwenden möchten, aber verwenden Sie nicht beide.