색채의 유니버셜 디자인

*원문을 번역한 글입니다.

*원문은 발행 이후 수정될 수 있으며, 본 번역은 발송 시점 기준으로 작성되었습니다.

컬러 유니버설 디자인

색은 대개 취향의 문제로 여겨집니다. 따뜻한지 차가운지, 미니멀한지 경쾌한지를 따지는 식입니다. 하지만 때로 색은 단순한 장식이 아닙니다. 어떤 공간을 심리적으로 편안하게 느낄 수 있는지, 안전 표지를 한눈에 알아볼 수 있는지를 좌우합니다.

이 글에서는 한국의 두 페인트 기업, 삼화페인트와 KCC가 유니버설 디자인의 관점에서 색을 어떻게 다뤘는지 살펴보겠습니다.

유니버설 디자인은 흔히 제품이나 물리적 공간을 중심으로 논의됩니다. 하지만 그 혜택은 장애인에게만 한정되지 않습니다. 고령자, 임산부, 영유아를 돌보는 보호자, 환경을 남들과 다르게 지각하는 사람을 비롯해 훨씬 더 많은 이들에게 도움이 됩니다.

컬러 유니버셜 디자인(Color Universal Design, CUD)은 이러한 토대에서 출발합니다. 특히 시각적 제약이 있는 사람이 색을 기반으로 전달되는 정보를 더 쉽게 이해하고 접할 수 있도록 돕는 방법론입니다.

그렇다면 유니버설 디자인의 원칙을 색에는 어떻게 적용할 수 있을까요?

삼화페인트: 심리적 안정을 위한 색

발달장애 아동을 위한 공간을 설계할 때 가장 중요하게 고려해야 할 필요 중 하나는 심리적 안정입니다. 많은 보호자는 흔히 '짜증'이라고 부르는 감정적 폭발이 환경에서 받는 스트레스에 크게 좌우될 수 있다고 말합니다. 때로는 큰 변기 물 내리는 소리나 갑자기 들리는 닭 울음처럼 견디기 어려운 소리가 원인이 됩니다. 낯선 장소에 머무르는 것 자체가 힘들거나, 시선을 압도하는 복잡한 시각 패턴을 마주치는 것이 원인일 때도 있습니다.

이 사례들은 중요한 사실을 보여줍니다. 어떤 사용자에게 환경은 결코 중립적이지 않습니다.

환경은 감정을 조절하는 데 도움을 줄 수도 있고, 반대로 고통과 불안에 더 가까이 몰아갈 수도 있습니다.

©삼화페인트

삼화페인트는 2022년 4월 슬롯공헌 활동의 하나로 발달장애인을 위한 컬러 유니버설 디자인 가이드북을 발간했습니다. 가이드북에는 이 사용자 집단을 위해 개발한 최적화 색상 64가지가 수록됐습니다. 삼화페인트는 서울의 복지시설과 이용자 110명을 대상으로 2년에 걸쳐 뇌파(EEG)를 측정하고 색 선호도를 조사했습니다. 조사 결과, 많은 참여자가 명도 5.5 이상의 밝은 색을 선호하는 것으로 나타났습니다. 명도 0은 검정, 10은 순백색을 뜻합니다.

©삼화페인트

삼화페인트는 서울 은평구에 장애인 주간보호센터를 조성했습니다. 공간 전반에는 파스텔 톤과 따뜻하고 부드러운 중성색을 사용해 차분한 분위기를 만들었습니다. 공간에서 가장 넓은 면적에 적용되는 바탕색인 주조색은 균형감 있고 차분하며, 시각적으로 지나친 자극을 주지 않습니다.

그렇다고 순백색이 무조건 안전한 것은 아닙니다. 빛을 강하게 반사하고 대비도 커서 자극을 줄 수 있기 때문입니다. 마찬가지로 채도가 높은 빨강과 노랑도 이런 환경의 주된 바탕색으로는 권장되지 않습니다.

서울 은평구 장애인 주간보호센터 ©삼화페인트

장애인 주간 보호 센터를 위한 색상 유니버셜 디자인 가이드라인 ©삼화페인트

색맹(CVD)에 대한 이해

KCC의 접근 방식을 이해하려면 먼저 색각 이상(Color Vision Deficiency, CVD)에 관한 기본적인 이해가 필요합니다. 색각 이상은 크게 색맹과 색약으로 구분됩니다. 색맹은 특정 색조를 전혀 지각하지 못하는 상태입니다. 예를 들어 빨간빛을 베이지색이나 짙은 회색으로 볼 수 있습니다. 반면 색약이 있으면 색이 흐리거나 바랜 듯 보이고, 색과 색을 구분하기도 어려워집니다.

색각 이상은 왜 생길까요?

사람의 망막에는 일반적으로 빨강, 초록, 파랑 영역의 빛에 각각 반응하는 세 종류의 원추세포가 있습니다. 이 가운데 하나 이상이 제대로 기능하지 않으면 다양한 형태의 색각 이상이 나타날 수 있습니다.

색각 시뮬레이터 앱을 사용하면 색이 사람마다 어떻게 다르게 보일 수 있는지 디자이너가 이해하는 데 도움이 됩니다. 다만 주의할 점이 있습니다. 색각 이상은 개인마다 양상이 다르므로 하나의 시뮬레이션 이미지가 모든 사람의 경험을 대변할 수는 없습니다.

©미션잇

1번 이미지는 대부분의 사람이 일반적으로 지각하는 색을 보여줍니다. 2번은 적색약인 제1색약(protanomaly), 3번은 녹색약인 제2색약(deuteranomaly)이 있는 사람에게 색이 어떻게 보이는지를 나타냅니다. 두 경우 모두 초록색 뚜껑이 서로 다르게 보입니다. 4번 이미지는 파란색 지각에 영향을 주는 청색약(tritanomaly)을 보여줍니다. 이 유형은 매우 드물며, 약 3만~5만 명당 1명꼴로 나타납니다.

색을 전혀 지각하지 못하는 전색맹(monochromacy)도 있으며, 이 역시 색각 이상 스펙트럼에 속합니다.

과거에는 서로 다른 색각 이상 유형을 구분하지 않고 ‘색맹’이라는 말로 통칭했지만, 지금은 각 유형을 구체적인 명칭으로 부르는 것이 권장됩니다.

KCC: 사용자 안전을 위한 색상

안전 표지는 비상 상황에서 빠르게 알아볼 수 있을 만큼 명확해야 합니다. KCC는 이러한 기본 원칙에 따라 아파트 단지 지하주차장을 설계할 때 안전 표지에 주목했습니다. KCC는 2021년 색각 이상이 있는 사람도 비상 표지를 직관적으로 식별할 수 있도록 지하주차장 안전 표지용 배색 가이드라인을 발표했습니다.

KCC의 지하 주차장 안전 표지판 색상 가이드라인입니다. 이는 40가지 색상표 중 일부에 불과합니다. © KCC

KCC의 지하주차공간 안전표지판 연구. © KCC

핵심은 표지와 배경 사이의 대비입니다. 색을 다르게 지각하는 사람도 즉시 알아볼 수 있는 요소이기 때문입니다. 대비는 본질적으로 두 색 사이의 밝기 차이입니다. 대비가 클수록 표지를 읽기 쉽습니다. 흰색 배경에 검은 글자를 쓰거나 검은색 배경에 흰 글자를 쓰는 경우가 대표적입니다.

KCC는 2021년을 기준으로 이전 3년 동안 수도권에 시공된 현장의 SOS 표지 배색을 검토했습니다. 그 결과 많은 현장에서 표지와 배경의 대비가 지나치게 낮은 것으로 나타났습니다. 예를 들어 채도가 높은 빨간색 SOS 표지를 명도 5 이하의 어두운 배경과 함께 사용하면 둘을 구분하기 어려울 수 있었습니다. 이를 해결하기 위해 KCC는 표지와 배경 사이에 흰색 패널을 넣거나, 표지 둘레에 테두리를 둘러 배경과 분리할 것을 권장합니다. 아래는 이 권장 사항에 따라 제작한 예시 이미지입니다.

왼쪽 표지는 명암비가 2.2:1에 불과한 나쁜 예입니다. KCC의 권장 사항에 따르면 오른쪽과 같은 방식으로 개선할 수 있습니다.

색각 이상 사용자를 위한 WCAG 권장 사항

WCAG(Web Content Accessibility Guidelines, 웹 콘텐츠 접근성 지침)는 웹 접근성을 위한 국제 표준으로, 다음 두 가지를 권고합니다.

첫째, 정보를 색만으로 전달해서는 안 됩니다. 예를 들어 사용자가 주의를 기울여야 하는 입력 필드는 색뿐 아니라 텍스트로도 상태를 표시해야 합니다. 빨간색으로 표시하는 것만으로는 충분하지 않습니다. 색각 이상이 있는 사용자는 그 차이를 알아보지 못할 수 있기 때문입니다. 아래 이미지에서 이를 확인할 수 있습니다.

둘째, 텍스트와 배경 사이에 충분한 대비를 확보해야 합니다. WCAG 2.1에 따르면 일반 텍스트는 최소 4.5:1, 큰 텍스트는 최소 3:1의 명암비를 충족해야 합니다. 이는 색각 이상이 있는 사람뿐 아니라 저시력 사용자에게도 도움이 됩니다. WCAG 지침에 맞는 명암비인지 확인하려면 Adobe Color의 접근성 도구를 활용할 수 있습니다.

©Adobe 색상 접근성 도구

색채는 단순한 미적 감각 그 이상이다.

산업과 디자인 분야에서 색은 개인의 취향이나 미적 요소를 넘어, 심리학과 신경과학을 결합한 보다 과학적인 영역으로 확장되고 있습니다. 삼화페인트의 접근 방식은 참여자의 뇌파 측정과 심리 분석을 바탕으로 했으며, KCC의 연구 역시 이러한 흐름을 보여줍니다.

©도쿄 나리타 국제공항

도쿄 나리타 국제공항의 사인 시스템에는 지금까지 살펴본 원칙이 모두 담겨 있습니다. 색으로 구역을 구분하면서도 텍스트, 숫자, 기호를 함께 제공합니다. 명확한 표지와 거리 정보는 불안을 줄여줍니다. 현재 위치와 다음에 가야 할 곳을 알 수 있기 때문입니다.

색이 사람의 심리에 어떤 영향을 미치는지 이해하고, 데이터를 근거로 색을 선택해 정보 접근성을 높인다면 더 포용적이고 사용하기 편한 환경을 만들 수 있습니다.

이것이 컬러 유니버설 디자인이 지닌 더 큰 가능성입니다. 특정 집단이 겪는 장벽을 없애는 데 그치지 않고, 모든 사람이 정보에 더 쉽게 접근할 수 있도록 합니다.

제가 쓰는 모든 글은 최근 프로젝트에서 얻은 실제 현장의 인사이트를 바탕으로 합니다. 글은 제가 직접 세심하게 작성하고, 영국에 있는 Andy Taekhyung Kim이 꼼꼼하게 편집합니다. 제 글을 읽고 공유하는 일은 세상을 더 포용적인 곳으로 만들기 위한 한 사람의 진정성 있는 노력을 응원하는 일이기도 합니다.

특히 한국, 영국, 동남아시아의 포용적 UX와 접근성에 관한 인사이트에 관심이 있으시다면 언제든 연락해 주세요(

hello@missionit.co). 기꺼이 이야기를 나누고 싶습니다.

원문 출처: https://medium.com/design-bootcamp/universal-design-in-color-edbbf2a3c310

DEET를 구독하고 커리어 성장을 위한 작은 습관을 시작해 보세요.