Melhores maneiras de visualizar uma caixa de cores incertas quando as cores possíveis são complementares?


21

insira a descrição da imagem aqui

Tento criar uma ilustração que contenha certos itens representados por caixas coloridas (exibições 1 e 2), com a cor que distingue diferentes tipos de itens. Suponha que a aparência dessas caixas (forma, cor,…) seja fixa. Agora, preciso criar um terceiro tipo de caixa que deve representar um item cujo tipo não é conhecido, mas que é do tipo azul ou laranja¹. Estou lutando com a melhor maneira de fazer isso.

Aqui está o que eu considerei até agora e por que não estou feliz com isso:

  • Figura 3: Dividindo a cor de preenchimento da caixa, deixando o ponto de interrogação branco. A parte do ponto de interrogação no chão laranja não é bem visível.
  • Figura 4: Dividindo a cor de preenchimento da caixa, deixando o ponto de interrogação preto. A parte do ponto de interrogação no chão azul não é bem visível.
  • Figura 5: Dividindo a cor de preenchimento da caixa e o ponto de interrogação. É difícil reconhecer o ponto de interrogação como um caractere.
  • Figura 6: Usando alguma cor de preenchimento média entre azul e laranja. Como os dois são complementares, isso não deixa suficientemente claro que apenas o azul e o laranja são estados possíveis e que não se trata de algum estado entre os dois.

Todos os itens acima contêm o ponto de interrogação, pois considero algum indicador que não seja o preenchimento necessário para indicar que o estado é incerto. Este indicador não precisa ser um ponto de interrogação.

Minha pergunta é: Existe alguma maneira melhor de visualizar isso que estou perdendo?

Caso isso importe: Isto é para um pôster científico (isto é, deve ser legível a cerca de 1 m de distância), com cada caixa com aproximadamente 1 cm de largura. O fundo é branco. Não consigo ajustar as cores dos resultados impressos, mas tenho que viver com o que recebo.


Case Um caso que é na verdade laranja e azul é claramente excluído pelo contexto.


1
Que tal usar o nº 3, mas mudar a fonte para algo realmente pesado e estendido? A fonte parece um pouco fina, mas sua ideia de misturar o azul e o laranja faz todo o sentido nesse contexto; os pontos de interrogação também o tornam lógico e fácil de entender. Caso contrário, um sombreamento preto com distância 0 pode ser bom também se aplicado no ícone / personagem. type.co.uk/preview/imgs/…
go-junta

1
+1 nos exemplos realmente bons e no amplo histórico de perguntas. Esta é realmente uma pergunta exemplar.
PieBie

Discordo totalmente da abordagem de duas cores em um. Sem uma chave, isso transmite "ambos" e não "nenhum". Na verdade, você está lidando com um sistema de 4 valores aqui: opção 1, opção 2, nenhuma opção determinada (ou seja, endereçada, mas inconclusiva) e nenhum valor.
Yorik 02/07/2015

@ Yorik: Ambos não fazem sentido no contexto (eu adicionei isso à pergunta); pense nas cores que representam quente e frio. Eu não vejo o problema com o significado de nenhum dos dois - usando uma terceira cor faria isso.
Wrzlprmft

Não vou insistir muito, mas no caso de quente e frio, é um eixo ou espectro, de modo que "ambos" fazem muito sentido e um ícone de duas cores funcionaria. A temperatura não é um meio excluído de dois valores, como você descreve. A temperatura "indeterminada" não é a mesma que "nem quente nem fria" e não deve compartilhar as cores dos dois valores.
Yorik 02/07/2015

Respostas:


16

Eu acho que você não tem muitas outras opções que fazem sentido. É lógico usar as duas cores na caixa e o ponto de interrogação também torna a mensagem clara.

Mas talvez você possa brincar com o ângulo de suas cores e o estilo da fonte também.

Exemplos de ícone azul e laranja

No primeiro, eu simplesmente mudei o ângulo e parece interferir menos no ponto de interrogação. Isso realmente muda o estilo! Talvez uma fonte fina também fosse mais visível com esse ângulo. A fonte neste exemplo é o Museo 900, igual ao segundo ícone.

Nos outros três, usei seu ângulo para as cores, mas diferentes fontes e efeitos

  • Fonte Museo 900 sem efeito
  • Museo Sans Rounded 900 com uma sombra projetada
  • Verdana Bold com um contorno preto sólido em ângulo

Editar: Adicionado o ângulo diferente com os 2 últimos efeitos.

Outro exemplo


14

Considere ajustar as cores para que um ponto de interrogação preto ou branco fique visível nos dois, mas mantenha-os iguais nas bordas. Por exemplo:

ponto de interrogação coisinha

Você ainda pode ver as cores originais nas bordas, mas o ponto de interrogação preto agora é visível no interior iluminado (usei a ferramenta Brilho / Contraste no GIMP).

(Em retrospectiva, a borda provavelmente deveria ter sido mais larga, para que as cores originais ficassem mais visíveis. Oh, bem, é apenas um exemplo.)


A única coisa ruim sobre essa abordagem é que ele cria uma tarde branco para este tipo de que outros tipos não têm
Zach Saucier

10

Concorde com a resposta do go-me .

Outra abordagem poderia ser uma abordagem de 'baralho' e inverter o ponto de interrogação tanto em cores quanto em posição, assim:

insira a descrição da imagem aqui


Na minha opinião .... é correto, dado um voto positivo em sua resposta também.
Sebastiano

6

Não sou profissional, mas quando estou lidando com um problema desse tipo (branco não é visível na cor clara, preto não é visível na cor escura), sempre faço a mesma coisa: i coloque o texto em branco, com uma borda preta. Você tem certeza de que o texto estará visível em todas as cores. Você pode tirar uma foto número 3, adicionando uma borda preta ao ponto de interrogação. De uma chance!

edit: Aqui está um exemplo agora:insira a descrição da imagem aqui


Olá Aye1. Boa resposta. Como esse site é basicamente visual, é sempre uma boa ideia incluir um exemplo do que você está tentando dizer. Mas acho que o @ go-me venceu de qualquer maneira.
PieBie

Eu sei, eu sei, você está 100% certo, mas atualmente estou no trabalho e não posso fazer isso agora (ou mal no Paint). Eu queria trazer uma resposta rápida, no entanto.
Aye1

Sim, eu sei, às vezes tenho o mesmo problema. Apenas deixando o comentário para futuros transeuntes.
PieBie

6

O símbolo lógico para "xor" é comumente ....

insira a descrição da imagem aqui

Você pode usar este símbolo .....

insira a descrição da imagem aqui

No final, tudo isso é uma questão de opinião e preferência. Tudo o que funciona para você, funciona :)

Se é tudo sobre clareza .. não pense demais ....

insira a descrição da imagem aqui

Ou talvez....

insira a descrição da imagem aqui

Na verdade, existem dezenas de maneiras (se não centenas) de representar visualmente isso. Eu acho que essa é uma pergunta muito ampla e será pura coincidência se alguém entender o que funciona na sua opinião.


Você está certo, não é ou não. Mas o que você está perguntando é fazer referência a uma opção XOR - exclusiva. "Ou" é inclusivo. A caixa é azul ou laranja. Se for azul, a laranja é excluída e vice-versa. Ou estou lendo errado? Eu não sou um matemático ... estou apenas visualizando.
Scott

Baseado na idéia de Scott, poderia ser bom se a caixa fosse dividida em quatro quadrantes como seu segundo exemplo. Talvez vale a pena tentar, parece que isso em alguns jogos de cartas (por exemplo Uno por exemplo, mas tem 4 cores..)
go-junta

@ Scott: Você está correto, eu pepei lá. Ainda assim, surge o problema de que o símbolo não é suficientemente conhecido por ter algum efeito.
Wrzlprmft

Bem ... se a clareza é a principal preocupação ... eu editei a resposta. :)
Scott

5

Eu estava pensando que você poderia seguir o ângulo oposto para evitar o "choque" entre a linha diagonal e o ponto de interrogação (extremidade superior). + também tentei com espessura diferente de zero da linha de delimitação. Eu sou amador.

outra tentativa


5

Onde o contexto impede claramente que o ícone seja interpretado como "laranja e azul", ele deve representar "laranja ou azul". Como tal, não há necessidade do ponto de interrogação no seu caso.

Deixar de fora o ponto de interrogação permite exibir mais facilmente duas cores - um ponto de interrogação pode não facilitar a visualização das cores em potencial.

Onde o contexto não deixa isso claro, outras respostas aqui que incorporam o ponto de interrogação necessariamente levam em consideração; mas o tamanho pequeno da caixa no seu estojo (1 cm quadrado) torna menos desorganizado. "Menos é mais" tem muitas aplicações!

Se for necessário um ponto de interrogação, eu prefiro que ele seja da mesma família de fontes usada no restante de sua série de pôsteres (acho que é para exibir um artigo em uma conferência), o que pode significar que também ser reconsiderado.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.