Ich muss eine Palette mit vier Farben auswählen, die die folgenden zwei Bedingungen erfüllt:

  1. Farbenblinde Menschen können leicht alle vier Farben unterscheiden.
  2. Menschen mit normalem Farbsehen können jede meiner Farben eindeutig mit einem der Namen „grün“, „blau“, „gelb“ identifizieren. und „rot“.

Für den Kontext mache ich eine Videospielversion eines Brettspiels, das Standard Icehouse-Teile . Die Form, Größe, Position und Ausrichtung der Teile sind alle für das Gameplay relevant, daher kann ich keine von ihnen als Ersatz für Farbe verwenden. Außerdem wird jede der Farben in den Regeln namentlich erwähnt, sodass die Verwendung von Farben, die mehrdeutig sind oder nicht mit den Originalfarben zusammenhängen, für Personen, die mit dem ursprünglichen Brettspiel vertraut sind, verwirrend wäre.

Was ist meine beste Option?

Kommentare

  • Möchten Sie alle Arten von Farbenblindheit oder nur einige davon ansprechen? de.wikipedia.org/wiki/Color_blindness#Classification
  • Für rot-grüne Farbenblindheit: Stellen Sie einfach sicher, dass Rot und Grün viel dunkler sind als die andere.
  • Alle Arten von Farbenblindheit zu nehmen ist unmöglich, weil verschiedene Arten von Farbenblindheit unterschiedlich sehen.
  • Vielleicht möchten Sie berücksichtigen, dass farbenblinde Menschen möglicherweise nicht einmal auf die Farbcodierung achten. Ich habe dies selbst bemerkt, als ich den Atem der Wildnis gespielt habe. Ich musste einen Online-Leitfaden lesen, um zu erkennen, dass die Schreine blau und gelb farbcodiert sind sehe die Farben aber ich Ich denke, ich ‚ bin es nicht gewohnt, Farbcodierung zu verwenden.
  • Benötigen Sie einen Farbton oder eine Farbe? Ein gängiger Ansatz besteht darin, einfach unterschiedliche Werte oder Sättigungen für die verschiedenen Farben zu verwenden. Dies nehmen Systeme wie cubehelix .

Antwort

Würden Muster für Ihren Anwendungsfall funktionieren?

Sie können Form, Größe, Position und Ausrichtung für beibehalten jeweils und haben einen „Farbenblindheitsmodus“, in dem anstelle von Farben zur Unterscheidung der Elemente Muster verwendet werden.

Zum Beispiel könnte Blau parallele Linien sein, Rot könnte ein Punktmuster sein, Gelb könnte ein Kreuz sein -Schraffur und Grün können Zick-Zack-Linien oder Wellenlinien sein.

Auf diese Weise können Sie alle Arten von Farbenblindheit berücksichtigen (einschließlich Monochromie – vollständige Farbenblindheit) in einer Weise, die nicht von der Ausrichtung oder Größe eines Elements abhängt (das größte Problem bei Mustern, wenn sie auf Skalierung beruhen).

Update

Wie in einem Kommentar erwähnt, wenn Ihre Spielästhetik dies zulässt Warum nicht die Farben und als Muster verwenden, ohne dass eine zusätzliche Einstellung erforderlich ist.

Stellen Sie einfach sicher dass das Muster und der Hintergrund ein ausreichend hohes Kontrastverhältnis haben, idealerweise 7: 1, aber 3: 1 ist für WCAG AAA ausreichend, da es sich um ein grafisches Objekt / einen grafischen Benutzer handelt Schnittstellenkomponente ( Nicht-Textkontrast ).

Kommentare

  • Sie können dies vermeiden Der “ Blindheitsmodus “ verwendet beide. Muster mit Farbe: blaue Wellenlinien, rote Punkte …
  • yup gültiger Punkt! Wenn dies für die Spielästhetik angemessen ist, stimmen 100% zu.
  • hat meine Antwort bearbeitet, um Ihren Standpunkt widerzuspiegeln.
  • Dies ist eine sehr häufige Methode, um dies in vielen physischen Brettern / Karten zu tun Spiele. Als jemand mit relativ geringer Farbenblindheit finde ich das sehr hilfreich. Diese “ Fahrkarten “ Karten unterscheiden sich hauptsächlich durch die Farbe, haben jedoch ein kleines Symbol in der Ecke: blog-cdn.daysofwonder.com/dow-uploads/2013/02/t2r-cards.jpg
  • @neil Ich weiß nicht, ich habe versucht, Ticket zu spielen mit meinen Eltern zu fahren, die mir keine Farbenblindheit bewusst sind, aber sie hatten große Schwierigkeiten, die Karten in der etwas schwachen Beleuchtung zu unterscheiden, in der wir spielten. Das Spiel war für sie immens frustrierend, was schade ist, weil Beide spielten als Familie gerne Brettspiele und ich wollte ihnen einige bessere vorstellen als den Hinweis und das Monopol, die wir früher gespielt haben. Die Symbole sind vorhanden, aber es hat viel länger gedauert, bis sie übereinstimmen, insbesondere bei Routen, die weit von ihrem Sitzplatz entfernt waren.

Antwort

Betrachten Sie die folgenden „farbenblind freundliche Palette „ hier Bildbeschreibung eingeben

Ich denke, diese Palette hat Farben, die leicht als grün (4.), gelb (5.), blau (3. oder 6.) und rot (7.) interpretiert werden können.

Kommentare

  • Insbesondere wenn ich dieses Bild durch Filter stecke, die Protanopie oder Deuteranopie simulieren, scheint 4 7 schrecklich ähnlich zu sein.
  • Als jemand mit einem starken Fall von Protanomalie kann ich Ihnen sagen, dass die Farben 4, 5, 6 und 7 für mich in dieser Größe und Entfernung unterscheidbar sind. 4/5/6 wäre bei grundsätzlich jeder Größe / Entfernung unterscheidbar, ebenso wie 5/6/7 … aber 4 und 7 wären schwer zu unterscheiden, wenn sie sehr klein wären (denken Sie an 16×16 Pixel) und es ‚ ist schwieriger zu unterscheiden, je weiter sie voneinander entfernt sind.
  • ‚ ist wahrscheinlich auch schwieriger zu unterscheiden schnell . Wenn Sie ‚ ein zeitbasiertes Farbspiel erstellen, wird das Anzeigen von 4 und 7 auf demselben Bildschirm wahrscheinlich eine unbeabsichtigte Herausforderung darstellen.
  • Hm. ‚ ist schwer zu sagen, ohne es tatsächlich zu versuchen, aber ich ‚ vermute, dass es schwierig sein würde.
  • Beachten Sie auch, dass ich selbst als Erwachsener Schwierigkeiten habe, Farben zu benennen . Wenn Sie mir diese Palette zeigen und mich bitten würden, # 6 zu nennen, würde ich Ihnen wahrscheinlich sagen, “ lila „.
  • Antwort

    Als farbenblinde Person – danke. Und mögen die Erfinder der Farben der LEDs (*) für immer in der Hölle brennen. (da jeder diesen Kommentar zu ernst nimmt, entferne ich ihn und Lassen Sie alle nach Walhall gehen, ob sie die LED erfunden haben oder nicht 🙂

    Wenn ich das von meiner Brust habe, würde ich vorschlagen, Ihren Benutzern etwas zu geben eine Auswahl .

    Sie werden nicht alle Arten von Farbenblindheit auf einmal behandeln (was ich als unterschiedliche Farben sehe, kann für andere gleich sein und umgekehrt). Auf der anderen Seite können wir natürlich einen Unterschied in den Farben sehen, wenn wir können.

    Mit anderen Worten, Sie sehen

    [color1] [color2] [color3] 

    Ich sehe

    [color1] [color2] [color2] 

    Jemand, der farbenblind ist, sieht

    [color1-ish] [color2] [color3-ish] 

    als verschiedene „Farben“ ( Vielleicht nicht die, die Sie sehen – aber anders).

    Sie können also mehrere Paletten von

    [green] [blue] [yellow] [red] 

    haben und den Benutzer die auswählen lassen Eines, bei dem alle Felder von ihnen verschieden sind.


    (*) the kleine runde Lampen, die den Status auf elektronischen Geräten anzeigen – jede von ihnen kann mehrere Farben haben (die ich nicht unterscheide)

    Kommentare

    • @Beejamin: ja die Farben der LEDs (die runden Lampen, die den Status anzeigen) auf elektronischen Geräten. Ich weiß nie, wann sie rot, orange oder grün sind, weil die Farben mir sehr nahe stehen. Ich habe einmal einen Router FÜNF MAL geflasht, weil er jedes Mal ausfiel. Dann ging mein Bruder vorbei, fragte mich, was ich mache und er sagte mir, dass die LED tatsächlich grün ist … OTOH Als ich ein Kind war, sagte ein Arzt meinem Vater, dass ich niemals Ingenieur werden und in der Wissenschaft arbeiten würde. Dr. Stupid, wenn Sie mich hören, hören Sie auf, dies Kindern zu erzählen, weil einige auf Ihren Unsinn hören werden. Signiert: Ingenieur und Doktor der Physik
    • @Beejamin: aaaah, ich habe einen Tippfehler gemacht, ich meinte natürlich OF LEDs. Aktualisiere das. Auch der Arzt aus dem vorherigen Kommentar sagte dies aufgrund von Farbenblindheit (als Abschreckung für die Arbeit in der Wissenschaft).
    • Die Farben von LEDs (zumindest ältere) waren eher eine technische Einschränkung als eine Designentscheidung. Rot, Gelb / Bernstein und Grün waren ursprünglich die einzigen Farben, die sie produzieren konnten. Blau und Weiß kamen später und ermöglichten farbige LED-Anzeigen. (Interessanterweise können Sie diese Tatsache verwenden, um Scifi zu datieren – z. B. in Star Trek TNG. Jedes Mal, wenn sie den Kopf von Data ‚ öffnen, um sein positronisches Netz zu zeigen, blinkt es ein wenig LEDs, alle rot, gelb und grün, da dies zu diesem Zeitpunkt die einzigen verfügbaren Farben waren.)
    • @WoJ Die Farben der LEDs haben nichts damit zu tun. Wie Sie selbst sagten, besteht das Problem nicht darin, dass ‚ nicht die Farbe, sondern ‚ darin besteht, dass elektronische Geräte, die die LEDs verwenden, nicht ‚ ist nicht immer auf die Position angewiesen. Und wie Darrel Hoffman betonte, wurden die Farben der LEDs selbst nicht ‚ für ihre Farbe ausgewählt. Die LED-Erfinder zu beschuldigen ist wie Neonlicht-Erfinder für die spezifischen Farben von Neonlichtern zu beschuldigen.
    • @WoJ Sie möchten also alle Designer sehen, die verschiedene Signale in einer LED-Anzeige zusammengeführt haben (Ladegerät: grün – voll aufgeladen, grün blinkend – fast da, gelb – 2/3, gelb blinkend – 1/3, rot – leer) in der Hölle eher diejenigen, die die eigentliche LED erfinden.

    Antwort

    Es ist zwar lobenswert, diesen Faktor zu berücksichtigen, aber Sie müssen hier auch über das Gesamtbild nachdenken. Das heißt, Sie versuchen, ein Spiel zu erstellen, an dem möglichst viele Menschen interessiert sein sollen.

    Wie Sie selbst gesagt haben, sind die vier Farben, die Sie aufgelistet haben, bereits ein etablierter Satz, mit dem Ihre Zielgruppe nicht nur vertraut sein wird, sondern wahrscheinlich auch ziemlich erwartet, dass sie gleich sind.

    Wenn dies gesagt ist, bleiben Sie bei den ursprünglichen 4 Farben als Standard .

    Nun, wenn Sie möchten zusätzliche Anstrengungen unternehmen, um die Farbenblindheit zu unterstützen, die Sie anscheinend möchten, und dann keine Ecken abschneiden und es richtig machen. Machen Sie es zu einem Benutzer Option, um eine Farbpalette auswählen zu können . Entweder haben Sie einige verschiedene voreingestellte Optionen für die verschiedenen Arten der Farbenblindheit, oder gehen Sie darüber hinaus und lassen Sie den Benutzer ihre eigene auswählen 4 Farben.

    Die Verwendung von Mustern wird für die Mehrheit Ihrer Benutzer wahrscheinlich nicht ästhetisch ansprechend sein. Schießen Sie sich also nicht in den Fuß, indem Sie die vielen, nur die wenigen bitte abschrecken.

    Damit bleibt die Frage: w Was ist mit den Regeln, die nicht übereinstimmen?

    Nun, wenn die Regeln physisch gedruckt und / oder in einem einzelnen nicht dynamischen elektronischen Dokument sind, können Sie nicht viel tun. Dies ist umso mehr ein Grund, standardmäßig die Originalfarben beizubehalten.

    Wenn Sie jedoch die Regeln in die Benutzeroberfläche Ihres Spiels integriert haben, sollte es nicht zu aufwändig sein, die Instanz zu erstellen Variable „Farbname“: sowohl in der visuellen Farbe als auch im Anzeigenamen. Wenn der Benutzer eine andere Palette ausgewählt hat, spiegeln Sie diese Auswahl grundsätzlich überall dort wider, wo auf die Farbe in der Benutzeroberfläche verwiesen wird.

    Kurz gesagt, diese Szenarien sollten immer optional sein. Benachteiligen Sie Ihre Anwendung nicht, indem Sie allen Benutzern dieselben Usability-Regeln aufzwingen.

    Antwort

    In der Wissenschaft / Datenwissenschaft sind die Viridis-Farbpaletten in den letzten Jahren sehr beliebt geworden, um farbenblinde, freundliche Figuren zu erstellen. Es richtet sich an R-Programmierer, aber hier ist ein Link zu einem wirklich guten Artikel zum Thema: Die Viridis-Farbpaletten

    Nr Die Palette passt zu jeder Form von Farbenblindheit, aber diese bieten eine Handvoll, die relativ ästhetisch ansprechend sein sollen und dennoch die 2 oder 3 häufigsten Formen der Farbenblindheit berücksichtigen. Wenn ich Figuren erstelle, bei denen ich 2-4 diskrete Farben benötige, wähle ich Farben mit gleichem Abstand entlang der Farbskalen aus. Mehr als das, und ich beginne darüber nachzudenken, andere Dinge wie Formen zu integrieren, um Dinge besser unterscheiden zu können. Um die Sache ein wenig einfacher zu machen (und für die Nachwelt), füge ich eine modifizierte Version des Bildes bei, die ihre Farbpaletten zeigt. Die eingekreisten / nummerierten Bereiche zeigen ungefähr, wo Sie Ihre Farben auswählen würden: Geben Sie hier die Bildbeschreibung ein.

    So können beispielsweise nicht farbenblinde Benutzer mit dem „Inferno“ das interpretieren Farben wie „gelb“, „orange“, „lila“ und „schwarz“.

    Und abhängig von den anderen Aspekten des Zeichnens finde ich manchmal, dass ich die Farben auch nicht haben kann hell oder zu dunkel, in diesem Fall beschneide ich nur das eine oder andere Ende der Farbpalette leicht und nehme dann meine Farben von äquidistanten Punkten entlang dieser, aber auch hier müssen Sie vorsichtig sein, denn wenn die Punkte entlang der Palette sind Wenn sie zu nahe beieinander liegen, wird es schwierig, sie als diskrete Farben zu unterscheiden.

    Und wie bereits erwähnt, sollten Sie eine Einstellung für die Auswahl von Paletten in Betracht ziehen. Dies gibt Ihnen die größte Flexibilität, um sicherzustellen, dass jeder sie findet Das Spiel ist ästhetisch ansprechend.

    Bearbeiten: Als ich zurückging und die Frage noch einmal las, wurde mir klar, dass ich übersehen habe, dass OP wahrscheinlich bedeutete, dass sie diese 4 Farben speziell beibehalten und nur Varianten finden wollten, die farbenblind freundlich sind

    Antwort

    Diese 4 sehr grundlegenden Farben sind für die meisten farbenblinden Menschen eher unterscheidbar. Es sind die Halbtöne und Nuancen, die die meisten farbenblinden Menschen nicht unterscheiden können.

    (Wenn Sie an das RGB-Farbmodell denken, sind die häufigsten Arten der Farbenblindheit entweder das Übersprechen zwischen R und G-Signal oder seltene Typen, denen das R-, G- und / oder B-Signal fehlt)

    Wenn Sie Optionen hinzufügen müssen, um das Publikum zu erweitern, ist es das Gelb (dh R + G) Sie können zu Lila (R + B) oder Cyan (G + B) wechseln, um das R-G-Band nicht zu überfüllen.

    Kommentare

    • Ich kann ‚ Gelb nicht in Lila oder Cyan ändern, ohne meine andere Anforderung zu verletzen.
    • Andererseits ist das Gelb der übliche Täter bei der Farbenblindheit. Es tendiert einfach zu Rot oder Grün. Wenn Sie es in etwas völlig anderes ändern, können Sie die Namen der anderen 3 behalten. Es ist weniger als nichts und Sie können andere Dinge anpassen (oder auch nicht).
    • Ich würde stark dass Sie garantieren können, dass “ rot “ und “ grün “ sind für alle Benutzer unterscheidbar, insbesondere rot-grüne Farbenblindheit. Sicherlich werden einige Rottöne für mich immer als rot angesehen, und das Gleiche gilt für Grün. Trotzdem gibt es ‚ ein anständiges Farbband, in dem ich ‚ nicht sicher sein kann, welches es ist, oder selbst wenn es ‚ ist eine beliebige Farbe im Farbfeld. Hellgrün ist für mich grau. Die meisten grünen Ampeln sehen für mich bis heute weiß aus.
    • @ RossPresser Ich garantiere nichts, wenn ich ‚ bin. Es gibt viele Varianten der Farbenblindheit und fast alle können schwächer oder stärker sein. Ich sage nur, wenn man überhaupt in der Lage ist, zwischen “ pure “ (wie im RGB-Modell) Rot und Grün zu unterscheiden, gelb ( Eine Mischung aus Rot und Grün im selben RGB-Modell ist möglicherweise schwieriger zu unterscheiden als Rot und / oder Grün. Das OP sagte, dass das Spiel transparente farbige Blöcke verwendet, so dass keine Intensitäts- / Sättigungsunterschiede verwendet werden können, nur Farbtöne.

    Antwort

    @musefan hat die beste Antwort!

    Die Musteridee klingt gut, sieht aber gut aus Wenn Sie das Spiel kennen und wissen, wie es funktioniert, werden die Dinge komplexer.

    Verwenden Sie die Originalfarben, damit die Spieler sie erkennen, erhalten Sie jedoch eine Eingabeaufforderung, wenn das Spiel zum ersten Mal verwendet wird, und geben Sie die Option für verschiedene Farbpaletten an. Richten Sie Farbpalettenalternativen mit einem Plugin wie Sim Daltonism oder ähnlichem ein, um zu helfen, und überlassen Sie es dem Benutzer, zu entscheiden.

    Dann können Sie irgendwann sehen, welche Paletten Benutzer am häufigsten verwenden.

    Schreibe einen Kommentar

    Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.