Modi migliori per visualizzare una casella di colore incerto quando i colori possibili sono complementari?


21

inserisci qui la descrizione dell'immagine

Provo a creare un'illustrazione contenente determinati elementi rappresentati da scatole colorate (esposizioni 1 e 2), con il colore che distingue diversi tipi di elementi. Supponiamo che l'aspetto di queste caselle (forma, colore, ...) sia fisso. Ora devo creare un terzo tipo di scatola che dovrebbe rappresentare un elemento il cui tipo non è noto, ma che è di tipo blu o arancione¹. Sto lottando con il modo migliore per farlo.

Ecco cosa ho considerato finora e perché non ne sono felice:

  • Allegato 3: dividere il colore di riempimento della scatola, rendendo bianco il punto interrogativo. La parte del punto interrogativo su terra arancione non è ben visibile.
  • Allegato 4: dividere il colore di riempimento della scatola, rendendo nero il punto interrogativo. La parte del punto interrogativo su fondo blu non è ben visibile.
  • Allegato 5: dividere il colore di riempimento della scatola e il punto interrogativo. Il punto interrogativo è difficile da riconoscere come un personaggio.
  • Allegato 6: Uso di un colore di riempimento medio tra blu e arancione. Dato che i due sono complementari, ciò non chiarisce sufficientemente che solo gli stati blu e arancione sono possibili e che ciò non riguarda uno stato tra i due.

Tutto quanto sopra contiene il punto interrogativo poiché considero alcuni indicatori diversi dal riempimento necessario per indicare che lo stato è incerto. Tuttavia, questo indicatore non deve essere un punto interrogativo.

La mia domanda è: C'è un modo migliore di visualizzare questo che mi manca?

In questo caso: questo per un poster scientifico (cioè dovrebbe essere leggibile da circa 1 m di distanza), con ogni scatola larga circa 1 cm. Lo sfondo è bianco. Non riesco a ottimizzare i colori dei risultati stampati, ma devo convivere con ciò che ottengo.


¹ Un caso che in realtà è sia arancione che blu è chiaramente escluso dal contesto.


1
Che ne dici di usare # 3 ma cambiare il carattere in qualcosa di veramente pesante ed esteso? Il carattere sembra un po 'sottile ma la tua idea di mescolare il blu e l'arancione ha perfettamente senso in questo contesto; i punti interrogativi lo rendono anche logico e di facile comprensione. Altrimenti anche un'ombra nera con distanza 0 potrebbe essere carina se applicata sull'icona / personaggio. type.co.uk/preview/imgs/…
go-junta

1
+1 per gli esempi davvero validi e il vasto background di domande. Questa è davvero una domanda esemplare.
PieBie

Non sono molto d'accordo con l'approccio bicolore in uno. Senza una chiave questo trasmette "entrambi" non "nessuno dei due". In realtà qui hai a che fare con un sistema a 4 valori: opzione 1, opzione 2, nessuna opzione determinata (ovvero indirizzata, ma inconcludente) e nessun valore.
Yorik,

@Yorik: entrambi non hanno senso nel contesto (l'ho aggiunto alla domanda); pensa ai colori che rappresentano il caldo e il freddo. Non vedo il problema che non significhi nemmeno che l' uso di un terzo colore lo farebbe.
Wrzlprmft

Non lo dirò troppo, ma nel caso di caldo e freddo, è un asse o uno spettro, quindi "entrambi" in realtà ha molto senso e un'icona a due colori funzionerebbe. La temperatura non è un mezzo escluso a due valori come descrivi. La temperatura "indeterminata" non è la stessa di "né calda né fredda" e non deve condividere i colori di nessuno dei due valori.
Yorik,

Risposte:


16

Penso che tu non abbia molte più opzioni che abbiano senso. È logico usare i 2 colori nella casella e anche il punto interrogativo rende chiaro il messaggio.

Ma forse potresti giocare con l'angolazione dei tuoi colori e anche lo stile del carattere.

Esempi di icona blu e arancione

Sul primo, ho semplicemente cambiato l'angolazione e sembra interferire meno con il punto interrogativo. Cambia davvero lo stile! Forse un carattere sottile sarebbe più visibile anche con quell'angolazione. Il carattere di questo esempio è Museo 900, lo stesso della seconda icona.

Sugli altri 3, ho usato il tuo angolo per i colori, ma caratteri ed effetti diversi

  • Carattere Museo 900 senza effetto
  • Museo Sans Rounded 900 con un'ombra discendente
  • Verdana Grassetto con un contorno nero solido inclinato

Modifica: aggiunta la diversa angolazione con gli ultimi 2 effetti.

Un altro esempio


14

Prendi in considerazione la possibilità di regolare i colori in modo che un punto interrogativo nero o bianco sia visibile su entrambi, ma mantenendoli uguali ai bordi. Per esempio:

punto interrogativo

Puoi ancora vedere i colori originali sui bordi, ma il punto interrogativo nero è ora visibile all'interno illuminato (ho appena usato lo strumento Luminosità / Contrasto in GIMP).

(Con il senno di poi, il bordo probabilmente avrebbe dovuto essere più largo, in modo che i colori originali fossero più visibili. Oh beh, è ​​solo un esempio.)


L'unica cosa negativa di questo approccio è che crea un bianco più tardi per questo tipo che altri tipi non hanno
Zach Saucier

10

Concordo con la risposta di go-me .

Un altro approccio potrebbe essere quello di una "carta da gioco" e invertire il punto interrogativo sia nel colore che nella posizione, in questo modo:

inserisci qui la descrizione dell'immagine


Secondo me .... è corretto dato anche un voto alla tua risposta.
Sebastiano,

6

Non sono affatto un professionista, ma quando ho a che fare con un problema di questo tipo (il bianco non è visibile sul colore chiaro, il nero non è visibile sul colore scuro), faccio sempre la stessa cosa: metti il ​​testo in bianco, con un bordo nero. Sei sicuro che il testo sarà visibile su tutti i colori. Potresti scattare la foto numero 3, aggiungendo un bordo nero al punto interrogativo. Provaci!

modifica: ecco un esempio ora:inserisci qui la descrizione dell'immagine


Ciao Aye1. Buona risposta. Dato che si tratta principalmente di un sito Web visivo, è sempre una buona idea includere un esempio di ciò che stai cercando di dire. Ma credo che @ go-me ti abbia battuto comunque.
PieBie

Lo so, lo so, hai ragione al 100%, ma attualmente sono al lavoro e non posso farlo ora (o male sotto Paint). Volevo dare una risposta veloce però.
Aye1,

Sì, lo so, a volte ho avuto lo stesso problema. Sto solo lasciando il commento per i futuri passanti.
PieBie

6

Il simbolo logico per "xor" è comunemente ....

inserisci qui la descrizione dell'immagine

Puoi usare questo simbolo .....

inserisci qui la descrizione dell'immagine

Alla fine, tuttavia, è tutta una questione di opinioni e preferenze. Qualunque cosa funzioni per te, funziona :)

Se si tratta di chiarezza ... non pensarci troppo ....

inserisci qui la descrizione dell'immagine

O forse....

inserisci qui la descrizione dell'immagine

Ci sono davvero dozzine di modi (se non centinaia) di rappresentare visivamente questo. Penso che questa sia una domanda troppo ampia e sarà pura casualità se qualcuno colpisce ciò che funziona secondo te .


Hai ragione, o no o no. Ma quello che stai chiedendo è fare riferimento a una scelta XOR - esclusiva. "O" è inclusivo. La scatola è blu o arancione. Se è blu, l'arancione è escluso e viceversa. O sto leggendo male? Sono non un matematico ... Sto solo andando per immagini.
Scott,

Basato sull'idea di Scott, potrebbe essere carino se la scatola fosse divisa in 4 quadranti come il suo secondo esempio. Forse vale la pena provarlo, sembra così su alcuni giochi di carte (es. Uno per esempio, ma ha 4 colori.)
go-junta

@Scott: hai ragione, ho iniziato lì. Tuttavia, sorge il problema che il simbolo non è sufficientemente noto per avere alcun effetto.
Wrzlprmft

Bene .. se la chiarezza è la preoccupazione principale ..... Ho modificato la risposta. :)
Scott

5

Stavo solo pensando che potresti andare con l'angolo opposto in modo da evitare lo "scontro" tra la linea diagonale e la fine del punto interrogativo (estremità superiore). + ho anche provato con uno spessore diverso da zero della linea di delimitazione. Sono un dilettante

un altro tentativo


5

Quando il contesto impedisce chiaramente che l'icona venga interpretata come "arancione e blu", deve rappresentare "arancione o blu". Pertanto, nel tuo caso non è necessario il punto interrogativo.

Lasciando il punto interrogativo è possibile visualizzare più facilmente una possibilità di più di due colori: un punto interrogativo potrebbe non rendere più semplice la visualizzazione dei colori potenziali.

Laddove il contesto non lo chiarisca, allora altre risposte che incorporano il punto interrogativo tengono necessariamente conto; ma le dimensioni ridotte della scatola nella custodia (1 cm quadrato) rendono meno ingombrante. "Less is more" ha molte applicazioni!

Se è necessario un punto interrogativo, preferirei che provenga dalla stessa famiglia di caratteri utilizzata per il resto della serie di poster (suppongo che questo sia per la visualizzazione di un documento in una conferenza), il che può significare che anche questo ha da riconsiderare.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.