Articles

색맹 디자인 방법

색맹 또는 색맹 결핍(cvd)은 남성 12 명 중 1 명,전세계 여성 200 명 중 1 명에게 영향을 미칩니다. 이 의미는 매 100 을 방문하는 사용자의 웹 사이트 또는 앱까 8 사람의 경험으로 컨텐츠 많이 다르게는 간편하게 사용할 수 있습니다. 그러나 사용자 경험이 이러한 방문자에게 똑같이 호소하는지 어떻게 보장합니까? 우리는 도움의 손길을 빌려 왔습니다. 그래서 실행 하기 전에,당신은 당신의 디자인 팀에서 공황을 살펴보고,우리의 검거의 일을 디자인할 때 고려 UX 색깔을 위한 접근성.,

먼저 색맹이란 정확히 무엇입니까?

대부분의 컬러 블라인드는 사람들을 볼 수 있는 것만으로 명확하게로 인구의 나머지 부분의 차이입니다 그들의 무능력을 구별하는 빨강,녹색,파란색 빛입니다. 결핍의 결과에 돌연변이 X 염색체 의 여성은 더 될 가능성이 항상 환자–할 수 있습니페스트에서 3 주니다.

가장 일반적인은 빨강/녹색 색맹,는 환자들을 섞는 모든 색이 빨간이나 녹색의 일환으로 전체 색상입니다., Protan 색맹의 영향을받는 사람들은 적색광에 덜 민감한 반면,Deuteranopia 환자는 녹색과 동일한 문제가 있습니다. 예를 들어,Protanopia 를 가진 사람은 색 보라색의 빨간색 요소를 인식 할 수 없기 때문에 파란색과 보라색을 혼동합니다. 세 번째 유형의 색 결핍,타노 피아,가장 일반적인 의미한 환자 투쟁을 구별하는 파란색 또는 노란색 빛입니다. 아래 이미지는 무지개가 이러한 형태의 색맹 각각을 가진 개인에게 어떤 모습 일지 보여줍니다.,

그렇다면 더 나은 색상 접근성을 위해 어떻게 디자인 할 수 있습니까?

당신은 생각하고있을 수 있습니다:”왜 그런 작은 사용자 그룹을 위해 설계해야합니까?”그러나 일반적으로 색맹 사용자에게 유리한 요소는 실제로 더 넓은 의미에서 좋은 디자인 관행으로 간주됩니다. 따라서 사이트가 잘 설계된 경우 이미 모든 사용자가 액세스 할 수 있어야합니다.

접근성을 위해 설계한다고해서 디자인의 미적 무결성이 어려움을 겪을 필요가 있음을 의미하지는 않습니다., 그 마음에,여기에는 다섯 가지 요소에 집중 해야에 대한 급여 인 UX:

모두 사용하는 색상과 기호

안에 의존하는 색상을 혼자 메시지를 전달;예를 들어,특정 유형의 색맹은 그것을 만들 수 있습니 어렵거나 심지어 볼 수 일반적인 붉은 오류 메시지를 가지고 있습니다. 한 가지 방법은 사용자의주의가 필요한 곳에서 색상과 기호를 모두 사용하는 것입니다. 이것의 좋은 예는 Facebook 의 양식 필드와 첨부 된 오류 메시징입니다.,

재미있는 사실 Facebook 의 로고와 악명 높은 푸른 색상이 특별히 선택되었기 때문에 마크 주커버그가 빨강-녹색 컬러 블라인드 및 파란색이 최고입니다.

유 최소

제한해야 합 색상 팔레트에 사용하는 웹사이트 적은 수의 색상을 사용하여 당신의 디자인에서,몇몇 인스턴스가에 대한 것이다.

뿐만 아니라 최소한의 설계를 초월하고 심미적으로 만족하는 경향도할 때 유용한 디자인 컬러 접근성이다.,

사용 패턴과 질감을 보여주 대비

을 사용하려고 다른 질감,반대로 여러 색상을 위해,필요한 요소입니다. 예를 들어 색맹 사용자가 그래프와 차트를 해석하기가 어려울 수 있습니다. 이 경우 대비되는 패턴을 사용하고 가능한 경우 대신 텍스트를 배치하는 것이 좋습니다.

조심과 대조 색상과 색상

대신에 의존하는 검은색 및 흰색으로만 대조 색상 사용하려고의 범위가 명확하게 대조 색상과 색상에서 당신의 디자인이다., 예를 들어,게임 단어 불화를 사용하여 네 개의 색에 대한 그는 타일을 쉽게 구분할 수 있는 사람들에 의해 함께 또는없이 비전 컬러분이 포함되어 있습니다.

하는 컬러 콤보

당신이 스마트해야 할 때 당신의 색상 조합. 색맹은 다른 방식으로 사람들에게 영향을 미치기 때문에 어떤 색상이 웹 디자인에 사용하기에’안전’한지 결정하기가 어렵습니다.,iv id=”7030bde3c1″>

Red

  • Green & Brown
  • Blue & Purple
  • Green & Blue
  • Light Green & Yellow
  • Blue & Grey
  • Green & Grey
  • Green & Black
  • Side note: how do you know if you’re color blind?,

    잘 어떤 사람은 몇 년을 알고없이 그들이 컬러 블라인드로 효과가 상대적으로 주목하지 않는 한 다른 사람 포인트합니다. 아래 이미지는 일반적으로 색맹을 테스트하는 데 사용됩니다–그것을 갈 줘! (이 기사의 하단에서 전체 테스트에 대한 링크를 찾을 수있다.나는 이것이 어떻게 작동하는지 잘 모르겠습니다.

    1. 이시하라 색맹 테스트할 수 있습 38 격판덮개 기반으로 테스트하고 피드백을 얻을 뿐입니다.,
    2. 색맹 검사:colorblindor 에서 만든 Android 앱으로±60 초 내에 색맹인지 여부를 테스트 할 수 있습니다.
    3. Coblis:색맹 시뮬레이터:여기는 이미지를 업로드할 수 있습을 보면서 무엇이 보이는 것 같은 사람들의 눈을 통해 서로 다른 유형의 색맹.
    4. 모바일 앱:다음은 색맹 사용자를 돕기 위해 특별히 개발 된 3 가지 Android 및 iOS 앱입니다.,

    결론

    일반적으로 UX 디자이너는 모두에게 접근 가능하고 사용자 친화적 인 웹 사이트를 만들어야합니다., 불행하게도 없습니다 one-size-fits-all 솔루션을 설계할 때 색맹 특히,그러나 몇 가지 필수적인 UX 디자인 원칙을 염두에 두어 확실히 도움이됩니다:

    1. 지에만 의존하는 색상에 메시지를 전달
    2. 유지하는 색상 팔레트에 2 또는 3 색
    3. 를 사용하여 텍스처와 패턴을 보여주 대비
    4. 신중하게 선택 색깔과 음영
    5. 사용을 피해 나쁜 색상 조합