명확한 경계로 둘러싸인 영역 안의 요소들은 하나의 그룹으로 인식된다.
무슨 법칙인가?
근접성과 유사성보다 더 강력한 게슈탈트 그룹화 원칙이다. 요소들이 서로 멀리 떨어져 있고 시각적으로 달라도, 같은 테두리나 배경 안에 있으면 같은 그룹으로 인식된다.
카드 UI가 대표적 응용이다. 테두리나 그림자로 둘러싸인 카드 안의 내용은 바깥 내용과 분리된 독립 정보 단위로 인식된다.
공통 영역은 근접성보다 우선한다. 멀리 떨어진 요소라도 같은 배경색 위에 있으면 같은 그룹이 되고, 가까이 있는 요소라도 배경이 다르면 다른 그룹이 된다.
실무에서 어떻게 쓰이나?
- Trello 보드/카드 — 각 카드가 독립적 영역(배경 + 그림자)을 가져 여러 카드 정보가 섞이지 않는다.
- 대시보드 위젯 — 각 위젯이 별도 카드로 분리되어 매출 그래프와 사용자 통계가 시각적으로 독립된다.
- 라디오 버튼 그룹 — 관련 선택지를 테두리로 묶으면 하나의 질문에 대한 옵션임이 명확해진다.
코난쌤의 한줄 코멘트
AI로 리포트를 만들 때도 섹션별로 배경색이나 테두리를 달리하면 정보가 훨씬 읽기 쉬워진다.