UI 디자인에서 게슈탈트 원리

비주얼 커뮤니케이션 조작의 달인이 되는 법.

Dong-gri
Dong-gri
Jun 4 · 12 min read

게슈탈트가 뭔가요?

게슈탈트 - Gestalt (독일어로 형태 혹은 양식라는 뜻)은 1920년대 독일 심리학파가 제시한 심리학 용어로, 형태를 지각하는 방법을 담은 원칙입니다. “전체는 독립적으로 존재하는 부분의 합보다 더 큰 것으로 인식된다.”는 이론에 기반을 두고 있습니다.

“전체는 부분의 합보다 크다”

— Kurt Koffka

게슈탈트 원칙은 특정한 조건이 충족될때 사람들이 시각적 요소를 어떻게 인삭하는지를 설명하며 대략 4가지의 법칙으로 이루어져 있습니다.

출현 (Emergence)

사람들은 일반적인 윤곽의 형태로 요소들을 먼저 식별하는 경향이 있습니다. 뇌는 복잡한 물체보다 단순하고 잘 정의된 물체를 더 빨리 인식합니다. (의역: 우리가 특정 대상을 주어진 조건 하에서 최대한 가장 단순하고 간결할 수 있는 방향으로 인식합니다.)

구상화 (Reification)

사람들은 전체중에 일부가 없을때도 사물을 인식할 수 있습니다. 우리 뇌는 기존의 지식을 토대로 완성되지 않은 형태를 완성시켜 인지 할 수 있습니다.

다중 안정성 (Multi-Stability)

사람들은 모호한 물체를 여러 가지 방식으로 해석합니다. 우리 뇌는 확실한 것을 좋아하기 때문에 인식한 여러 관점 중 한가지만 인식합니다. 따라서 다른 관점은 인지하기 어렵습니다. (하단 좌측 이미지가 잔으로 보일 수도, 두사람이 맞대고 있는 실루엣으로 보일 수 있습니다.)

불변성 (Invariance)

사람들은 회전하거나 크기를 변화해도 하나의 개체로 인식합니다. 우리 뇌는 관점, 조명, 색상, 크기 등의 변화에도 불구하고 사물들이 일정하고 불변하다고 인지하는 경향이 있습니다. (의역: 지각 항등성 법칙을 참고하시면 이해가 빠릅니다.)


근접성 (Proximity)

서로 가깝게 배치 된 요소는 더 멀리 떨어진 요소보다 관련성이 높은 것으로 인식됩니다. 이러한 방식으로 다른 요소는 주로 개별 요소가 아닌 그룹으로 간주됩니다.

근접성의 원리는 UI 설계에 어떻게 적용되나요?

비슷한 정보끼리 묶고, 내용을 구성해 레이아웃을 만드는 UI 디자인에서 근접성의 원칙을 사용할 수 있습니다. 근접성의 원리를 올바르게 사용하면 시각적 의사 소통 및 사용자 경험에 긍정적인 영향을 끼칩니다.

공통영역 (Common Region)

근접성 원리와 비슷하게, 동일한 영역 내에 배치되는 요소는 하나의 그룹으로 인식됩니다.

공통영역의 원칙은 UI 설계에 어떻게 적용되나요?

공통영역의 원칙은 특히 유용합니다. 정보를 그룹핑하고 콘텐츠를 구성하는데에 도움이 되며, 반대로 콘텐츠를 분리하거나 시선을 고정할 수 있게 할 수 있습니다. 계층구조를 부여하고 읽기능력을 향상시켜 정보를 전달하는데 도움을 줍니다.

유사성 (Similarity)

비슷한 시각 특성을 공유하는 요소는 그렇지 않은 요소보다 더 관련이 있다고 인식됩니다.

유사성의 원칙은 UI 설계에 어떻게 적용되나요?

우리는 서로 다른 요소를 그룹화 하거나 패턴으로 인식하는 경향이 있습니다. 이로 인해 같은 목적을 수행한다고 생각할 수도 있습니다. 유사성은 그룹 내의 개체를 구성하고 분류하고 특정의미를 주거나 기능을 연결시키는데 도움이 될 수 있습니다.

폐합 (Closure)

완성되지 않은 형태는 종종 인식 할 수 있는 패턴 또는 그림으로 인식됩니다. 폐합의 원칙는 형태가 불완전하거나 일부가 포함되지 않은 경우에도 발생합니다.

폐합의 원칙은 UI 설계에 어떻게 적용되나요?

폐합의 원칙에 따르면 적절한 양의 정보가 제공될 때 뇌는 정보의 빈틈을 메꿔 하나의 완전체를 만들게됩니다. 이렇게 하면 정보를 전달하고 복잡성을 줄여 보다 매력적인 디자인을 만드는 데 필요한 요소를 줄일 수 있습니다. 폐합의 법칙은 시각적인 소음을 최소화하고 축약된 메시지를 전달하여 강화된 개념을 전달하는데 도움이 될 수 있습니다.

대칭 (Symmetry)

대칭 요소는 거리에 관계없이 소속되어 있는것으로 인식되어 견고함과 질서를 느끼게합니다.

대칭 원리는 UI 설계에 어떻게 적용되나요?

대칭요소는 단순하고 조화롭고 시각적 즐거움을 줍니다. 우리의 눈은 본능적으로 혼돈 속에서 질서와 안정감을 주는 속성을 찾습니다. 이러한 이유로 대칭은 정보를 빠르고 효율적으로 전달하는데 유용합니다. 또한 대칭은 편안함을 느껴 우리가 중요한 것에 집중하도록 도와줍니다.

연속성 (Continuation)

선 또는 부드러운 곡선으로 배열 된 요소는 무작위로 또는 거친 선으로 배열 된 요소보다 관련된다고 인식합니다.

연속성 원칙이 UI 설계에 어떻게 적용되나요?

연속 선을 따르는 요소는 하나의 그룹으로 인식됩니다. 선이 부드러울수록 더 통일 된 모양으로 느껴지며 자연스럽게 느껴집니다.

공동운명 (Common Fate)

같은 방향으로 움직이는 요소는 관련이 있다고 인식하는 반면, 다른 방향으로 움직이는 요소는 관련이 없는 별개로 존재로 인식합니다.

공동운명의 원칙은 UI 설계에 어떻게 적용되나요?

요소가 얼마나 멀리 떨어져 있든 관계없이, 같은 방향으로 이동하면 관련된 것으로 인식됩니다. 이 효과는 움직임이 암시 된 경우에도 다른 시각적 요소에 의해 발생할 수 있습니다.


결론

사용자 인터페이스 디자인은 귀여운 픽셀과 반짝이는 그래픽에 국한되지 않습니다. 주로 커뮤니케이션, 성능 및 편의성에 관한 것입니다. 게슈탈트 법칙은 항상 우리가 이러한 목표를 달성하도록 도와주며, 이를 통해 사용자에게 즐거운 경험을 제공하고 비즈니스에 큰 성공을 안겨줍니다.


번역후기

의역 및 다른 자료를 찾으면서 보강했지만, 사실 대부분은 번역기에 의존한 경향이 큽니다. 내용이 어색할 수 있지만, 시각디자인 전공자라면 게슈탈트 이론에 대해서 얇게나마 알기 때문에(저는 학부에서 배운적이 없습니다만) 쉽게 이해하실 수 있을거라 생각합니다.

guleum

Dong-gri LAB

Dong-gri

Written by

Dong-gri

making a dent in the universe.

guleum

guleum

Dong-gri LAB