가까움의 법칙 (Law of Proximity)
정의
게슈탈트 심리학 원리 중 하나
시각적으로 가까이 위치한 것들은 서로 관련이 있다고 인식하는 현상
설명
디자인 요소들이 가까이 배치돼있으면 하나의 그룹으로 인식되어 시각적인 통일감을 주고 사용자들은 자연스럽게 요소들 간의 관계를 파악할 수 있게 된다
예시
•
여백활용
◦
요소 간의 구분 : 서로 다른 그룹의 요소들에 충분한 여백을 주어 시각적 계층 구조를 명확히 한다
◦
집중 요도 : 중요한 정보에는 더 많은 여백을 주어 시선을 집중시킬 수 있다
•
그리드 시스템
◦
일관된 레이아웃 : 그리드 시스템을 활용하여 디자인 요소들을 일정한 간격으로 배치하면 시각적 균형을 통해 가독성을 높일 수 있다
•
관련된 요소를 그룹화
◦
버튼과 라벨 : 버튼의 기능을 설명하는 라벨을 가까이에 배치하면 사용자가 버튼의 기능을 쉽게 파악
◦
폼 : 이름, 이메일, 비밀번호 등의 입력 폼을 가까이 배치하여 하나의 그룹으로 보이게 한다
◦
메인메뉴 항목 바로 아래에 서브메뉴를 배치하여 메뉴 구조를 명확히 보여준다
•
데이터 시각화
◦
관련된 데이터를 가깝게 배치하여 데이터 간의 관계를 명확하게 보여줌
결론
가까움의 법칙에 기반해 서로 관련있는 요소들을 가까이 배치하면
•
시각적 계층구조가 형성되어 사용자가 정보를 더 빠르고 쉽게 이해할 수 있다
•
사용자에게 정보 간의 연관성을 명확하게 전달할 수 있다
•
시각적 혼란을 줄여 사용자의 집중력을 향상시킬 수 있다