관련 있는 것들을 가까이 두면 사람들은 그것들이 서로 연관되어 있다고 생각합니다. 이 간단한 원리가 바로 근접성인데, 시각 디자인의 핵심 개념 중 하나입니다. 이는 뇌가 시각적 정보를 패턴으로 조직하는 방식을 연구한 게슈탈트 심리학에서 비롯되었습니다. 요소들이 서로 가까이 있으면 눈은 그것들을 그룹화하고, 멀리 떨어져 있으면 눈은 그것들을 분리합니다. 디자이너들은 선이나 상자를 추가하지 않고도 구조를 보여주기 위해 이 원리를 의도적으로 활용합니다.

근접성은 조용히 많은 역할을 합니다. 양식에서 입력 필드 가까이에 레이블을 배치하면 연결된 느낌을 줍니다. 하지만 레이블을 페이지의 중간쯤으로 옮기면 이러한 관계가 끊어집니다. 페이지 레이아웃에서 제목이 위쪽 섹션보다 아래쪽 텍스트에 더 가깝게 배치되면 해당 제목이 속한 블록을 명확하게 알 수 있습니다. 로빈 윌리엄스는 그의 저서 《비디자이너를 위한 디자인 책》에서 이러한 아이디어를 비디자이너들에게 널리 알렸으며, 근접성을 정렬, 반복, 대비와 함께 설명했습니다.

실용적인 용도

• 레이블과 해당 폼 필드를 그룹화합니다.
• 선 대신 공백으로 섹션을 구분합니다.
• 클러스터링 관련 탐색 링크.
• 여백을 사용하여 계층 구조를 나타냅니다.

근접성은 저렴합니다. 여백 외에는 아무런 비용도 들지 않으며, 그렇지 않았다면 독자를 혼란스럽게 했을 시각적 혼란을 종종 대체합니다.