Kolory przyjazne dla daltonistów o nazwie “ zielony ”, “ niebieski ”, “ żółty ” i “ czerwony ”

Czy wzorce będą działać w Twoim przypadku użycia?

Możesz zachować ten sam kształt, rozmiar, położenie i orientację każdy z nich i mają „tryb daltonizmu”, w którym zamiast kolorów do rozróżniania elementów używasz wzorów.

Na przykład niebieski może być liniami równoległymi, czerwony może być wzorem kropek, żółty może być krzyżem -kreskowanie i kolor zielony mogą być liniami zygzakowatymi lub falistymi.

W ten sposób możesz uwzględnić wszystkie rodzaje ślepoty barw (w tym monochromacja – całkowita ślepota kolorów) w sposób niezależny od orientacji lub rozmiaru elementu (największy problem z wzorami, jeśli opierają się na skali).

Aktualizacja

Jak wskazano w komentarzu, jeśli pozwala na to estetyka gry dlaczego nie użyć koloru i wzoru, unikając konieczności dodatkowego ustawienia.

Po prostu upewnij się, że że wzór i tło mają wystarczająco wysoki współczynnik kontrastu , idealnie 7: 1, ale 3: 1 jest wystarczające dla WCAG AAA, ponieważ jest to obiekt graficzny / użytkownik Komponent interfejsu ( kontrast inny niż tekst ).

Komentarze

• Możesz uniknąć ” tryb ślepoty ” przy użyciu obu. Wzór z kolorem: niebieskie faliste linie, czerwone kropki …
• tak, ważny punkt! Jeśli jest to odpowiednie dla estetyki gry, to w 100% się zgadzam.
• zredagowałem moją odpowiedź, aby odzwierciedlić twój punkt widzenia.
• Jest to bardzo powszechny sposób robienia tego na wielu fizycznych planszach / kartach Gry. Jako osoba ze stosunkowo niewielką ślepotą barw uważam to za bardzo pomocne. Na przykład te karty ” Ticket to Ride ” wyróżniają się przede wszystkim kolorem, ale mają mały symbol w rogu: blog-cdn.daysofwonder.com/dow-uploads/2013/02/t2r-cards.jpg
• @neil Nie wiem, próbowałem zagrać w Ticket Jeździć z rodzicami, którzy nie cierpią na daltonizm, o którym wiem, ale mieli duże trudności z rozróżnieniem kart w nieco słabym oświetleniu, w którym graliśmy. Gra była dla nich ogromnie frustrująca, a szkoda, ponieważ oboje lubili grać w gry planszowe jako rodzina i chciałem przedstawić im kilka lepszych niż Clue i Monopoly, w które graliśmy. Symbole tam są, ale dopasowanie ich zajęło dużo więcej czasu, zwłaszcza w przypadku tras, które były daleko od miejsca, w którym siedzieli.

Weź pod uwagę następujące „daltonizm przyjazna paleta „

Myślę, że ta paleta ma kolory, które można łatwo zinterpretować jako zielony (4.), żółty (5.), niebieski (3. lub 6.) i czerwony (7.).

Komentarze

• W szczególności, kiedy przepuszczam ten obraz przez filtry symulujące protanopię lub deuteranopię, 4 wydaje się strasznie podobny do 7.
• Jako osoba z silnym przypadkiem protanomalii mogę powiedzieć, że kolory 4, 5, 6 i 7 są dla mnie rozpoznawalne, przy tej wielkości i odległości . 4/5/6 byłby rozróżnialny praktycznie w każdym rozmiarze / odległości, tak jak 5/6/7 … ale 4 i 7 byłyby trudne do odróżnienia, gdyby były bardzo małe (myślę, że 16×16 pikseli) i ' jest trudniejsze do odróżnienia, im są dalej od siebie.
• To ' jest prawdopodobnie trudniejsze do odróżnienia szybko . Jeśli ' tworzysz grę w kolorze opartą na czasie, wyświetlenie 4 i 7 na tym samym ekranie prawdopodobnie doda niezamierzone wyzwanie.
• Hm. Trudno powiedzieć ' bez spróbowania tego, ale ' zgaduję, że byłoby to trudne.
• Zauważ też, że mam problem z nazywaniem kolorów, nawet jako dorosły. Gdybyś pokazał mi tę paletę i poprosił mnie o nazwanie nr 6, prawdopodobnie powiedziałbym ci ” fioletowy „.

Jako osoba daltonistyczna – dziękuję. I niech wynalazcy kolorów diod LED ^(*) płoną w piekle na wieczność. ^{(ponieważ wszyscy traktują ten komentarz zbyt poważnie, usuwam go i niech wszyscy udają się do Walhalli, niezależnie od tego, czy wymyślili diodę LED, czy nie 🙂}

Mając to z mojej piersi, Proponuję dać użytkownikom wybór .

Nie pokryjesz wszystkich typów daltonizmów za jednym razem (to, co widzę jako różne kolory, może być takie samo dla kogoś innego i na odwrót). Z drugiej strony możemy oczywiście zauważyć różnicę w kolorach, jeśli możemy.

Innymi słowy, widzisz

[color1] [color2] [color3] 

Widzę

[color1] [color2] [color2] 

Ktoś ze ślepotą kolorów zobaczy

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

jako różne „kolory” ( może nie te, które widzisz – ale inne).

Możesz więc mieć kilka palet

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

i pozwolić użytkownikowi wybrać taki, w którym wszystkie pola są inne od nich .

^{(*) małe okrągłe lampki sygnalizujące stan urządzeń elektronicznych – każda z nich może mieć kilka kolorów (których nie rozróżniam)}

Komentarze

• @Beejamin: tak kolory diod LED (okrągłych lampek wskazujących stan) na urządzeniach elektronicznych. Nigdy nie wiem, czy są czerwone, pomarańczowe czy zielone, ponieważ kolory są mi bardzo bliskie. Kiedyś błysnąłem routera PIĘĆ RAZY, ponieważ za każdym razem zawodził. Potem przeszedł mój brat, zapytał mnie, co robię i powiedział, że dioda jest tak naprawdę zielona … OTOH, kiedy byłem dzieckiem, lekarz powiedział mojemu ojcu, że nigdy nie będę inżynierem i nie będę pracował w nauce. Dr Głupi, jeśli mnie słyszysz, przestań mówić to dzieciom, ponieważ niektóre będą słuchać twoich bzdur. Podpis: inżynier i doktor fizyki
• @Beejamin: aaaah, popełniłem literówkę, chodziło mi oczywiście o diody LED. Aktualizuję to. Również lekarz z poprzedniego komentarza powiedział to ze względu na daltonizm (jako środek odstraszający przed pracą w nauce)
• Kolory diod LED (przynajmniej starszych) były raczej ograniczeniem technicznym niż decyzją projektową. Czerwony, żółty / bursztynowy i zielony były pierwotnie jedynymi kolorami, jakie mogli wytworzyć. Później pojawił się niebieski i biały, umożliwiając pełnokolorowe wyświetlacze LED. (Co ciekawe, możesz wykorzystać ten fakt do daty scifi – np. W Star Trek TNG, za każdym razem, gdy otwierają głowę Data ', aby pokazać swoją pozytywną sieć, ma kilka mrugnięć Diody LED, wszystkie czerwone, żółte i zielone, ponieważ były to jedyne dostępne wówczas kolory.)
• @WoJ Kolory diod nie mają z tym nic wspólnego. Jak sam powiedziałeś, problemem nie jest ' kolor, to ' to, że urządzenia elektroniczne korzystające z diod LED nie ' t zawsze polegam na pozycji. Jak zauważył Darrel Hoffman, kolory samych diod LED nie zostały ' wybrane ze względu na ich kolor. Obwinianie wynalazców diod LED jest jak obwinianie wynalazców neonów za specyficzne kolory neonów.
• @WoJ Więc chciałbyś zobaczyć wszystkich projektantów, którzy zdecydowali się na połączenie różnych sygnałów w jednym wskaźniku LED (ładowarka: zielona – w pełni naładowana, zielona migająca – prawie gotowe, bursztynowa – 2/3, bursztynowa migająca – 1/3, czerwony – pusty) w piekle raczej ci, którzy wymyślili rzeczywistą diodę LED.

Chociaż rozważenie tego czynnika jest godne pochwały, należy tu również pomyśleć o szerszej perspektywie. Oznacza to, że chcesz stworzyć grę, w której chcesz, aby jak najwięcej osób było zainteresowanych graniem.

Jak sam powiedziałeś, cztery wymienione przez Ciebie kolory są już ustalonym zestawem, z którym Twoi docelowi odbiorcy nie tylko będą zaznajomieni, ale prawdopodobnie będą się spodziewać, że będą takie same.

Mając to na uwadze, trzymaj się oryginalnych 4 kolorów jako domyślnych .

Teraz, jeśli chcesz włożyć dodatkowy wysiłek w obsługę ślepoty barw, której wydaje się, że chcesz, a następnie nie tnij żadnych rogów i rób to we właściwy sposób. Uczyń z tego użytkownika możliwość wyboru palety kolorów . Możesz mieć kilka różnych wstępnie ustawionych opcji dla różnych typów ślepoty barw lub przejść do góry i pozwolić użytkownikowi wybrać własną 4 kolorów.

Używanie wzorów prawdopodobnie nie będzie wyglądać estetycznie dla większości użytkowników, więc nie strzelaj sobie w stopę, odkładając wiele, tylko kilka, które sprawią przyjemność.

Pozostaje więc pytanie: w a co z regułami, które nie pasują do siebie?

Cóż, jeśli reguły są fizycznie drukowane i / lub w pojedynczym niedynamicznym dokumencie elektronicznym, wtedy niewiele można zrobić. Tym bardziej warto trzymać się oryginalnych kolorów jako domyślnych.

Jeśli jednak reguły są wbudowane w interfejs gry, nie powinno być zbyt wiele wysiłku, aby utworzyć instancję Zmienna „nazwa koloru”: zarówno w kolorze wizualnym, jak i w wyświetlanej nazwie. Zasadniczo, jeśli użytkownik wybrał inną paletę, zaznacz ten wybór wszędzie tam, gdzie odwołuje się do koloru w interfejsie użytkownika.

Krótko mówiąc, te rodzaj scenariuszy powinien być zawsze opcjonalny. Nie stawiaj swojej aplikacji w niekorzystnej sytuacji, wymuszając te same reguły użyteczności dla wszystkich użytkowników.

W nauce / nauce o danych palaty kolorów viridis stały się bardzo popularne w ciągu ostatnich kilku lat do tworzenia postaci przyjaznych dla daltonistów. Jest przeznaczony dla programistów R, ale tutaj jest link do naprawdę dobrego artykułu na ten temat: Palety kolorów Viridis

Nie Paleta będzie pasować do każdej formy daltonizmu, ale zapewnia kilka, które mają być stosunkowo estetyczne, a jednocześnie mieszczą 2 lub 3 najczęstsze formy ślepoty barw. Tworząc figury, w których potrzebuję 2-4 dyskretnych kolorów, wybieram kolory w równych odległościach wzdłuż skali kolorów. Co więcej, zaczynam rozważać włączenie innych rzeczy, takich jak kształty, aby pomóc odróżnić rzeczy. Aby trochę ułatwić (i dla potomności), załączam zmodyfikowaną wersję obrazka pokazującą ich palety kolorów; zakreślone / ponumerowane regiony pokazują z grubsza, skąd można wybrać kolory:

Na przykład w przypadku „inferno” użytkownicy nie dla daltonistów mogą zinterpretować kolory jak „żółty”, „pomarańczowy”, „fioletowy” i „czarny”.

W zależności od innych aspektów tego, co jest rysowane, czasami okazuje się, że nie mogę mieć też kolorów jasne lub zbyt ciemne, w takim przypadku po prostu przycinam jeden lub drugi koniec palety kolorów, a następnie biorę kolory z równo oddalonych punktów wzdłuż tego, ale znowu musisz być ostrożny, ponieważ jeśli punkty na palecie są zbyt blisko, zaczynają być trudne do rozróżnienia jako dyskretne kolory.

I jak wspomniano wcześniej, rozważ ustawienie wyboru palet. Daje to największą elastyczność, aby każdy mógł znaleźć gra przyjemna estetycznie.

Edycja: Wracając i czytając ponownie pytanie, zdaję sobie sprawę, że przegapiłem to, że OP prawdopodobnie oznaczało, że chcieli zachować te 4 kolory i po prostu znaleźć warianty, które są przyjazne dla daltonistów

Te 4 bardzo podstawowe kolory są raczej rozróżnialne dla większości osób niewidomych na kolory. To są półtony i niuanse, których większość osób ze ślepotą kolorów nie jest w stanie rozróżnić.

(jeśli myślisz o modelu kolorów RGB, najczęstszymi typami ślepoty barw są krzyżówki między R i Sygnał G lub rzadkie typy, którym brakuje sygnału R, G i / lub B)

Jeśli potrzebujesz dodać opcje w celu poszerzenia publiczności, to żółty (czyli R + G) możesz zmienić kolor na fioletowy (R + B) lub cyjan (G + B), aby nie tłoczyć pasma R do G.

Komentarze

• Nie mogę ' zmienić koloru żółtego na fioletowy lub cyjan bez łamania moich pozostałych wymagań.
• Z drugiej strony, żółty jest typowym sprawcą ślepoty barw. Po prostu zmierza ku czerwieni lub zieleni. Zmieniając to na coś zupełnie innego, nadal możesz zachować nazwy pozostałych 3. To mniej niż nic i możesz (lub nie) dostosować inne rzeczy.
• Nie zgadzam się zdecydowanie że możesz zagwarantować, że ” czerwony ” i ” zielony ” są rozpoznawalne przez wszystkich użytkowników, szczególnie dla ślepoty na kolor czerwono-zielony. Z pewnością niektóre odcienie czerwieni są zawsze postrzegane jako czerwone i pasują do zieleni. Niemniej jednak ' to pasmo kolorów o przyzwoitym rozmiarze, w którym mogę ' nie mieć pewności, który to jest, a nawet jeśli ' ma dowolny kolor w próbce. Bladozielony jest dla mnie szary. Większość zielonych świateł drogowych do dziś wydaje mi się biała.
• @RossPresser Nie ' niczego nie gwarantuję. Istnieje wiele wariantów daltonizmu i prawie wszystkie z nich mogą być słabsze lub silniejsze. Powiem tylko, że jeśli w ogóle ktoś jest w stanie rozróżnić ” czysty ” (jak w modelu rgb) czerwony i zielony, żółty ( mieszanka czerwieni i zieleni w tym samym modelu rgb) może być trudniejsza do odróżnienia od czerwieni i / lub zieleni. OP powiedział, że gra używa przezroczystych kolorowych bloków, więc nie można używać różnic intensywności / nasycenia, a jedynie odcienie.

@musefan ma najlepszą odpowiedź!

Pomysł na wzorce brzmi dobrze, ale wygląda w grze i wiedząc, jak to działa, sprawi, że wszystko będzie bardziej skomplikowane.

Używaj oryginalnych kolorów, aby gracze je rozpoznali, ale wyświetlają monit, gdy gra jest używana po raz pierwszy, dając możliwość wyboru różnych palet kolorów. Skonfiguruj alternatywne palety kolorów za pomocą wtyczki, takiej jak Sim Daltonism lub podobnej, aby pomóc i pozostaw decyzję użytkownikowi.

Następnie w pewnym momencie możesz zobaczyć, których palet użytkownicy używają najczęściej.