색각이상(색약)인들도 보기 편한 배색 설정하기 ( Color Universal Design )
이번 글은 색각이상에 대해,... 간단히 소개를 하고
색각이상자들도 색 혼동을 피할 수 있는 방법을 소개하려 합니다.
사람의 눈에는 빛을 감지하는 세포와, 색을 감지하는 세포가 있습니다.
그중 색을 감지하는 세포는 녹색, 청색, 적색을 구분하는 세포들이 있습니다.
그러나 선천적으로 색세포의 역할이 대부분의 사람보다 약한 사람들이 있습니다.
일상생활에는 어렵지 않으나, 어떤 상황에서는 색을 구분하지 못하기도 합니다.
보통은 색맹, 색약... 이렇게 부르기는 하는데... 엄연한 차이가 있구요.
용어를 통한 차별이 있을 수 있어 주의가 필요합니다. ( 정확한 표현에 대해서는 아래 링크를
통해서 내용을 확인해주세요)
여기서는 색각이상으로 칭하겠습니다.
< 사진 출처 : 보건복지부 http://health.mw.go.kr/HealthInfoArea/HealthInfo/View.do?idx=4550 >
아래의 그림은 색각 이상자가... 어떻게 색을 보는지... 에대한 시뮬레이션 결과입니다.
아래 그림역시 보건복지부 홈페이지에서 옮겨왔습니다....
위의 그림처럼 색각 이상의 종류에 따라 색을 다르게 보게 되고,
어떤 경우에는 다른 색인데
둘다 같은 색으로 보게 되는 문제점이 있습니다.
예를 들면 색연필의 색을 구분 못하고...그림을 그릴때 색을 부정확하게
사용할 수 있다는 것이지요.
문제점에 대해서는 좀더 자세히 알고 싶다면...
일본의 비영리 기관인 CUDO (Color Universal Design Organization) 의 소개글을
참고하시기 바랍니다. : http://www.cudo.jp/summary/cudo_e
대부분은 일본어인데, 유일한 영문 소개페이지입니다.
아래의 그림은 CUDO에서 가져온 이미지입니다.
문제점을 아래의 컬러 시트를 통해 다시한번 보시죠..
그림을 보면 왼쪽이 일반인의 시각으로 보는 색이며, 오른쪽은 녹색맹의 시각입니다.
(녹색맹은 녹색약보다 강한 증상이 있을때..)
Red와 Green을 거의 같은 색으로 보게되며,
Orange와 Light green등이 구분이 안되고 있습니다.
<출처 : http://www.cudo.jp/summary/cudo_e>
그렇기에 CUDO에서는 일본의 여러 기업과 공공기관과 함께
색각이상이 있는 사람도 보기 편한 여러가지 디자인들을 만들고 있습니다.
그중에서 가장 큰것은 지하철 노선도 입니다.
지하철 노선도... 를 보면 색각이상자들도 구분이 편한 배색으로
구성된 그림입니다.
좀더 자세한 색각이상자를 위한 컬러 배색에 대한 방법은
첨부된 CUD_Color_set_GuideBook 파일을 참고해주세요.
CUD_color_set_GuideBook_2013.pdf일본어로 되었지만, 액센트 컬러, 배경 컬러, 일반 컬러... 의 배색을 보시면 됩니다.
간단히 팁을 드리면 녹색과 적색에 yellow를 좀더 올린다고 생각하셔도 좋을 것 같습니다.
.....
다음 글에서는 직접 디자인한 도안이... 색약인에게 어떻게 보일지 확인 할 수 있는 시뮬레이션 기능을 소개할 까합니다.
혹시 포토샵 CS4이상을 가지신 분은 soft proofing 기능을 살펴보시면, 좋겠습니다.
http://www.adobe.com/accessibility/products/photoshop.html
http://www.color-blindness.com/2009/01/04/photoshop-cs4-accessibility-enhancement-incorporating-color-blindness/
:::::
