대비(디자인) (Contrast)
같은 개념을 대표 표제어 시각적 대비에서 더 자세히 다룹니다.
쉽게 풀면
서로 다르게 만들어서 눈에 확 띄게 하는 디자인 기법이다.
왜 중요한가
대비는 크기·색·굵기·형태의 차이를 뚜렷하게 만들어 무엇이 중요한지를 즉시 알게 하는 원리로, 제목과 본문, 주 버튼과 보조 버튼을 구분하는 시각적 위계의 가장 강력한 도구입니다. 대비가 약한 화면은 모든 요소가 같은 무게로 보여 사용자가 어디를 봐야 할지 스스로 찾아야 하므로, 과업 시간과 오류가 늘어난다는 점이 사용성 연구에서 확인됩니다. 대비는 정적인 화면뿐 아니라 상태 변화(기본 상태와 호버·활성 상태의 색 차이)에도 적용되어, 사용자가 지금 무엇을 조작하고 있는지를 알려주는 피드백 장치로도 기능한다. 같은 화면 안에서 강조 요소를 두 개 이상 두면 어느 쪽이 더 중요한지 시선이 분산되므로, 한 화면에는 최우선 강조 요소를 하나만 두는 것이 위계를 명확히 하는 원칙으로 권장된다.
논문에서는 이렇게 쓰입니다
버튼과 배경 간 색상 차이가 사용자 행동 유도에 미치는 영향을 실험한 연구이다.
디자인에서 대비를 이용해 사용자의 시선을 원하는 요소로 유도하는 방식을 보여준다.
조금 더 깊게 보면
대비는 '조금 다르게'가 가장 나쁜 결과를 낸다는 것이 Robin Williams의 유명한 조언입니다. 12pt와 14pt처럼 애매한 차이는 의도가 아닌 실수로 보이므로, 다르게 할 것이라면 확실히 다르게 해야 합니다. 대비를 여러 축(색도 다르고 크기도 다르고 서체도 다름)에서 동시에 주면 서로 경쟁해 초점이 흐려지므로 한두 축에 집중하는 것이 효과적입니다. 접근성 대비는 텍스트 가독성의 수치 기준이고, 디자인 원리로서의 대비는 위계와 강조를 다루는 더 넓은 개념입니다. 대비를 만드는 축은 크기, 색상, 굵기, 형태, 위치, 질감 등 여러 가지지만 동시에 너무 많은 축에서 대비를 주면 각 대비가 서로의 효과를 상쇄해 오히려 위계가 흐려지므로 한두 축을 주로 쓰고 나머지는 보조적으로만 쓰는 것이 일반적이다.
주의할 점
대비는 색상뿐 아니라 크기, 형태, 질감 등 다양한 방식으로 구현될 수 있음에 유의해야 한다.