可能な色が補色である場合、不確実な色のボックスを視覚化するより良い方法は?


21

ここに画像の説明を入力してください

色付きのボックス(展示1および2)で表される特定のアイテムを含むイラストを作成しようとしていますが、色はさまざまなタイプのアイテムを区別しています。これらのボックスの外観(形状、色など)が固定されていると仮定します。次に、タイプが不明のアイテムを表す3番目のタイプのボックスを作成する必要がありますが、それは青色タイプまたはオレンジタイプ¹のいずれかです。私はこれをどのように行うのが最善かについて苦労しています。

ここに私がこれまでに考えたことと、なぜ私がそれに満足していないかを示します:

  • 図3:ボックスの塗りつぶし色を分割し、疑問符を白にします。オレンジ色の地面にある疑問符の部分はよく見えません。
  • 図4:ボックスの塗りつぶし色を分割し、疑問符を黒にします。青い地面の疑問符の部分はよく見えません。
  • 図5:ボックスと疑問符の塗りつぶし色の分割。疑問符は、1文字として認識するのが困難です。
  • 図6:青とオレンジの間の平均的な塗りつぶし色を使用します。この2つは相補的であるため、青とオレンジのみが可能な状態であり、これが2つの間のある状態についてではないことを十分に明らかにしていません。

状態が不確実であることを示すために必要な塗りつぶし以外のインジケータを検討するため、上記のすべてに疑問符が含まれています。ただし、このインジケータは疑問符である必要はありません。

私の質問は、これを視覚化するより良い方法はありませんか?

これが重要な場合:科学的なポスターの場合(つまり、約1 mの距離から読み取り可能)、各ボックスの幅は約1 cmです。背景は白です。印刷結果の色を微調整することはできませんが、私が得たものと一緒に暮らさなければなりません。


¹実際には、オレンジと青の両方であるケースは、コンテキストによって明らかに除外されます。


1
#3を使用して、フォントを本当に重い拡張されたものに変更するのはどうですか?フォントは少し細いように見えますが、この文脈では青とオレンジを混ぜるというあなたの考えは完全に理にかなっています。疑問符はそれを論理的にも理解しやすくします。そうでなければ、アイコン/キャラクターに適用された場合、距離が0の黒いドロップシャドウもいいかもしれません。type.co.uk/preview/imgs/...
ゴー政権

1
本当に良い例と質問の広範な背景のために+1。これは本当に模範的な質問です。
PieBie

私はツーカラーインワンアプローチに強く反対します。キーがなければ、これは「両方」ではなく「両方」を伝えます。ここでは、実際には4値システムを扱っています。オプション1、オプション2、決定されたオプションはありません(つまり、アドレス指定されていますが、決定的ではありません)。
ヨリック

@Yorik:両方ともコンテキストでは意味がありません(これを質問に追加しました)。ホットコールドを表す色を考えてくださいどちらにも意味がないという問題は見当たりません-3番目の色を使用するとそれができます。
Wrzlprmft

あまり酷使することはありませんが、暑くて寒い場合は軸またはスペクトルなので、「両方」が実際に多くの意味を持ち、2色のアイコンが機能します。温度は、あなたが説明しているように、二値除外された中間ではありません。「不定」温度は「高温でも低温でもない」と同じではなく、どちらの値の色も共有すべきではありません。
ヨリック

回答:


16

意味のあるオプションはこれ以上ないでしょう。ボックス内の2色を使用することは論理的であり、疑問符もメッセージを明確にします。

ただし、色の角度やフォントスタイルを試すこともできます。

青とオレンジのアイコンの例

最初のものでは、角度を変更しただけで、疑問符の干渉が少ないようです。それは本当にスタイルを変えます!おそらく、その角度でも細いフォントがより見やすくなるでしょう。この例のフォントは、2番目のアイコンと同じMuseo 900です。

他の3つでは、色に角度を使用しましたが、フォントと効果は異なります

  • 効果のないMuseo 900フォント
  • Museo Sans Rounded 900、ドロップシャドウ付き
  • 角度の付いた黒一色のアウトラインを備えたVerdana Bold

編集:最後の2つのエフェクトに異なる角度を追加しました。

もう一つの例


14

黒または白の疑問符が両方に表示されるように色を調整することを検討してください。ただし、境界線では同じ色を維持してください。例えば:

疑問符

まだ境界線の元の色を見ることができますが、黒の疑問符が明るい内部に表示されるようになりました(GIMPで明るさ/コントラストツールを使用しました)。

(後から考えると、おそらく元の色がより見えるように、境界線はより広くなっているはずです。まあ、それは単なる例です。)


このアプローチの唯一の悪い点は、他のタイプにはないこのタイプの白を後で作成することです
ザックソーサー


6

私は決してプロフェッショナルではありませんが、このタイプの問題を扱っているとき(明るい色では白が見えず、暗い色では黒が見えません)、私はいつも同じことをします:iテキストを白で、黒の枠線で囲みます。テキストはすべての色で表示されるはずです。写真番号3を使用して、疑問符に黒い境界線を追加できます。試してみる!

編集:今の例です:ここに画像の説明を入力してください


こんにちはAye1。いい答えだ。これは主に視覚的なWebサイトであるため、あなたが言いたいことの例を含めることは常に良い考えです。しかし、とにかく@ go-meはあなたを打ち負かしたと思います。
PieBie

私は、あなたが100%正しいことを知っていますが、私は現在仕事をしているので、今はそれができません(またはペイント下では不十分です)。しかし、私は迅速な答えをもたらしたかった。
アイ

ええ、同じ問題が時々発生しました。将来の通行人のためにコメントを残すだけです。
PieBie

6

「xor」の論理記号は一般的です...

ここに画像の説明を入力してください

このシンボルを使用できます.....

ここに画像の説明を入力してください

最終的には、これはすべて意見と好みの問題です。あなたのために働くものは何でも、働く:)

明快さを重視する場合は、考え直さないでください。

ここに画像の説明を入力してください

または多分....

ここに画像の説明を入力してください

これを視覚的に表現する方法は、数百ではないにしても数十あります。これはあまりにも広範にわたる質問だと思うし、誰かがあなたの意見でうまくいくものを見つけたら、それは純粋な偶然だろう。


あなたは正しいです、それはxor not orです。しかし、あなたが求めているのは、排他的XOR選択を参照することです。「または」は包括的です。ボックスは青またはオレンジです。青の場合、オレンジは除外され、その逆も同様です。それとも間違って読んでいますか?私は数学者ではありません ...私はただ視覚で行きます。
スコット

スコットの考えに基づいて、ボックスが彼の2番目の例のように4つの象限に分割されている場合、それは素晴らしいかもしれません。多分それの価値しようと、それは(例えば宇野例えば、それは4色を持っている。。)いくつかのカードゲームに、このようになります
ゴー政権

@スコット:あなたは正しいです、私はそこで頭脳を立てました。それでも、シンボルが効果を発揮するほど十分によく知られていないという問題が生じます。
Wrzlprmft

まあ..明快さが第一の関心事であるなら.....私は答えを編集しました。:)
スコット

5

対角線と疑問符の終わり(上端)の間の「衝突」を防ぐために、反対の角度で行けると考えていました。+また、区切り線の厚さをゼロ以外で試してみました。私はアマチュアです。

別の試み


5

コンテキストがアイコンを「オレンジと青」として解釈することを明確に妨げる場合、「オレンジまたは青」を表す必要があります。そのため、あなたの場合は疑問符はまったく必要ありません。

クエスチョンマークを省略すると、2色以上の色がより簡単に表示される可能性があります。クエスチョンマークでは、潜在的な色を簡単に確認できない場合があります。

コンテキストがそれを明確にしない場合、疑問符を組み込んだ他の回答は必ず考慮されます。ただし、ケース内のボックスのサイズが小さい(1cm四方)ため、混乱が少なくなります。「より少ない」には多くのアプリケーションがあります!

疑問符が必要な場合、私はあなたがいることを意味するかもしれないあなたのポスターシリーズの残りの部分(私はこれが会議でペーパーの表示のためだと思います)、使用と、それは同じフォントファミリから来ることを好むことがもあり再考される。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.