시각적 대비 (visual contrast)
쉽게 풀면
크기나 색깔을 크게 다르게 만들어서, 어떤 부분이 눈에 확 띄도록 강조하는 원리예요. 흰 배경에 빨간 버튼 하나만 있으면 자연스럽게 그쪽으로 눈이 가요. 그래서 배경은 흐리게, 강조할 글자는 진하게 처리하는 식으로 대비를 만들어요. 그래서 중요한 버튼을 눈에 띄는 색으로 다르게 칠해서 시선을 끄는 거예요.
왜 중요한가
비주얼콘트라스트는 크기, 색상, 명도 등의 차이를 통해 특정 요소를 두드러지게 해 사용자의 시선을 의도한 곳으로 유도하는 조형 원리로, 중요한 버튼에 강한 대비색을 적용해 다른 요소보다 먼저 인지되도록 하는 UI 설계의 기본 기법으로 쓰인다. 정보의 우선순위를 시각적으로 전달하는 가장 직접적인 수단으로 다뤄진다. 가장 중요한 요소로 시선을 이끌어 정보 전달의 우선순위를 명확히 하는 데 쓰인다.
논문에서는 이렇게 쓰입니다
명도 대비 수치 기준을 적용하여 중요한 요소의 가시성을 높인 접근성 설계 사례를 설명한다.
이 문장은 시각적 대비를 줄이는 것만으로도 사용자가 중요한 정보를 알아차리는 속도가 실제로 느려질 수 있다는 뜻입니다.
조금 더 깊게 보면
색상 대비만으로 접근성을 확보했다고 판단하면 색맹 사용자를 배제할 위험이 있어 WCAG 기준에 따른 명도 대비 수치까지 함께 검증해야 한다. 비주얼하이어라키가 정보 전체의 위계 구조를 설계하는 상위 개념이라면 비주얼콘트라스트는 그 위계를 구현하는 구체적 조형 수단 중 하나다. 시각적 대비는 색상, 크기, 굵기, 여백 등 서로 다른 속성으로 만들 수 있으며, 대비를 만드는 속성이 많을수록 강조 효과가 커지지만 과도하면 오히려 주의가 분산된다. 저시력 사용자를 고려할 때는 색상 대비뿐 아니라 명도 대비가 충분한지를 별도 기준으로 확인해야 한다.
주의할 점
대비가 지나치게 많은 요소에 동시에 적용되면 어떤 것이 정말 중요한지 구분이 어려워져 강조 효과가 오히려 상쇄될 수 있다. 색약이나 저시력 사용자를 고려하지 않은 대비 설계는 접근성 문제를 낳을 수 있다. 대비를 만드는 속성을 한꺼번에 너무 많이 쓰면 오히려 주의가 분산되어 강조 효과가 떨어질 수 있다.