topic★★★★★난이도 · 약 15분
실제 앱에서 게슈탈트 찾기
구글 · 인스타그램 · 유튜브 — 매일 쓰는 앱 속에 숨어 있는 게슈탈트 원리 분석.
#사례 분석#구글#인스타그램#유튜브
왜 배우는가
이론을 아는 것과 실제 UI에서 발견하는 것은 다르다. 유명 앱의 화면을 게슈탈트 렌즈로 분석하면 원리가 체화된다.
게슈탈트 원리는 교과서 속 이론이 아니라, 지금 당신이 쓰고 있는 앱 곳곳에 적용되어 있다. 세계적인 디자인 팀이 만든 UI를 해부해 보면 6가지 원칙이 어떻게 조합되는지 생생하게 이해할 수 있다.
| 앱 | 적용된 원칙 | 분석 |
|---|---|---|
| 구글 검색 | 근접성 + 전경/배경 | 검색 결과 각 항목은 제목·URL·설명이 근접해서 하나의 카드로 인식된다. 검색창은 흰 배경 위에 떠 있어 전경으로 분리된다 |
| 인스타그램 피드 | 유사성 + 연속성 | 정사각형 그리드가 유사성으로 통일감을 주고, 세로 스크롤이 연속성의 흐름을 만든다 |
| 유튜브 홈 | 근접성 + 유사성 | 썸네일·제목·채널명·조회수가 근접하여 하나의 카드이며, 모든 카드가 같은 레이아웃(유사성)으로 스캔이 쉽다 |
| 카카오톡 채팅 | 공동운명 + 전경/배경 | 내 말풍선은 오른쪽, 상대 말풍선은 왼쪽으로 공동운명 그룹핑. 입력창은 하단에 전경으로 고정된다 |
| 네이버 지도 | 폐합 + 전경/배경 | 핀 아이콘은 단순한 물방울 형태지만 폐합으로 위치 마커임을 인식. 지도 위에 UI 패널이 전경으로 떠 있다 |
연습법: 매일 쓰는 앱 하나를 골라 스크린샷을 찍고, 6가지 원칙 중 어떤 것이 적용되었는지 주석을 달아 보자. 2주만 하면 게슈탈트가 자동으로 보이기 시작한다.
대부분의 잘 만든 UI에서는 2~3개의 게슈탈트 원칙이 동시에 작동한다. 단일 원칙만으로는 복잡한 정보 구조를 표현할 수 없기 때문이다. 예를 들어 구글 검색 결과는 근접성(항목 내 요소 묶기)과 전경/배경(검색창 강조)이 함께 쓰인다.