가까움의 법칙 (Law of Proximity)

정의

게슈탈트 심리학 원리 중 하나

시각적으로 가까이 위치한 것들은 서로 관련이 있다고 인식하는 현상

설명

디자인 요소들이 가까이 배치돼있으면 하나의 그룹으로 인식되어 시각적인 통일감을 주고 사용자들은 자연스럽게 요소들 간의 관계를 파악할 수 있게 된다

예시

여백활용

요소 간의 구분 : 서로 다른 그룹의 요소들에 충분한 여백을 주어 시각적 계층 구조를 명확히 한다

집중 요도 : 중요한 정보에는 더 많은 여백을 주어 시선을 집중시킬 수 있다

그리드 시스템

일관된 레이아웃 : 그리드 시스템을 활용하여 디자인 요소들을 일정한 간격으로 배치하면 시각적 균형을 통해 가독성을 높일 수 있다

관련된 요소를 그룹화

버튼과 라벨 : 버튼의 기능을 설명하는 라벨을 가까이에 배치하면 사용자가 버튼의 기능을 쉽게 파악

폼 : 이름, 이메일, 비밀번호 등의 입력 폼을 가까이 배치하여 하나의 그룹으로 보이게 한다

메인메뉴 항목 바로 아래에 서브메뉴를 배치하여 메뉴 구조를 명확히 보여준다

데이터 시각화

관련된 데이터를 가깝게 배치하여 데이터 간의 관계를 명확하게 보여줌

결론

가까움의 법칙에 기반해 서로 관련있는 요소들을 가까이 배치하면

시각적 계층구조가 형성되어 사용자가 정보를 더 빠르고 쉽게 이해할 수 있다

사용자에게 정보 간의 연관성을 명확하게 전달할 수 있다

시각적 혼란을 줄여 사용자의 집중력을 향상시킬 수 있다