게슈탈트 6가지 원칙

같은 정보, 다른 배치 — 왜 느낌이 완전히 달라질까?

인간의 뇌는 시각 정보를 받아들일 때 자동으로 패턴을 찾습니다. 가까운 것은 묶고, 비슷한 것은 같은 그룹으로 인식하죠. 이 자동 규칙을 체계화한 것이 게슈탈트 심리학입니다.

게슈탈트 6가지 원칙을 하나씩 알아봅시다

근접성 (Proximity)

가까이 있는 요소는 하나의 그룹으로 인식됩니다. 카드 UI에서 제목과 설명이 붙어 있으면 한 세트, 떨어져 있으면 별개로 느껴지는 이유입니다.

유사성 (Similarity)

색상, 크기, 모양이 비슷한 요소는 같은 그룹으로 보입니다. 같은 역할의 버튼이 같은 스타일이어야 하는 이유 — 유사성 원칙입니다.

연속성 (Continuity)

시선은 끊기지 않는 선이나 곡선을 따라 자연스럽게 흐릅니다. 프로그레스 바, 타임라인 UI가 읽기 쉬운 이유입니다.

폐합 (Closure)

불완전한 도형이라도 뇌는 빈 부분을 채워서 완전한 형태로 인식합니다. WWF의 판다 로고, IBM 로고가 완전하지 않아도 읽히는 이유입니다.

전경/배경 (Figure-Ground)

뇌는 시각 요소를 전경(주인공)과 배경(무대)으로 분리합니다. 모달 창 뒤의 어두운 오버레이, 카드의 그림자 — 모두 이 원칙의 활용입니다.

공동 운명 (Common Fate)

같은 방향으로 움직이는 요소는 하나의 그룹입니다. 드래그 앤 드롭 시 여러 아이템이 함께 움직이면 그룹으로 인식됩니다.

이 모든 원칙을 관통하는 하나의 상위 법칙이 있습니다

모달 창 뒤에 어두운 오버레이를 깔아서 모달을 부각시키는 것은 어떤 게슈탈트 원칙의 활용인가?

가까이 있는 요소가 같은 그룹으로 인식되는 것은 '유사성' 원칙이다