시각 위계1 UI 간격 설계 (게슈탈트, 디자인 토큰, 시각 위계) 어드민 대시보드 설정 페이지를 처음 만들 때, 저도 그랬습니다. 간격을 16px로 통일하면 깔끔해 보일 거라 생각했습니다. 그런데 파일럿 테스트에서 5명 중 3명이 "섹션 경계를 찾기 어렵다"고 했을 때, 뭔가 근본적인 걸 놓쳤다는 걸 직감했습니다. 간격이 균일하면 정돈돼 보인다는 건 초심자 시절의 미신이었습니다. 공간이 의미를 만든다는 관점으로 전환하지 못하면 시각 위계 자체가 무너집니다.균일한 간격이 왜 오히려 독이 되는가UI 설계에서 간격은 단순한 여백이 아닙니다. 어떤 요소가 같은 그룹에 속하는지, 어디서 섹션이 끊기는지를 눈이 아닌 뇌가 먼저 판단합니다. 이 판단의 근거가 되는 것이 바로 게슈탈트(Gestalt) 원리입니다. 게슈탈트란 독일어로 '형태' 또는 '전체'를 뜻하는 개념으로, 인간의 .. 2026. 4. 26. 이전 1 다음