가능한 색상이 보완적일 때 불확실한 색상 상자를 시각화하는 더 좋은 방법은 무엇입니까?


21

여기에 이미지 설명을 입력하십시오

다른 유형의 항목을 구별하는 색상으로 색상 상자 (1 및 2 전시)로 표시되는 특정 항목을 포함하는 그림을 만들려고합니다. 이 상자의 모양 (모양, 색상 등)이 고정되어 있다고 가정하십시오. 이제 유형을 알 수 없지만 파란색 유형 또는 주황색 유형 ¹ 인 항목을 나타내는 세 번째 유형의 상자를 만들어야합니다. 최선을 다하는 방법으로 고심하고 있습니다.

여기 내가 지금까지 고려한 내용과 왜 만족하지 않는지 설명합니다.

  • 그림 3 : 상자의 채우기 색상을 분할하여 물음표를 흰색으로 만듭니다. 주황색 바탕의 물음표 부분이 잘 보이지 않습니다.
  • 그림 4 : 상자의 채우기 색상을 분할하여 물음표를 검정색으로 만듭니다. 파란지면의 물음표 부분은 잘 보이지 않습니다.
  • 그림 5 : 상자와 물음표의 채우기 색상을 나눕니다. 물음표는 하나의 문자로 인식하기 어렵습니다.
  • 그림 6 : 파란색과 주황색 사이에 평균 채우기 색상 사용. 이 둘이 상보 적이기 때문에, 파란색과 주황색 만 가능한 상태이며이 둘 사이의 일부 상태가 아님을 충분히 명확하게 알 수 없습니다.

상태가 불확실하다는 것을 나타내는 데 필요한 채우기 이외의 지표를 고려할 때 위의 모든 물음표가 포함되어 있습니다. 그러나이 지표는 물음표 일 필요는 없습니다.

내 질문은 : 내가 누락 된 것을 시각화하는 더 좋은 방법이 있습니까?

이것이 중요한 경우 : 이것은 과학 포스터의 경우 (즉, 약 1m 거리에서 읽을 수 있어야 함) 각 상자의 너비는 약 1cm입니다. 배경이 흰색입니다. 인쇄 된 결과의 색상을 미세 조정할 수는 없지만 얻은 결과와 함께 살아야합니다.


¹ 실제로 주황색과 파란색 모두의 경우는 문맥 상 명확하게 제외됩니다.


1
# 3을 사용하지만 글꼴을 실제로 무겁고 확장 된 것으로 변경하는 것은 어떻습니까? 글꼴은 약간 얇아 보이지만이 컨텍스트에서 파란색과 주황색을 혼합하려는 생각은 완벽합니다. 물음표는 논리적이고 이해하기 쉽습니다. 그렇지 않으면 아이콘 / 캐릭터에 적용 할 경우 거리가 0 인 검은 그림자도 좋습니다. type.co.uk/preview/imgs/…
go-junta

1
정말 좋은 예와 광범위한 질문 배경은 +1입니다. 이것은 실제로 모범적 인 질문입니다.
PieBie

두 가지 색상의 접근 방식에 강력하게 동의하지 않습니다. 키가 없으면 "둘 다"가 아니라 "둘 다"를 전달합니다. 실제로 옵션 4, 옵션 2, 결정된 옵션이없고 (어드레싱되었지만 결정적이지 않은) 값이없는 4 값 시스템을 실제로 다루고 있습니다.
Yorik

@ Yorik : 두 가지 모두 맥락에서 이해가되지 않습니다 (질문에 이것을 추가했습니다). 대표 색상을 생각 고온저온. 나는 그것의 문제 도 어느 것도 의미 하지 않는다 . 세 번째 색을 사용하면 그렇게 할 수 없다.
Wrzlprmft

나는 너무 많은 노력을 기울이지 않지만 뜨겁고 차가운 경우에는 축이나 스펙트럼이므로 "둘 다"는 실제로 많은 의미가 있으며 두 가지 색상의 아이콘이 작동합니다. 설명하는 것처럼 온도는 두 값을 제외하고 중간이 아닙니다. "불확정 한"온도는 "뜨겁지도 춥지도"와 같지 않으며 값의 색상을 공유하지 않아야합니다.
Yorik

답변:


16

나는 당신이 이해하는 더 많은 옵션이 없다고 생각합니다. 상자에 2 가지 색상을 사용하는 것이 합리적이며 물음표는 메시지를 명확하게합니다.

그러나 색상의 각도와 글꼴 스타일로도 재생할 수 있습니다.

아이콘 파란색과 주황색의 예

첫 번째로, 나는 단순히 각도를 바꾸었고 물음표를 덜 방해하는 것 같습니다. 정말 스타일이 바뀝니다! 어쩌면 얇은 글꼴이 그 각도로 더 잘 보일 수도 있습니다. 이 예제의 글꼴은 두 번째 아이콘과 같은 Museo 900입니다.

다른 3 명에서는 각도에 색을 사용했지만 글꼴과 효과가 다릅니다.

  • 효과가없는 Museo 900 글꼴
  • 그림자가있는 Museo Sans Rounded 900
  • 각진 검은 색 외곽선이있는 Verdana Bold

편집 : 2 개의 마지막 효과와 다른 각도를 추가했습니다.

또 다른 예


14

검은 색 또는 흰색 물음표가 양쪽에 표시되도록 경계를 동일하게 유지하도록 색상을 조정하십시오. 예를 들면 다음과 같습니다.

물음표 물건

여전히 테두리에서 원래 색상을 볼 수 있지만 이제 어두운 실내에서 검은 색 물음표가 표시됩니다 (김프에서 밝기 / 대비 도구를 사용했습니다).

(뒤로 보면 테두리가 더 넓었을 것이므로 원래 색상이 더 잘 보일 수 있습니다. 아, 예일뿐입니다.)


이 방법에 대한 유일한 나쁜 점은 다른 유형하지 않아도 이러한 유형의 흰색 나중에 생성하는 것입니다
자크 Saucier

10

go-me의 답변에 동의하십시오 .

또 다른 접근 방식은 '플레이 카드'접근 방식 일 수 있으며, 물음표를 색상과 위치 모두에서 반전시킵니다.

여기에 이미지 설명을 입력하십시오


내 의견으로는 .... 귀하의 답변에 공감대가 주어지면 정확합니다.
Sebastiano

6

나는 전문가가 아니지만,이 유형의 문제를 다룰 때 (흰색은 밝은 색으로 보이지 않고 검은 색은 어두운 색으로 보이지 않음) 항상 같은 일을합니다. 검은 색 테두리가있는 텍스트를 흰색으로 넣습니다. 텍스트가 모든 색상으로 표시됩니다. 물음표에 검은 색 테두리를 추가하여 사진 번호 3을 찍을 수 있습니다. 시도 해봐!

편집 : 다음은 지금 예입니다.여기에 이미지 설명을 입력하십시오


안녕 Aye1. 좋은 대답입니다. 이 사이트는 주로 시각적 인 웹 사이트이므로 항상 말하려는 내용의 예를 포함시키는 것이 좋습니다. 그러나 @ go-me는 어쨌든 당신을 이길 것 같습니다.
PieBie

나는 당신이 100 % 옳다는 것을 알고 있습니다. 그래도 빠른 답변을 원했습니다.
Aye1

그래, 가끔은 같은 문제가 생겼어 미래의 통행인에 대한 의견을 남기십시오.
PieBie

6

"xor"의 논리 기호는 일반적으로 ....

여기에 이미지 설명을 입력하십시오

이 기호를 사용할 수 있습니다 .....

여기에 이미지 설명을 입력하십시오

궁극적으로 이것은 모두 의견과 선호의 문제입니다. 당신을 위해 일하는 것은 무엇이든, 일합니다 :)

그것이 명료성에 관한 것이라면 .. 그것을 다시 생각하지 마십시오 ....

여기에 이미지 설명을 입력하십시오

아니면 ...

여기에 이미지 설명을 입력하십시오

정말 있습니다 방법으로 수십개의 시각이를 표현하기 위해 (그렇지 않으면 수백). 나는 이것이 너무 광범위한 질문이라고 생각하며 누군가가 당신의 의견에 효과가있는 것에 부딪 치면 순수한 사건이 될 것 입니다.


당신 말이 맞아요. 그러나 당신이 요구하는 것은 XOR 선택을 독점하는 것입니다. "또는"이 포함됩니다. 상자는 파란색 또는 주황색입니다. 파란색이면 주황색이 제외되고 그 반대도 마찬가지입니다. 아니면 내가 잘못 읽고 있습니까? 저는 수학자가 아닙니다 ... 나는 단지 시각 자료로 가고 있습니다.
Scott

Scott의 아이디어를 바탕으로 상자가 두 번째 예와 같이 4 사분면으로 분할되어 있으면 좋을 수 있습니다. 시도해 볼만한 가치가있을 수 있습니다. 일부 카드 게임에서 다음과 같이 보입니다 (예 : 우노 (Uno). 예를 들어 4 가지 색상이 있습니다)
go-junta

@ 스콧 : 당신은 맞습니다, 나는 거기에 brainfarted. 그럼에도 불구하고, 심볼이 영향을 미치는 것으로 충분히 잘 알려져 있지 않다는 문제가 발생한다.
Wrzlprmft

글쎄 .. 명확성이 주요 관심사라면 ..... 나는 대답을 편집했다. :)
Scott

5

대각선과 물음표 끝 사이의 "충돌"을 막기 위해 반대 각도로 갈 수 있다고 생각했습니다. + 또한 구분선의 0이 아닌 두께로 시도했습니다. 나는 아마추어입니다.

다른 시도


5

컨텍스트 에서 아이콘이 "오렌지와 블루"로 해석되는 것을 명확하게 방지하는 경우 "오렌지 또는 블루"를 나타내야합니다. 따라서 귀하의 경우에는 물음표가 전혀 필요하지 않습니다.

물음표를 생략하면 두 가지 이상의 색상을보다 쉽게 ​​표시 할 수 있습니다. 물음표로 인해 잠재적 인 색상을 쉽게 볼 수 없습니다.

문맥이 명확하지 않은 경우 여기에 물음표를 포함하는 다른 답변은 반드시 고려해야합니다. 그러나 귀하의 경우 상자의 작은 크기 (1cm 정사각형)는 덜 어수선합니다. "더 적을수록"많은 응용 프로그램이 있습니다!

물음표가 필요한 경우, 나는 당신이 것을 의미 포스터 시리즈의 나머지 (나는이 회의에서 종이 디스플레이에 대한 추측) 사용으로이 같은 폰트 패밀리에서 온 것을 선호 도있다 재검토되어야한다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.