当可能的颜色互补时,更好的方法来可视化不确定颜色的盒子?


21

在此处输入图片说明

我尝试创建一个包含由彩色框表示的某些项目的插图(图1和图2),颜色区分不同类型的项目。假设这些盒子的外观(形状,颜色等)是固定的。现在,我需要创建第三种类型的框,该框应表示一个类型未知的项目,但它可以是蓝色类型或橙色类型¹。我在努力最好地做到这一点。

这是我到目前为止所考虑的,以及为什么对此我不满意的原因:

  • 图表3:拆分框的填充颜色,使问号变为白色。橙色地面上的问号部分不太明显。
  • 图表4:拆分框的填充颜色,使问号变黑。蓝色背景上的问号部分不太明显。
  • 图表5:拆分框和问号的填充颜色。问号很难识别为一个字符。
  • 图表6:使用蓝色和橙色之间的一些平均填充颜色。由于两者是互补的,因此无法充分明确地表明只有蓝色和橙色是可能的状态,并且这并不是两者之间的某种状态。

上面所有这些都包含问号,因为我认为除了指示状态不确定所需的填充以外,还有一些指标。但是,该指标不必是问号。

我的问题是:有没有更好的方法可以直观地看到我所缺少的东西?

在这种情况下很重要:这对于科学海报来说(即应该从大约1 m的距离可以读取),每个盒子的宽度约为1 cm。背景是白色的。我无法微调打印结果的颜色,但必须适应我所得到的结果。


¹实际上,橙色和蓝色两种情况均被上下文排除。


1
如何使用#3但将字体更改为真正的沉重扩展字体呢?字体似乎有点细,但是在这种情况下,将蓝色和橙色混合在一起的想法很有意义。问号也使其变得逻辑且易于理解。否则,如果在图标/字符上应用距离为0的黑色阴影效果也不错。type.co.uk/preview/imgs/...
去军政府

1
+1是非常好的例子和广泛的问题背景。这确实是一个模范问题。
PieBie

我强烈不同意“二色合一”方法。如果没有键,则表示“两者”而不是“都不”。您实际上是在这里处理4值系统:选项1,选项2,未确定任何选项(即已解决,但不确定),也没有价值。
约里克(Yorik)

@Yorik:两者在上下文中都没有意义(我将其添加到问题中);认为代表颜色的冷。我没有看到问题的含义,也没有意义-使用第三种颜色不会做到这一点。
Wrzlprmft

我不会太在意它,但是在冷热的情况下,它是一个轴或频谱,因此“两者”实际上很有意义,并且可以使用两个颜色的图标。温度不是您所描述的排除两个值的中间值。“不确定”温度与“既不热也不冷”不同,并且不应共享任何一种值的颜色。
Yorik

Answers:


16

我认为您没有更多有意义的选择。在框中使用两种颜色是合乎逻辑的,问号也使消息清晰。

但是也许您可以使用颜色的角度和字体样式来玩。

图标蓝色和橙色的示例

在第一个中,我只是改变了角度,似乎对问号的干扰较小。它真的改变了风格!也许较细的字体在该角度下也更明显。此示例上的字体是Museo 900,与第二个图标相同。

在其他3种情况下,我用您的角度表示颜色,但是字体和效果不同

  • Museo 900字体无效
  • Museo Sans圆形900带投影
  • Verdana Bold带有黑色实心轮廓

编辑:添加了2个最后一个效果的不同角度。

另一个例子


14

考虑调整颜色,以便在它们两个上都可以看到黑色或白色的问号,但在边界处将它们保持相同。例如:

问号没事

您仍然可以在边框上看到原始颜色,但是黑色的问号现在在加亮的内部可见(我刚刚使用了GIMP中的“亮度/对比度”工具)。

(事后看来,边界可能应该更宽,这样原始的颜色才会更加可见。哦,这只是一个例子。)


这种方法唯一的坏处是,稍后会为其他类型没有的这种类型创建白色
Zach Saucier


6

我不是专业人士,但是当我处理此类问题时(浅色看不见白色,深色看不见黑色),我总是做同样的事情:将文本置于白色,带有黑色边框。您确定文本将在所有颜色上均可见。您可以拍摄3号图片,并在问号上添加黑色边框。试试看!

编辑:现在是一个示例:在此处输入图片说明


嗨Aye1。好答案。由于这是一个主要的视觉网站,因此最好附上您要说的例子。但是我想@ go-me还是击败了您。
PieBie

我知道,我知道,您100%是正确的,但是我目前正在工作,现在不能这样做(或者在Paint下效果不佳)。我想快速给出答案。
2015年

是的,我知道有时候也会遇到同样的问题。只是给未来的路人留下评论。
PieBie

6

“ xor”的逻辑符号通常是...

在此处输入图片说明

您可以使用此符号.....

在此处输入图片说明

归根结底,这全都是意见和偏好问题。无论对您有用,都可以:)

如果这一切都与清晰度有关..请不要想太多。

在此处输入图片说明

或许....

在此处输入图片说明

实际上有数十种方法(如果不是数百种)可以直观地表示这一点。我认为这是一个太宽泛的问题,如果有人发现认为有效的方法,那纯属偶然。


你是对的,不是异或。但是您要问的是引用异或选择-排他。“或”包括在内。该框为蓝色或橙色。如果是蓝色,则排除橙色,反之亦然。还是我读错了?我不是数学家...我只是凭视觉而行。
斯科特,

根据斯科特的想法,如果将盒子像他的第二个例子一样分成4个象限,那可能会很好。也许值得尝试,在某些纸牌游戏上看起来像这样(例如Uno,但它有4种颜色。)
go-junta 2015年

@斯科特:你是对的,我在那儿发疯了。仍然出现问题,该符号不是很为人所知,没有任何作用。
Wrzlprmft

好吧..如果最主要的问题是清晰度.....我已经编辑了答案。:)
斯科特(Scott)

5

我只是想您可以以相反的角度走,以防止对角线和问号结尾(顶端)之间发生“冲突”。+我也尝试过使用非零的分隔线粗细。我是一个业余爱好者。

另一个尝试


5

在上下文明显阻止图标解释为“橙色和蓝色”的情况下,它必须表示“橙色或蓝色”。因此,您完全不需要问号。

省略问号可以更容易地显示两种以上的颜色-问号可能不容易看到潜在的颜色。

如果上下文不清楚,那么这里必须考虑其他包含问号的答案;但是您的箱子的小尺寸(1平方厘米)可以减少混乱的情况。“少即是多”有很多应用!

如果需要一个问号,我宁愿它来自同一字体家族,你用你的海报系列的其余部分(我想这是对纸张的显示在会议),这可能意味着也有重新考虑。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.