Mobile app version of vmapp.org
Login or Join
Turnbaugh909

: Better ways to visualise a box of uncertain colour when the possible colours are complementary? I try to create an illustration containing certain items represented by coloured boxes (exhibits

@Turnbaugh909

Posted in: #ColorTheory #Visualization

I try to create an illustration containing certain items represented by coloured boxes (exhibits 1 and 2), with the colour distinguishing different types of items. Assume that the look of these boxes (shape, colour, …) is fixed. Now I need to create a third type of box that should represent an item whose type is not known, but that is either of the blue type or the orange type¹. I am struggling with how to best do this.

Here is what I considered so far and why I am not happy with it:


Exhibit 3: Splitting the fill colour of the box, making the question mark white. The part of the question mark on orange ground is not well visible.
Exhibit 4: Splitting the fill colour of the box, making the question mark black. The part of the question mark on blue ground is not well visible.
Exhibit 5: Splitting the fill colour of the box and the question mark. The question mark is difficult to recognise as one character.
Exhibit 6: Using some average fill colour between blue and orange. As the two are complementary, this does not make sufficiently clear that only blue and orange are possible states and that this is not about some state in-between the two.


All the above contain the question mark as I consider some indicator other than the fill necessary to indicate that the state is uncertain. This indicator does not need to be a question mark however.

My question is: Is there any better way to visualise this that I am missing?

In case this matters: This for a scientific poster (i.e., it should be readable from about 1 m distance), with each box being roughly 1 cm wide. The background is white. I cannot finetune the colours of the printed results but have to live with what I get.



¹ A case that is actually both, orange and blue is clearly excluded by context.

10.07% popularity Vote Up Vote Down


Login to follow query

More posts by @Turnbaugh909

7 Comments

Sorted by latest first Latest Oldest Best

 

@Turnbaugh909

The logic symbol for "xor" is commonly....



You could use this symbol .....



Ultimately this is all a matter of opinion and preference though. Whatever works for you, works :)

If it's all about clarity.. don't overthink it....



Or maybe....



There are really dozens of ways (if not hundreds) to visually represent this. I think this is just too broad of a question and it'll be pure happenstance if someone hits on what works in your opinion.

10% popularity Vote Up Vote Down


 

@Berryessa866

Where the context clearly prevents the icon being interpreted as "orange and blue" it must represent "orange or blue". As such, there is no need for the question mark at all in your case.

Leaving out the question mark allows a possibility of more than two colours to be more easily shown — a question-mark may not make it easy to see the potential colours.

Where the context doesn't make that clear, then other answers here which incorporate the question mark necessarily bear consideration; but the small size of the box in your case (1cm square) makes less clutter desirable. "Less is more" has many applications!

If a question mark is needed, I would prefer that it come from the same font family as you use for the rest of your poster series (I guess this is for display of a paper at a conference), which may mean that that also has to be reconsidered.

10% popularity Vote Up Vote Down


 

@Welton168

I was just thinking you could go with the opposite angle so as to prevent the "clash" between the diagonal line and question mark ending (top end). + also I've tried with non-zero thickness of the delimiting line. I'm an amateur.

10% popularity Vote Up Vote Down


 

@Megan533

Consider adjusting the colors so that a black or a white question mark will be visible on both of them, but keeping them the same at the borders. For example:



You can still see the original colors on the borders, but the black question mark is now visible on the lightened interior (I just used the Brightness/Contrast tool in GIMP).

(In hindsight, the border probably should have been wider, so that the original colors would be more visible. Oh well, it's just an example.)

10% popularity Vote Up Vote Down


 

@Sent7350415

Agree with go-me's answer.

Another approach could be a 'playing card' approach, and invert the questionmark both in colour and position, like thus:

10% popularity Vote Up Vote Down


 

@Phylliss782

I think you don't have many more options that make sense. It's logical to use the 2 colors in the box and the question mark makes the message clear too.

But maybe you could play with the angle of your colors, and the font style too.



On the first one, I simply changed the angle and it seems to interfere less with the question mark. It really changes the style! Maybe a thin font would be more visible with that angle too. The font on this example is Museo 900, the same as the second icon.

On the 3 others, I used your angle for the colors, but different fonts and effects


Museo 900 font with no effect
Museo Sans Rounded 900 with a drop shadow
Verdana Bold with an angled solid black outline




Edit: Added the different angle with the 2 last effects.

10% popularity Vote Up Vote Down


 

@Steve758

I'm no way a professional, but when i'm dealing with an issue of this type (white isn't visible on the light color, black isn't visible on the dark color), i always do the same thing: i put the text in white, with a black border. You are sure the text will be visible on all colors.
You could take you picture number 3, adding a black border to the question mark.
Give it a try!

edit: Here is an example now:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme