Wie kann ich die Farbe Weiß so weiß wie möglich gestalten?

7

Beim Entwerfen von Websites und Anwendungen ist mir aufgefallen, dass beim Mischen von Farben mit Weiß bestimmte Farben Weiß "grünlicher" oder "lila" erscheinen lassen. Dies geschieht in viel größerem Maße, wenn Weißtöne verwendet werden.

Wie können wir als Designer verstehen, wie Weiß von den Farben beeinflusst wird, mit denen es kontrastiert?

color color-theory white

— Blurgoon
quelle

1

Es gibt keinen Weißeren als Weiß. aber Sie können einige kleine Farben hinzufügen, um das Gefühl von mehr Weiß "psychologisch" zu geben, können Sie 3% bis 5% Cyan hinzufügen. oder Sie können es in einer kontrastreichen Komposition (Weiß - Schwarz) darstellen

— hsawires

Ich wollte zuerst ja sagen. Weil es Unmengen von Büchern darüber gibt. Aber wenn Sie nach so etwas für den Bildschirm fragen, lautet die Antwort nein. Zum Beispiel haben einige Smartphones darin programmiert, Farben anzupassen, sodass Weiß bei geringerer Helligkeit (des Bildschirms durch den Benutzer) immer noch als Weiß wahrgenommen wird.

— SZCZERZO KŁY

Informationspunkt: Farbtöne werden durch Mischen mit Schwarz erzeugt. Farbtöne entstehen durch Mischen mit Weiß. Töne werden durch Mischen mit Grau erzeugt.

— Stan

@ SZCZERZOKŁY Sag ja. Dein erster Instinkt war richtig. Die Wahrnehmung ist unabhängig von der Art der Anzeige - Hard- oder Softcopy.

— Stan

6

Ich liebe diese Frage. Obwohl es zuerst komisch klang.

Farbverläufe

Diesen ersten Teil habe ich vor dem digitalen Zeitalter gelernt, indem ich die eigentliche Farbe gemischt habe.

Wenn Sie einen Farbverlauf direkt von Ihrer Grundfarbe zu Weiß erstellen, kann es manchmal zu einem unerwünschten Farbton kommen. Zum Beispiel hat Rot bis Weiß eine rosa Farbe. (Orange Pfeile)

Sie müssen die Farbe leicht auf einen helleren Teil des Farbkreises drehen. (Grüne Pfeile) zum Ausgleich.

Hier ist der Unterschied. Ich habe gerade ein wenig Gelb auf einem Fleck in der Mitte des Farbverlaufs hinzugefügt.

Gleiches gilt für die dunkleren Farbverläufe. Besonders mit dem Gelb

Die Höhe der "Korrektur" hängt vom Projekt ab.

— Rafael
quelle

3

Hallo @Rafael, während Ihre Antwort lehrreich ist und den OP-Master-Gradienteneffekten helfen kann, wie beantwortet dies seine Frage? Er erwähnte nichts über "Farbverläufe", er sagte nur, Farben zu mischen, was darauf hindeuten könnte, einen grünen Behälter mit einem rosa Bild auf einer weißen Körperfarbe zu haben ...

— Alin

Hallo Alin. Zitat: "Dies passiert in viel größerem Maße, wenn Weißtöne verwendet werden." Ich betrachte "verschiedene Weißtöne" wie einen Farbverlauf. Dies gilt aber auch für Swaches. Wenn Sie möchten, dass etwas als "hellrot" angezeigt wird, können Sie etwas Gelb hinzufügen.

— Rafael

2

Klar, ich stimme zu, aber die Frage ist, wie man Weiß aussehen lässt ... mehr Weiß? Welche Farben subtrahieren das 'Weiß' von Weiß nicht visuell, damit es weniger weiß erscheint, auch wenn die Farbe auf #FFF eingestellt ist ... Ich war auch persönlich an diesem Thema interessiert, deshalb frage ich . Gute Nacht.

— Alin

3

Was Sie erklären, passiert eigentlich mit allen Farben, ist aber bei Weißen möglicherweise offensichtlicher.

Die Hauptfarbe, insbesondere wenn sie in vielen verschiedenen Tönen oder Schattierungen verwendet wird, erzeugt die Illusion, dass der Rest des Layouts ebenfalls einen Farbton aufweist. Manchmal hat diese chromatische Illusion einige Vorteile, zum Beispiel bei der Dekoration und Malerei.

Sie können die Reflexion der dominanten Farbe auf den anderen Farben nicht steuern, aber Sie können zumindest diese chromatische Illusion steuern. Ich denke, dass die Reflexion auf Mobiltelefonen noch schlimmer sein könnte.

Der einzige Weg, dies auszugleichen, besteht darin, neutralere Farben als dominante zu verwenden oder Farben zu verwenden, die sich gegenseitig "aufheben". Keine leichte Aufgabe, aber so betrügen viele Designer, um diese Illusion loszuwerden.

Wenn Sie das von einer roten Layout-App erstellte rosa Weiß dennoch abbrechen möchten, müssen Sie möglicherweise ein Weiß verwenden, das etwas Blau oder Gelb enthält. Zumindest können Sie wählen, wie das Weiß sein soll. Da Rot oft als eine sehr männliche Farbe angesehen wird, werden Sie (oder Ihre Kunden) dieses rosa Weiß vielleicht nicht schätzen, aber sie werden es wahrscheinlich besser finden, wenn es sehr hellgrau-blau oder gelb ist, und tatsächlich wird es immer noch aussehen Weiß.

Sie können diese Weißtöne nur verwenden, wenn sie von einem starken Bereich der dominierenden Farbe umgeben sind, und in anderen Bereichen, in denen die Umgebung neutraler ist, ein normales Weiß verwenden. Der Unterschied wird kaum sichtbar sein.

Quelle und andere Illusion zu sehen:

http://www.psy.ritsumei.ac.jp/~akitaoka/color12e.html

Ein anderes Beispiel:

Quelle, einen Blick wert, viele chromatische Illusionen:

http://www.slideshare.net/viorea4u/aiykioshi-kitaoka-optical-illusions

Noch eine: Nur 2 Hühnerfarben

Quelle:

http://puzzlewocky.com/optical-illusions/color-illusions/chicken-coop-illusion/

— Go-Junta
quelle

3

Es hat mit Komplementärfarben zu tun. Die weiße Farbe erhält einen Farbton, der der angrenzenden Farbe entgegengesetzt ist. Beispiel: Gelb und Blau ergänzen sich, sodass Gelb der angrenzenden Farbe einen blauen Farbton verleiht.

Der Effekt ist stärker ausgeprägt, wenn die nebeneinander liegenden Farben komplementär sind. Deshalb sehen Sie eine noch größere Farbverschiebung, wenn das Weiß einen Farbton hat.

Um den Effekt zu kompensieren, können Sie versuchen, dem Weiß eine analoge Farbe hinzuzufügen.

Hier einige Referenzen: http://www.webexhibits.org/colorart/contrast.html

— Ricardo Durski
quelle

Angenommen, ich habe einen Weißton: rgb (254, 254, 250). Wenn ich es reiner "weiß" (dh rgb (255,255,255)) aussehen lassen möchte, sollte ich dem Weißton idealerweise einen größeren Blauton ('b') auferlegen, damit er dem reinen Weiß näher kommt. Daher sollte ich meinen Weißton mit Gelb mischen. Hab ich recht?

— Blurgoon

0

Wie können wir als Designer verstehen, wie Weiß von den Farben beeinflusst wird, mit denen es kontrastiert?

go-junta lieferte schöne Beispiele. Ich werde versuchen zu erklären, was es ist und wie ich mehr über den Gesamteffekt herausfinden kann.

Dieses Phänomen der Wahrnehmung wird als "Adjazenzeffekt" bezeichnet. Suchen Sie nach dem Begriff für die Erkundung des "Effekts der Umgebung".

Ein anderes Beispiel ist die Cornsweet Illusion, bei der der Effekt verwendet wird, um den wahrgenommenen Kontrast zwischen zwei Tönen zu erhöhen. Cornsweet Illusion

PhotoShop nutzt dies mit dem Filter "Unscharfe Maskierung", um Kanten zu "schärfen". Dies schärft die Kanten nicht so sehr, als dass die Kanten so behandelt werden, dass sie mit erhöhtem lokalen Kontrast schärfer "erscheinen".

Allgemeine Regel: Um einen Effekt zu erhöhen, platzieren Sie ihn so, dass der maximale Kontrast erzielt wird. Um Weiß "weißer" zu machen, platzieren Sie es neben dunkleren Schattierungen und Tönen.

— Stan
quelle