다음 두 가지 조건을 충족하는 4 가지 색상 팔레트를 선택해야합니다.
- 색맹 인은 네 가지 색상을 모두 쉽게 구분할 수 있습니다.
- 일반적인 색각을 가진 사람들은 “녹색”, “파란색”, “노란색”, 및 “red”.
컨텍스트를 위해 표준 Icehouse 조각
을 사용하는 보드 게임의 비디오 게임 버전을 만들고 있습니다. 조각의 모양, 크기, 위치 및 방향은 모두 게임 플레이와 관련이 있으므로 색상 대신 사용할 수 없습니다. 또한 각 색상은 규칙에서 이름으로 참조되므로 모호하거나 원래 색상과 관련이없는 색상을 사용하는 것은 원래 보드 게임에 익숙한 사람들에게 혼란 스러울 것입니다.
위와 같이, 내 최선의 선택은 무엇입니까?
댓글
- 여러 유형의 색맹을 모두 해결 하시겠습니까, 아니면 일부만 해결 하시겠습니까? en.wikipedia.org/wiki/Color_blindness#Classification
- 적록 색맹의 경우 : 빨강과 녹색 중 하나가 다른 하나.
- 모든 종류의 색맹은 불가능합니다. 다른 종류의 색맹 은 다르게 보이기 때문입니다.
- 색맹 인 사람들이 색을 구분하는 데 신경을 쓰지 않을 수도 있다는 점을 고려할 수 있습니다. 야생의 숨결을 연주 할 때이 사실을 직접 발견했습니다. 신사가 파란색과 노란색으로 구분되어 있다는 것을 깨닫기 위해 온라인 가이드를 읽어야했습니다. 색깔을 보지만 나는 제가 ‘ 색상 코딩에 익숙하지 않은 것 같습니다.
- 색조 또는 색상이 필요합니까? 한 가지 일반적인 접근 방식은 단순히 서로 다른 색상에 대해 서로 다른 값이나 채도를 사용하는 것입니다. 이는 cubehelix 와 같은 시스템이 취하는 방식입니다.
답변
패턴이 사용 사례에 적합합니까?
모양, 크기, 위치 및 방향을 동일하게 유지할 수 있습니다. 색상 대신에 패턴을 사용하는 항목을 구분하는 “색맹 모드”가 있습니다.
예를 들어 파란색은 평행선, 빨간색은 점 패턴, 노란색은 십자형 일 수 있습니다. -hatch와 green은 지그재그 선이나 물결 선이 될 수 있습니다.
이렇게하면 색맹의 모든 유형을 설명 할 수 있습니다 ( 포함). 단색 -완전한 색맹) 요소의 방향이나 크기에 의존하지 않는 방식 (크기에 의존하는 패턴의 가장 큰 문제)
업데이트
귀하의 게임 미학이 허용하는 경우 댓글에서 지적한대로 추가 설정이 필요하지 않도록 색상 및 패턴을 사용하지 않는 이유는 무엇입니까?
패턴과 배경이 명암비 가 충분히 높고, 이상적으로는 7 : 1이지만 그래픽 개체 / 사용자 인 WCAG AAA에는 3 : 1이면 충분합니다. 인터페이스 구성 요소 ( 비 텍스트 대비 ).
댓글
- 피할 수 있습니다. 둘 다 사용하여 ” 맹인 모드 “. 색상이있는 패턴 : 파란색 물결 선, 빨간색 점 …
- 유효한 점입니다! 이것이 게임 미학에 적합하다면 100 % 동의합니다.
- 당신의 요점을 반영하기 위해 제 답변을 수정했습니다.
- 이것은 많은 물리적 보드 / 카드에서이를 수행하는 매우 일반적인 방법입니다. 계략. 색맹이 비교적 적은 사람으로서 저는 그것이 매우 도움이된다고 생각합니다. 예를 들어, 이러한 ” 승차권 ” 카드는 주로 색상으로 구분되지만 모서리에 작은 기호가 있습니다. blog-cdn.daysofwonder.com/dow-uploads/2013/02/t2r-cards.jpg
- @neil 몰라요, 티켓을 플레이 해 보았습니다 제가 아는 색맹이없는 부모님과 함께 타는 것입니다.하지만 그들은 우리가 플레이하고있는 다소 어두운 조명에서 카드를 구별하는 데 큰 어려움을 겪었습니다. 게임은 그들에게 매우 실망 스러웠습니다. 그들은 둘 다 가족이 함께 보드 게임을 즐기는 것을 즐겼고 저는 우리가 플레이했던 Clue와 Monopoly보다 더 나은 게임을 소개하고 싶었습니다. 기호가 있지만 특히 그들이 앉아 있던 곳에서 멀리 떨어진 경로와 일치하는 데 훨씬 더 오래 걸렸습니다.
답변
다음을 고려하십시오. “color-blind 친숙한 팔레트 “
이 팔레트라고 생각합니다. 녹색 (4 차), 노란색 (5 차), 파란색 (3 차 또는 6 차), 빨간색 (7 차)으로 쉽게 해석 할 수있는 색상이 있습니다.
댓글
- 특히이 이미지를 원 생태 나 중추시를 시뮬레이션하는 필터를 통해 넣었을 때 4 개는 7과 매우 비슷해 보입니다.
- 확실한 protanomaly 사례를 가진 사람으로서 저는 색상 4, 5, 6, 7이 이 크기와 거리에서 구별이 가능하다는 것을 말씀 드릴 수 있습니다. 4/5/6은 기본적으로 5/6/7과 같이 모든 크기 / 거리에서 구별 할 수 있지만 4와 7은 매우 작은 경우 (16×16 픽셀처럼 생각) 구분하기 어렵습니다. id = “b7ca2ed06b”>
더 멀리 떨어져 있는지 구분하기가 더 어렵습니다.
답변
색맹 인으로서 감사합니다. 그리고 LED의 색상 발명자들 (*) 이 지옥에 영원히 불타 오르길 바랍니다. (모든 사람들이이 말을 너무 심각하게 받아들이고 있기 때문에, 나는 그것을 제거하고 있습니다. LED를 발명하든 안하든 모두가 발할라로 가도록 해주세요. 🙂
이걸 내 가슴에서 빼고, 사용자에게 제공하는 것이 좋습니다. 선택 .
모든 유형의 색맹을 한 번에 다룰 수는 없습니다 (다른 사람에게는 색맹이 다를 수 있으며 그 반대의 경우도 마찬가지 일 수 있습니다). 다른 한편으로 우리는 가능한 한 색상의 차이를 볼 수 있습니다.
즉,
[color1] [color2] [color3]
[color1] [color2] [color2]
색맹 인은
[color1-ish] [color2] [color3-ish]
다른 “색상”( 보이는 것과 다를 수 있습니다.
따라서
[green] [blue] [yellow] [red]
여러 팔레트가있을 수 있으며 사용자가 모든 필드가 .
(*) 전자 장치의 상태를 나타내는 작은 원형 램프-각 램프는 여러 가지 색상을 가질 수 있습니다 (내가 구분하지 않음).
댓글
- @Beejamin : 예, 전자 장치의 LED (상태를 나타내는 원형 램프)의 색상입니다. 색상이 나에게 매우 가깝기 때문에 빨간색, 주황색 또는 녹색이 언제인지 결코 알 수 없습니다. 매번 실패했기 때문에 한 번 라우터를 다섯 번 플래시했습니다. 그러다가 오빠가지나 가서 제가 뭘하고 있는지 물었더니 LED가 실제로 녹색이라고 말했습니다. 제가 어렸을 때 의사가 아버지에게 저는 결코 엔지니어가 아니고 과학 분야에서 일하지 않을 것이라고 말했습니다. Dr Stupid, 만약 당신이 내 말을 들으면 아이들에게이 말을 그만하십시오. 서명 : 엔지니어 및 물리학 박사
- @Beejamin : 아아, 오타를 만들었습니다. 당연히 LED를 의미했습니다. 업데이트 중입니다. 또한 이전 의견의 의사는 색맹 (과학 분야에서 일하는 것을 막기 위해) 때문에 이것을 말했습니다.
- LED (적어도 오래된 것)의 색상은 설계 결정 이라기보다는 기술적 한계였습니다. 빨간색, 노란색 / 호박색 및 녹색은 원래 그들이 생산할 수있는 유일한 색상이었습니다. 파란색과 흰색이 나중에 나오면서 풀 컬러 LED 디스플레이가 가능해졌습니다. (흥미롭게도이 사실을 공상 과학에 사용할 수 있습니다. 예를 들어 Star Trek TNG에서 데이터 ‘의 머리를 열어 그의 양전자 네트워크를 보여줄 때마다 깜박임이 많이 있습니다. LED는 모두 빨간색, 노란색, 녹색이었습니다. 그 당시에는 사용 가능한 유일한 색상 이었기 때문입니다.)
- @WoJ LED의 색상은 그것과 아무 관련이 없습니다. 직접 말씀 하셨듯이, 문제는 ‘ 색상이 아니라 ‘ LED를 사용하는 전자 기기가 ‘ 항상 위치에 의존하는 것은 아닙니다. Darrel Hoffman이 지적했듯이 LED 자체의 색상은 색상으로 선택되지 않았습니다. ‘ LED 발명가를 비난하는 것은 네온 불빛의 특정 색상에 대해 네온 불빛 발명가를 비난하는 것과 같습니다.
- @WoJ 따라서 하나의 LED 표시기 (충전기 : 녹색-완전 충전 됨, 녹색 깜박임-거의 다 있음, 호박색-2/3, 호박색 깜박임)에 다른 신호를 병합하기로 선택한 모든 설계자를보고 싶습니다. -1/3, 빨간색-비어 있음) 실제 LED를 발명 한 사람이 아니라 지옥에 있습니다.
답변
이 요소를 고려하는 것은 칭찬 할 만하지 만 여기에서 더 큰 그림에 대해서도 생각해야합니다. 즉, 가능한 많은 사람들이 플레이에 관심을 갖기를 원하는 게임을 만들려고합니다.
당신이 나열한 네 가지 색상은 이미 당신의 타겟 청중이 친숙 할뿐만 아니라 동일하다고 상당히 기대하는 확립 된 세트입니다.
즉, 원래 4 가지 색상을 기본값으로 유지합니다 .
이제 원하는 것처럼 보이는 색맹을 지원하기 위해 추가 노력을 기울이고 싶을 것입니다. 그런 다음 모서리를 자르지 말고 올바른 방식으로 수행하십시오. 사용자로 만들기 색상 팔레트를 선택할 수있는 옵션 . 다양한 유형의 색맹에 대해 몇 가지 사전 설정 옵션이 있거나 상단으로 이동하여 사용자가 자신의 4 색상.
패턴을 사용하는 것은 “대부분의 사용자에게 미학적으로 만족스러워 보이지 않을 것입니다. 따라서 많은 것을 미루어 발에 총을 쏘지 마십시오. 소수만 기쁘게하십시오.
p>
그러면 질문이 남습니다. w 규칙이 일치하지 않는 것에 대해 모자라?
규칙이 물리적으로 인쇄되고 / 또는 단일 비 동적 전자 문서에있는 경우 할 수있는 일이별로 없습니다. 이것이 바로 원래 색상을 기본값으로 고수해야하는 이유입니다.
그러나 규칙이 게임 UI에 내장되어 있다면 인스턴스를 만드는 데 너무 많은 노력을 기울일 필요가 없습니다. “색상 이름”변수 : 시각적 색상과 표시 이름 모두에 있습니다. 기본적으로 사용자가 다른 팔레트를 선택한 경우 UI에서 색상이 참조되는 모든 곳에서 해당 선택을 반영합니다.
간단히 말하면 다음과 같습니다. 종류의 시나리오는 항상 선택 사항이어야합니다. 모든 사용자에게 동일한 사용성 규칙을 적용하여 애플리케이션을 불리하게 만들지 마세요.
답변
과학 / 데이터 과학에서 비리 디스 컬러 구개는 지난 몇 년 동안 색맹 친화적 인 인물을 만드는 데 꽤 인기를 얻었습니다. R 프로그래머를 대상으로하지만 여기에 주제에 대한 정말 좋은 기사 링크가 있습니다. The Viridis Color Palettes
아니요 팔레트는 모든 형태의 색맹에 적합하지만, 두 가지 또는 세 가지 가장 일반적인 형태의 색맹을 수용하면서 상대적으로 미학적으로 만족스러운 소수를 제공합니다. 2-4 개의 개별 색상이 필요한 그림을 만들 때는 색상 스케일을 따라 같은 거리에있는 색상을 선택합니다. 그 이상으로 사물을 구별하는 데 도움이되는 모양과 같은 다른 것들을 통합하는 것을 고려하기 시작합니다. 좀 더 쉽게 (그리고 후세를 위해) 색상 팔레트를 표시하는 수정 된 버전의 이미지를 첨부합니다. 원 / 숫자 영역은 대략적으로 색상을 선택할 수있는 위치를 표시합니다.
예를 들어 “inferno”를 사용하면 색맹이 아닌 사용자가 색상은 “노란색”, “주황색”, “보라색”및 “검정색”으로 표시됩니다.
그리고 그려지는 것의 다른 측면에 따라 때로는 색상도 가질 수 없습니다. 밝거나 너무 어둡습니다.이 경우 색상 팔레트의 한쪽 끝 또는 다른 쪽 끝을 약간 잘라낸 다음 그에 따라 등거리 지점에서 제 색상을 가져 오지만 다시주의해야합니다. 너무 가까우면 개별 색상으로 구별하기가 어려워집니다.
앞에서 언급했듯이 팔레트를 선택하는 설정을 고려해보세요. 이렇게하면 모든 사람이 게임이 미적으로 즐거웠습니다.
편집 : 돌아가서 질문을 다시 읽으면서 OP가 해당 4 가지 색상을 구체적으로 유지하고 색맹 친화적 인 변형을 찾고 싶었다는 의미를 놓친 것 같습니다.
답변
이 4 가지 기본 색상은 대부분의 색맹 인 사람들이 쉽게 구분할 수 있습니다. 대부분의 색맹 인들이 구별하지 못하는 것은 중간 색조와 뉘앙스입니다.
(RGB 색상 모델에 대해 생각한다면 가장 일반적인 유형의 색맹은 R과 R 사이의 혼선입니다. G 신호 또는 R, G 및 / 또는 B 신호가 누락 된 희귀 유형)
청중을 넓히기 위해 옵션을 추가해야하는 경우에는 노란색 (즉, R + G)이 R에서 G 밴드로 밀리지 않도록 보라색 (R + B) 또는 청록색 (G + B)으로 변경할 수 있습니다.
댓글
- 다른 요구 사항을 위반하지 않고는 노란색을 보라색 또는 청록색으로 ‘ 변경할 수 없습니다.
- 그런 다음 노란색은 색맹의 일반적인 범죄자입니다. 단순히 빨간색 또는 녹색으로 향하는 경향이 있습니다. 완전히 다른 이름으로 변경해도 다른 이름을 계속 유지할 수 있습니다. 3. 아무것도 아닌 것보다 적으며 다른 것을 조정할 수 있습니다 (또는 조정하지 않을 수 있음).
- 동의하지 않습니다 강하게 ” 빨간색 ” 및 ” 녹색 “는 모든 사용자, 특히 적 녹색 색맹이 구별 할 수 있습니다. 분명히 일부 빨간색 음영은 항상 나에게 빨간색으로 보이며 녹색의 경우 동일합니다. 그럼에도 불구하고 ‘ 적절한 크기의 색상 띠가있어 ‘ 어떤 색상인지, 심지어 있는지도 알 수 없습니다. ‘ 견본의 모든 색상. 옅은 녹색은 나에게 회색입니다. 오늘날까지 대부분의 녹색 신호등은 하얗게 보입니다.
- @RossPresser 나는 아무것도 격리하지 않습니다 ‘. 색맹에는 많은 변종이 있으며 거의 모두가 더 약하거나 더 강할 수 있습니다. ” 순수한 ” (rgb 모델에서와 같이) 빨간색과 녹색, 노란색 ( 동일한 rgb 모델에서 빨간색과 녹색이 혼합 된 경우) 빨간색 및 / 또는 녹색과 구별하기가 더 어려울 수 있습니다. OP는 게임이 투명한 색상 블록을 사용하므로 강도 / 채도 차이는 사용할 수없고 색상 만 사용할 수 있다고 말했습니다.
답변
패턴 아이디어는 소리 좋지만보기에도 좋습니다. 게임에서 어떻게 작동하는지 알면 상황이 더 복잡해집니다.
플레이어가 알아볼 수 있도록 원래 색상을 사용하지만 게임을 처음 사용할 때 다른 색상 팔레트에 대한 옵션을 제공하는 메시지를 표시합니다. Sim Daltonism 또는 이와 유사한 플러그인을 사용하여 색상 팔레트 대안을 설정하고 사용자가 결정하도록 놔두세요.
그러면 어느 시점에서 사용자가 가장 많이 사용하는 팔레트를 볼 수 있습니다.