Preciso escolher uma paleta de quatro cores que satisfaça as duas condições a seguir:
- Pessoas daltônicas podem facilmente distinguir todas as quatro cores.
- Pessoas com visão de cores normal podem identificar sem ambigüidade cada uma das minhas cores com um dos nomes “verde”, “azul”, “amarelo”, e “vermelho”.
Para fins de contexto, estou fazendo uma versão para videogame de um jogo de tabuleiro que usa peças de Icehouse . A forma, o tamanho, a posição e a orientação das peças são todos relevantes para o jogo, portanto, não posso usar nenhum deles como substituto da cor. Além disso, cada uma das cores é mencionada por nome nas regras, portanto, usar cores ambíguas ou não relacionadas às cores originais seria confuso para pessoas familiarizadas com o jogo de tabuleiro original.
Dado o acima, qual é a minha melhor opção?
Comentários
- Você deseja abordar todos os diferentes tipos de daltonismo ou apenas alguns deles? en.wikipedia.org/wiki/Color_blindness#Classification
- Para daltonismo vermelho-verde: apenas certifique-se de que o vermelho e o verde sejam muito mais escuros do que o outro.
- Fazer todos os tipos de daltonismo é impossível, porque diferentes tipos de daltonismo veem de maneira diferente.
- Você pode querer levar em consideração que as pessoas daltônicas podem nem mesmo prestar atenção ao código de cores. Eu mesmo percebi isso ao jogar Breath of the Wild. Tive que ler um guia online para perceber que os santuários são codificados por cores azul e amarelo. vejo as cores mas eu acho que ‘ não estou acostumado a usar codificação por cores.
- Você precisa de um matiz ou uma cor? Uma abordagem comum é simplesmente usar valores ou saturações diferentes para as cores diferentes, que é o que sistemas como o cubehelix usam.
Resposta
Os padrões funcionariam para o seu caso de uso?
Você poderia manter a forma, tamanho, posição e orientação iguais para cada um e tem um “modo de daltonismo” onde em vez de cores para distinguir os itens que você usa padrões.
Por exemplo, azul pode ser linhas paralelas, vermelho pode ser um padrão de pontos, amarelo pode ser uma cruz -Hacheado e verde podem ser linhas em zigue-zague ou linhas onduladas.
Fazendo isso, você pode contabilizar todos os diferentes tipos de daltonismo (incluindo monocromacia – daltonismo completo) de uma forma que não depende da orientação ou do tamanho de um elemento (o maior problema com os padrões se eles dependem da escala).
Atualizar
Conforme apontado em um comentário, se a estética do jogo permitir por que não usar cores e um padrão, evitando a necessidade de uma configuração adicional.
Apenas certifique-se que o padrão e o fundo tenham uma relação de contraste alta o suficiente, idealmente 7: 1, mas 3: 1 é suficiente para WCAG AAA, pois é um objeto gráfico / usuário Componente de interface ( contraste sem texto ).
Comentários
- Você pode evitar o ” modo de cegueira ” usando ambos. Padrão com cor: linhas onduladas azuis, pontos vermelhos …
- sim ponto válido! Se for apropriado para a estética do jogo, então 100% de acordo.
- editei minha resposta para refletir seu ponto.
- Esta é uma maneira muito comum de fazer isso em muitos tabuleiros / cartas físicas jogos. Como alguém com daltonismo relativamente pequeno, acho isso muito útil. Por exemplo, esses cartões ” Ingresso para viajar ” são diferenciados principalmente pela cor, mas têm um pequeno símbolo no canto: blog-cdn.daysofwonder.com/dow-uploads/2013/02/t2r-cards.jpg
- @neil não sei, tentei jogar Ticket para Ride with my pais, que não são daltônicos que eu conheço, mas eles tiveram grande dificuldade em distinguir as cartas na luz fraca em que estávamos jogando. O jogo foi imensamente frustrante para eles, o que é uma pena, porque ambos gostavam de jogar jogos de tabuleiro em família e eu queria apresentá-los a alguns melhores do que o Clue e o Banco Imobiliário que costumávamos jogar. Os símbolos estão lá, mas demorou muito mais para combiná-los, especialmente com rotas que estavam longe de onde eles estavam.
Resposta
Considere o seguinte “daltônico paleta amigável “
Acho que esta paleta tem cores que podem ser facilmente interpretadas como verde (4º), amarelo (5º), azul (3º ou 6º) e vermelho (7º).
Comentários
- Em particular, quando coloco essa imagem em filtros que simulam protanopia ou deuteranopia, 4 parece terrivelmente semelhante a 7.
- Como alguém com um forte caso de protanomalia, posso dizer que as cores 4, 5, 6 e 7 são distintas para mim, neste tamanho e distância . 4/5/6 seriam distinguíveis basicamente em qualquer tamanho / distância, assim como 5/6/7 … mas 4 e 7 seriam difíceis de distinguir se fossem muito pequenos (pense em 16×16 pixels) e ‘ é mais difícil de distinguir quanto mais distantes eles estão.
- É ‘ provavelmente mais difícil de distinguir rapidamente . Se você ‘ está fazendo um jogo de cores baseado no tempo, mostrar 4 e 7 na mesma tela provavelmente adicionará um desafio não intencional.
- Hm. É ‘ difícil dizer sem realmente tentar, mas ‘ acho que seria difícil.
- Observe também que tenho dificuldade em nomear as cores, mesmo quando sou adulto. Se você me mostrasse esta paleta e me pedisse para citar o # 6, provavelmente diria ” roxo “.
Resposta
Como daltônico – obrigado. E que os inventores das cores dos LEDs (*) queimem no inferno pela eternidade. (já que todos estão levando este comentário muito a sério, estou removendo-o e deixe todos irem para Valhalla, tenham eles inventado o LED ou não 🙂
Tirando isso do meu peito, eu sugiro que dê aos seus usuários uma escolha .
Você não cobrirá todos os tipos de daltonismo de uma vez (o que vejo como cores diferentes podem ser iguais para outra pessoa e vice-versa). Por outro lado, é claro que podemos ver uma diferença nas cores, quando podemos.
Em outras palavras, você vê
[color1] [color2] [color3]
Eu vejo
[color1] [color2] [color2]
Alguém daltônico verá
[color1-ish] [color2] [color3-ish]
como diferentes “cores” ( talvez não os que você vê – mas diferentes).
Portanto, você pode ter várias paletas de
[green] [blue] [yellow] [red]
e deixar o usuário escolher o aquele em que todos os campos são diferentes deles .
(*) o pequenas lâmpadas redondas que indicam o status em dispositivos eletrônicos – cada um deles pode ter várias cores (que eu não discrimino)
Comentários
- @Beejamin: sim as cores dos LEDs (lâmpadas redondas que indicam o status) em aparelhos eletrônicos. Nunca sei quando são vermelhos, laranja ou verdes porque as cores estão muito próximas de mim. Certa vez, instalei um roteador CINCO VEZES porque estava falhando todas as vezes. Aí meu irmão passou, me perguntou o que eu estava fazendo e me disse que o led é verde na verdade … OTOH quando eu era criança, um médico disse ao meu pai que eu nunca seria engenheiro e trabalharia em ciências. Dr. Estúpido, se está me ouvindo, pare de dizer isso às crianças porque algumas ouvirão suas bobagens. Assinado: engenheiro e doutor em física
- @Beejamin: aaaah, cometi um erro de digitação, quis dizer OF LEDs, claro. Atualizando isso. Também o médico do comentário anterior disse isso por causa do daltonismo (como um impedimento para trabalhar na ciência)
- As cores dos LEDs (pelo menos os mais antigos) eram uma limitação técnica, ao invés de uma decisão de design. Vermelho, amarelo / âmbar e verde eram originalmente as únicas cores que eles podiam produzir. O azul e o branco vieram depois, tornando possíveis as telas LED coloridas. (Curiosamente, você pode usar este fato para datar a ficção científica – por exemplo, no Star Trek TNG, sempre que eles abrirem a cabeça de Data ‘ para mostrar sua rede positrônica, ela piscará LEDs, todos vermelhos, amarelos e verdes, porque essas eram as únicas cores disponíveis na época.)
- @WoJ As cores dos LEDs não têm nada a ver com isso. Como você mesmo disse, o problema não é ‘ t a cor, é ‘ que os dispositivos eletrônicos que usam LEDs don ‘ nem sempre confie na posição. E como Darrel Hoffman apontou, as cores dos próprios LEDs não foram ‘ escolhidas por sua cor. Culpar os inventores do LED é como culpar os inventores da luz de néon pelas cores específicas das luzes de néon.
- @WoJ Então, você gostaria de ver todos os designers que escolheram mesclar diferentes sinais em um indicador LED (carregador: verde – totalmente carregado, verde piscando – quase lá, âmbar – 2/3, âmbar piscando – 1/3, vermelho – vazio) no inferno, em vez daqueles que inventam o LED real.
Resposta
Embora seja louvável considerar esse fator, você também deve pensar no panorama geral aqui. Ou seja, você está tentando fazer um jogo que deseja que o maior número possível de pessoas se interesse em jogar.
Como você mesmo disse, as quatro cores que listou já são um conjunto estabelecido com o qual seu público-alvo não só estará familiarizado, mas provavelmente espera que sejam iguais.
Com isso dito, mantenha as 4 cores originais como padrão .
Agora, se você deseja fazer um esforço extra para suportar o daltonismo, o que parece querer, então não corte nada e faça isso da maneira certa. Torne-o um usuário opção para poder selecionar uma paleta de cores . Tenha algumas opções predefinidas diferentes para os diferentes tipos de daltonismo ou vá até o topo e deixe o usuário selecionar suas próprias 4 cores.
Usar padrões provavelmente não vai parecer esteticamente agradável para a maioria dos seus usuários, então não dê um tiro no próprio pé adiando muitos, apenas agradando alguns.
Então isso deixa a questão: w O que é que as regras não correspondem?
Bem, se as regras são impressas fisicamente e / ou em um único documento eletrônico não dinâmico, então não há muito que você possa fazer. O que é mais uma razão para manter as cores originais como padrão.
No entanto, se você as regras estão embutidas na IU do seu jogo, então não deve ser muito difícil criar a instância de Variável “color name”: na cor visual e no nome de exibição. Basicamente, se o usuário selecionou uma paleta diferente, reflita essa seleção em todos os lugares em que a cor é referenciada na IU.
Em suma, estes tipos de cenários devem ser sempre opcionais. Não coloque seu aplicativo em desvantagem, forçando as mesmas regras de usabilidade para todos os usuários.
Resposta
Em ciência / ciência de dados, as palatas de cores viridis se tornaram muito populares nos últimos anos para a criação de figuras amigáveis para daltônicos. É voltado para programadores R, mas aqui está um link para um artigo realmente bom sobre o assunto: As paletas de cores Viridis
Não paleta irá atender a todas as formas de daltonismo, mas eles fornecem um punhado que se destina a ser relativamente esteticamente agradável, embora ainda acomodando as 2 ou 3 formas mais comuns de daltonismo. Ao criar figuras em que preciso de 2 a 4 cores discretas, escolho cores equidistantes ao longo das escalas de cores. Mais do que isso, começo a pensar em incorporar outras coisas, como formas, para ajudar a distinguir as coisas. Para tornar as coisas um pouco mais fáceis (e para a posteridade), estou anexando uma versão modificada da imagem mostrando suas paletas de cores; as regiões circuladas / numeradas mostram aproximadamente onde você escolheria suas cores:
Assim, por exemplo, com o “inferno”, usuários não daltônicos podem interpretar o cores como “amarelo”, “laranja”, “roxo” e “preto”.
E dependendo dos outros aspectos do que está sendo desenhado, às vezes acho que não posso ter as cores também claro ou muito escuro, caso em que apenas recorto uma extremidade ou a outra da paleta de cores ligeiramente e, em seguida, tiro minhas cores de pontos equidistantes ao longo dela, mas novamente, você tem que ter cuidado, porque se os pontos ao longo da paleta são muito perto, eles começam a ficar difíceis de distinguir como cores discretas.
E como mencionado antes, considere ter uma configuração para escolher paletas. Isso dá a você mais flexibilidade para garantir que todos encontrem o jogo esteticamente agradável.
Editar: Voltando e relendo a questão, percebo agora que perdi que OP provavelmente significava que eles queriam especificamente reter essas 4 cores e apenas encontrar variantes que sejam daltônicas
Resposta
Essas 4 cores básicas são bastante distinguíveis para a maioria das pessoas daltônicas. São os meios-tons e as nuances que a maioria das pessoas daltônicas não consegue distinguir.
(se você pensar sobre o modelo de cores RGB, os tipos mais comuns de daltonismo são diálogos entre R e Sinal G, ou tipos raros que não têm o sinal R, G e / ou B)
Se você precisar adicionar opções para ampliar o público, é o amarelo (ou seja, R + G) que você pode mudar para roxo (R + B) ou ciano (G + B) para não sobrecarregar a banda de R a G.
Comentários
- Não posso ‘ mudar o amarelo para roxo ou ciano sem quebrar meus outros requisitos.
- Então, novamente, o amarelo é o agressor usual no daltonismo. Ele simplesmente tende para o vermelho ou verde. Mudando para algo completamente diferente, você ainda pode manter os nomes dos outros 3. É menos do que nada e você pode (ou não) adaptar outras coisas.
- Eu discordo totalmente que você pode garantir que ” vermelho ” e ” verde ” são distinguíveis por todos os usuários, particularmente daltonismo vermelho-verde. Certamente alguns tons de vermelho sempre são vistos como vermelhos para mim, e iguais para o verde. No entanto, há ‘ uma faixa de cores de tamanho decente onde posso ‘ ter certeza de qual são, ou mesmo se há ‘ s qualquer cor na amostra. Verde pálido é cinza para mim. A maioria dos semáforos verdes, até hoje, parecem brancos para mim.
- @RossPresser Eu não ‘ não garanto nada. Existem muitas variantes do daltonismo e quase todas podem ser mais fracas ou fortes. Eu apenas digo que se alguém for capaz de distinguir entre ” puro ” (como no modelo rgb) vermelho e verde, amarelo ( uma mistura de vermelho e verde no mesmo modelo rgb) pode ser mais difícil de distinguir de vermelho e / ou verde. O OP disse que o jogo usa blocos coloridos transparentes, portanto nenhuma diferença de intensidade / saturação pode ser usada, apenas tons.
Resposta
@musefan tem a melhor resposta!
A ideia dos padrões parece boa, mas parece no jogo e sabendo como funciona, tornará as coisas mais complexas.
Use as cores originais para que os jogadores as reconheçam, mas tenha um aviso quando o jogo for usado pela primeira vez, dando a opção de diferentes paletas de cores. Configure alternativas de paleta de cores usando um plugin como Sim Daltonism ou similar para ajudar e deixe para o usuário decidir.
Então, em algum momento você pode ver quais paletas os usuários estão usando mais.