대비는 차이점을 명확하게 보여줍니다. 크기, 색상, 두께, 모양 또는 간격 등 다양한 요소가 대비를 이룰 수 있습니다. 큰 제목 옆에 작은 본문 텍스트를 배치하면 대비가 생기고, 회색 양식에 밝은 빨간색 버튼을 배치하면 또 다른 대비 효과를 얻을 수 있습니다. 대비가 없다면 디자인은 평면적으로 보입니다. 모든 요소가 비슷하게 경쟁하여 어느 하나도 눈에 띄지 않게 됩니다. 반대로 대비가 과하면 페이지가 복잡해지고 시선이 쉴 곳이 없어집니다.

명암 대비는 단순히 미적인 요소일 뿐만 아니라 가독성에도 영향을 미칩니다. 배경과 대비가 낮은 텍스트는 읽기 어렵고, 특히 시력이 좋지 않은 사람들에게는 더욱 그렇습니다. 웹 콘텐츠 접근성 지침(WCAG)에서는 일반 본문 텍스트의 명암비를 최소 4.5:1로 요구합니다. 디자이너는 밝기 차이를 계산하는 도구를 사용하여 이를 확인합니다. 높은 명암비는 밝은 햇빛 아래나 저품질 화면에서 유용합니다. 낮은 명암비는 분위기를 조성할 수 있지만, 의도적인 선택이어야 하며, 우연히 발생해서는 안 됩니다.

대비를 만들어내는 방법

• 크기: 큰 사이즈 vs 작은 사이즈.
• 색상: 보색 또는 따뜻한 색과 차가운 색.
• 무게감: 굵은 무게 vs. 가벼운 무게.
• 공간: 혼잡한 공간과 고립된 공간.

대비는 의도적일 때 가장 효과적입니다. 화면당 하나의 강한 대비가 여러 개의 대비보다 더 큰 효과를 내는 경우가 많습니다.