¿Mejores formas de visualizar una caja de color incierto cuando los posibles colores son complementarios?

21

ingrese la descripción de la imagen aquí

Intento crear una ilustración que contenga ciertos elementos representados por cuadros de colores (exposiciones 1 y 2), con el color que distingue los diferentes tipos de elementos. Suponga que el aspecto de estos cuadros (forma, color, ...) es fijo. Ahora necesito crear un tercer tipo de cuadro que debería representar un elemento cuyo tipo no se conoce, pero que es del tipo azul o del tipo naranja¹. Estoy luchando con la mejor manera de hacer esto.

Esto es lo que consideré hasta ahora y por qué no estoy contento con eso:

  • Anexo 3: División del color de relleno del cuadro, haciendo que el signo de interrogación sea blanco. La parte del signo de interrogación sobre fondo naranja no está bien visible.
  • Anexo 4: División del color de relleno del cuadro, haciendo que el signo de interrogación sea negro. La parte del signo de interrogación sobre fondo azul no es bien visible.
  • Anexo 5: División del color de relleno del cuadro y el signo de interrogación. El signo de interrogación es difícil de reconocer como un solo personaje.
  • Anexo 6: Uso de un color de relleno promedio entre azul y naranja. Como los dos son complementarios, esto no deja suficientemente claro que solo el azul y el naranja son estados posibles y que esto no se trata de algún estado entre los dos.

Todo lo anterior contiene el signo de interrogación, ya que considero algún indicador distinto del relleno necesario para indicar que el estado es incierto. Sin embargo, este indicador no necesita ser un signo de interrogación.

Mi pregunta es: ¿hay alguna forma mejor de visualizar esto que me estoy perdiendo?

En caso de que esto sea importante: esto para un póster científico (es decir, debe ser legible desde aproximadamente 1 m de distancia), con cada caja de aproximadamente 1 cm de ancho. El fondo es blanco. No puedo ajustar los colores de los resultados impresos, pero tengo que vivir con lo que obtengo.


Case Un caso que es en realidad ambos, naranja y azul está claramente excluido por el contexto.

Wrzlprmft
fuente
1
¿Qué pasa con el uso del # 3 pero cambiando la fuente a algo realmente pesado y extendido? La fuente parece un poco delgada, pero su idea de mezclar el azul y el naranja tiene mucho sentido en este contexto; los signos de interrogación también lo hacen lógico y fácil de entender. De lo contrario, una sombra negra con una distancia de 0 también podría ser agradable si se aplica al icono / personaje. type.co.uk/preview/imgs/…
go-junta
1
+1 para los ejemplos realmente buenos y los antecedentes extensos de la pregunta. Esta es realmente una pregunta ejemplar.
PieBie
No estoy de acuerdo con el enfoque de dos colores en uno. Sin una clave, esto transmite "ambos", no "ninguno". En realidad, está tratando con un sistema de 4 valores aquí: opción 1, opción 2, sin opción determinada (es decir, abordada, pero no concluyente), y sin valor.
Yorik
@Yorik: Ambos no tienen sentido en el contexto (agregué esto a la pregunta); Piense en los colores que representan el frío y el calor . No veo el problema con eso, tampoco significa que usar un tercer color haría eso.
Wrzlprmft
No lo expresaré demasiado, pero en el caso de calor y frío, es un eje o espectro, por lo que "ambos" realmente tiene mucho sentido y un icono de dos colores funcionaría. La temperatura no es un medio excluido de dos valores como usted describe. La temperatura "indeterminada" no es lo mismo que "ni caliente ni frío" y no debe compartir los colores de ninguno de los dos valores.
Yorik

Respuestas:

16

Creo que no tienes muchas más opciones que tengan sentido. Es lógico usar los 2 colores en el cuadro y el signo de interrogación también deja claro el mensaje.

Pero tal vez podrías jugar con el ángulo de tus colores y el estilo de fuente también.

Ejemplos de icono azul y naranja.

En el primero, simplemente cambié el ángulo y parece interferir menos con el signo de interrogación. ¡Realmente cambia el estilo! Quizás una fuente delgada también sería más visible con ese ángulo. La fuente en este ejemplo es Museo 900, igual que el segundo icono.

En los otros 3, utilicé su ángulo para los colores, pero diferentes fuentes y efectos.

  • Fuente museo 900 sin efecto
  • Museo Sans 900 redondeado con una sombra paralela
  • Verdana Bold con un contorno negro sólido en ángulo

Editar: se agregó el ángulo diferente con los 2 últimos efectos.

Otro ejemplo

go-junta
fuente
14

Considere ajustar los colores para que un signo de interrogación blanco o negro sea visible en ambos, pero manténgalos iguales en los bordes. Por ejemplo:

signo de interrogación cosita

Todavía puede ver los colores originales en los bordes, pero el signo de interrogación negro ahora es visible en el interior iluminado (acabo de usar la herramienta Brillo / Contraste en GIMP).

(En retrospectiva, el borde probablemente debería haber sido más ancho, para que los colores originales fueran más visibles. Oh, bueno, es solo un ejemplo).

Perilla de la puerta
fuente
Lo único malo de este enfoque es que crea un blanco más tarde para este tipo que otros tipos no tienen
Zach Saucier
10

De acuerdo con la respuesta de go-me .

Otro enfoque podría ser un enfoque de 'naipes' e invertir el signo de interrogación tanto en color como en posición, de esta manera:

ingrese la descripción de la imagen aquí

PieBie
fuente
En mi opinión ... es correcto dado un voto positivo en su respuesta también.
Sebastiano
6

No soy un profesional, pero cuando estoy lidiando con un problema de este tipo (el blanco no es visible en el color claro, el negro no es visible en el color oscuro), siempre hago lo mismo: i pon el texto en blanco, con un borde negro. Está seguro de que el texto será visible en todos los colores. Puede tomar su fotografía número 3, agregando un borde negro al signo de interrogación. ¡Darle una oportunidad!

editar: Aquí hay un ejemplo ahora:ingrese la descripción de la imagen aquí

Aye1
fuente
Hola ay1 Buena respuesta. Dado que este es un sitio web principalmente visual, siempre es una buena idea incluir un ejemplo de lo que está tratando de decir. Pero supongo que @ go-me te ganó de todos modos.
PieBie
Lo sé, lo sé, tienes el 100% de razón, pero actualmente estoy en el trabajo y no puedo hacerlo en este momento (o mal en Paint). Sin embargo, quería traer una respuesta rápida.
Aye1
Sí, lo sé, tengo el mismo problema a veces. Solo dejo el comentario para futuros transeúntes.
PieBie
6

El símbolo lógico para "xor" es comúnmente ...

ingrese la descripción de la imagen aquí

Podrías usar este símbolo .....

ingrese la descripción de la imagen aquí

En última instancia, todo esto es cuestión de opinión y preferencia. Lo que sea que funcione para ti, funciona :)

Si se trata de claridad ... no lo pienses demasiado ...

ingrese la descripción de la imagen aquí

O tal vez....

ingrese la descripción de la imagen aquí

Realmente hay docenas de formas (si no cientos) para representar esto visualmente. Creo que esta es una pregunta demasiado amplia y será pura casualidad si alguien da con lo que funciona en tu opinión.

Scott
fuente
Tienes razón es xor no o. Pero lo que está preguntando es hacer referencia a una opción XOR: exclusiva. "O" es inclusivo. La caja es azul o naranja. Si es azul, se excluye el naranja y viceversa. ¿O estoy leyendo mal? Estoy no un matemático ... Sólo voy por elementos visuales.
Scott
Según la idea de Scott, podría ser agradable si la caja se dividiera en 4 cuadrantes como su segundo ejemplo. Tal vez vale la pena probar, parece que esto en algunos juegos de cartas (por ejemplo, Uno, por ejemplo, pero tiene 4 colores..)
go-Junta
@ Scott: Tienes razón, hice una lluvia de ideas allí. Aún así, surge el problema de que el símbolo no es lo suficientemente conocido como para tener algún efecto.
Wrzlprmft
Bueno ... si la claridad es la principal preocupación ... he editado la respuesta. :)
Scott
5

Estaba pensando que podría ir con el ángulo opuesto para evitar el "choque" entre la línea diagonal y el final del signo de interrogación (extremo superior). + también lo he intentado con un grosor distinto de cero de la línea delimitadora. Soy un aficionado

otro intento

twihoX
fuente
5

Cuando el contexto claramente impide que el icono se interprete como "naranja y azul", debe representar "naranja o azul". Como tal, no es necesario el signo de interrogación en su caso.

Dejar de lado el signo de interrogación permite que se muestren más fácilmente dos colores; un signo de interrogación puede no facilitar la visualización de los colores potenciales.

Cuando el contexto no lo aclara, entonces otras respuestas aquí que incorporan el signo de interrogación necesariamente tienen consideración; pero el tamaño pequeño de la caja en su caja (1 cm cuadrado) hace que sea menos desordenado. ¡"Menos es más" tiene muchas aplicaciones!

Si se necesita un signo de interrogación, preferiría que provenga de la misma familia de fuentes que usa para el resto de su serie de pósters (supongo que esto es para mostrar un documento en una conferencia), lo que puede significar que eso también tiene para ser reconsiderado

Andrew Leach
fuente