Grün, Gelb und Rot können nicht zusammenpassen? Die Äthiopier müssen schrecklich beleidigt werden. Google für grüne, gelbe und rote Bilder, und ich denke, Sie finden mehrere attraktive Beispiele (zusammen mit hässlichen).
Wie gut ein Satz von Farben zusammenpasst, hängt von den genauen Farbkoordinaten und den relativen Positionen, Formen, Größen der farbigen Objekte und dem gewünschten Effekt ab (z. B. Beruhigen versus Aufregend, Spaß versus Ernst, Fett versus Subtil) ). Ich habe keine festen Regeln für Sie, aber hier sind einige Dinge, mit denen Sie experimentieren können.
Kompromiss zwischen Größensättigung
Um einen Störeffekt zu vermeiden (vorausgesetzt, Sie möchten das nicht), sollte die Größe des farbigen Objekts umgekehrt proportional zu seiner Farbsättigung sein. Ihr Beispiel hatte ziemlich hohe Sättigungen. Versuchen Sie also entweder niedrigere Farbsättigungen (z. B. Pastellfarben) oder färben Sie etwas anderes als den Hintergrund. Sie können beispielsweise den Text einfärben und den Hintergrund neutral lassen oder eine kleine Form oder ein kleines Symbol neben dem Text einfärben. Letzteres bietet die Möglichkeit, mithilfe der Form die Fähigkeitsübereinstimmung für Zugänglichkeits- und Schwarzweißdruckzwecke redundant zu codieren (grünes Häkchen für Erfüllt, gelbes Ausrufezeichen für Fehlbetrag und rotes Symbol „Nicht eingeben“ für Nicht gut genug). .
Abstand
Wie Farben aussehen, hängt von ihrer Nähe zueinander ab. Farben als Kollisionen, wenn benachbarte Farben mit einem kleinen Abstand in Ordnung aussehen. Versuchen Sie, eine neutrale Umrandung um jede Zelle zu setzen, um die Farben stärker zu trennen (wie in Ihren Überschriften), es sei denn, gleichfarbige Zellen, die zusammengefügt werden, haben eine Bedeutung, um als einzelnes Objekt wahrgenommen zu werden. Probieren Sie verschiedene Stärken aus. Versuchen Sie, jede Zelle durch weiße Ränder zu trennen , um einen gekachelten Look zu erzielen.
Muster
Wie gut Farben zusammenpassen, hängt auch vom Muster der Farben ab. Stellen Sie daher sicher, dass Sie Modelle mit typischen Proportionen und Positionen der Farben bewerten. Wenn zum Beispiel die meiste Zeit alles grün ist und es für Benutzer am wichtigsten ist, sich um „Glanzlichter“ von Gelb und Rot zu kümmern, wählen Sie ein Grün mit einem guten Hintergrund (z. B. niedrige Sättigung, Licht) sowie Gelb und Rot scheint „oben“ zu sitzen (z. B. höhere Sättigung, dunkel). Bedenken Sie, dass die Ästhetik des Musters auch den Benutzer kommunizieren und motivieren kann. Wenn der Benutzer über besonders ungeeignete oder unausgewogene Fähigkeiten verfügt, möchten Sie möglicherweise ein hässliches Muster. Das attraktivste Muster sollte dem Zustand entsprechen, der für den Benutzer am vorteilhaftesten ist.
Benutzerfreundlichkeit
Ihre Frage betrifft die Ästhetik, aber die Wahl der Farbcodierung hat auch erhebliche Auswirkungen auf die Benutzerfreundlichkeit. Ihre Farbauswahl sollte sein:
Optisch voneinander verschieden, insbesondere wenn es unter verschlechterten visuellen Bedingungen verwendet wird (z. B. auf einem Mobiltelefon im Sonnenlicht).
Sorgen Sie für einen guten Kontrast zum Hintergrund (im Vordergrund) oder zum Vordergrund (im Hintergrund). Zum Beispiel ist schwarzer Text auf Rot nicht so gut. Im Allgemeinen benötigen Vordergrund und Hintergrund unterschiedliche Helligkeitsstufen.
Stellen Sie sicher, dass die Farben mit dem Code übereinstimmen. Zum Beispiel sollten Dinge, auf die der Benutzer achten sollte, mehr Kontrast zum Hintergrund und anderen Farben bieten.
Bieten Sie Zugänglichkeit und Bedruckbarkeit, wobei jede Farbe auch einen anderen Dunkelheitsgrad aufweist, wobei die Dunkelheit auf die Ränge skaliert wird (Rot mehr als Gelb mehr als Grün). Machen Sie Ihr Grün etwas bläulich und / oder Ihr Rot etwas orange, damit rot-grüne farbenblinde Benutzer (die häufigste Art der Farbenblindheit) immer noch Farbunterschiede erkennen können.
Verwenden Sie die Farbcodierung nur für eine Variable. Ich weiß nicht, wofür Sie Grau und Orange verwenden, aber es kann zu Verwirrung führen und es den Benutzern erschweren, die Farben Rot, Grün und Gelb zu verwenden. Immer wenn Sie mehr als drei Farben haben, ist es schwierig, die Dinge nutzbar zu halten. Suchen Sie nach einer anderen Möglichkeit, um den grauen und orangefarbenen Code zu codieren (z. B. Schriftgröße oder -gewicht oder gestrichelte Linien für die Zellränder; siehe Einfügen des G in die GUI ).
In einem Projekt, an dem ich gearbeitet habe, waren die Farben # E00000, # FF8400 und # C0FFE0 (kein sehr gelbes Gelb, aber es hat immer noch funktioniert).
Ich habe mehr über die Auswahl von Farbcodes zu erfahren, einschließlich der Berechnung des Farb- und Helligkeitskontrasts unter Brechen des Farbcodes .
