brunch

You can make anything
by writing

C.S.Lewis

by 한지유 Sep 17. 2024

게슈탈트 심리학

프로덕트 디자인에 적용된 게슈탈트 심리학 (번역)

프로덕트 디자인에 적용된 게슈탈트 심리학 (번역)

원문: Gestalt Psychology as applied in Product Design by Charity Mbaka





인간의 인식을 지배하는 5대 그룹의 원칙


게슈탈트 심리학이란 무엇인가?


심리학은 뇌가 어떻게 작용하는지를 이해하는 것을 목표로 하는 과학의 한 분야이다.

게슈탈트(Gestalt)는 독일어로 “구성, 모양, 형태 또는 전체” 또는 “사물이 합쳐져 전체를 이루는 방식”으로 번역된다. 게슈탈트 심리학은 특히 인간의 뇌가 주변 환경에서 사물을 어떻게 인지하는지를 설명하는 사고학파이다. 그것은 우리가 우리 환경의 물체를 개별적인 요소가 아니라 더 크고 더 복잡한 전체의 일부로 인식한다는 것을 암시한다.


Law of Prägnanz — 단순성의 법칙
“모든 자극은 가장 단순한 형태로 인식된다.”
“전체가 그 부분의 합보다 더 크다.”


이 사상학파의 초창기 기록은 Max Wertheimer 에 의해 처음 만들어졌는데, 그는 철도 신호등의 교대로 빛을 보면서 phi 현상이라고 부르는 것을 관찰했다. phi 현상은 두 개의 정지된 물체가 빠르게 나타났다 사라지는 것을 보여주면 움직이는 것처럼 보이는 착시 현상이다. 다시 말해, 우리는 움직임이 없는 곳에서 움직임을 인지한다. 이로부터 그는 우리는 개별적인 부분을 이해하는 것이 아니라 전체 인식을 통해 사물을 인지한다고 결론지었다.






게슈탈트의 원리


기본 원리

프래그난즈: 인간의 뇌는 사물을 가장 단순한 형태나 조직으로 자연스럽게 지각한다.


이 안에는 인간의 인식을 지배하는 5가지 다른 원칙이 있다.

Gestalt Principles by uxhints


Good Figure(Common region) 공통 영역 : 인간의 뇌는 사물이 같은 일반적인 영역에 위치한다면 함께 묶는 경향이 있다.

Proximity 근접성 : 서로 가까이 있는 물체들은 집단으로 보는 경향이 있다.

Similarity 유사성 : 인간의 뇌는 색깔, 크기, 방향과 같은 요소들에 기초하여 자연스럽게 비슷한 물건들을 함께 묶는다.

Continuity/Simplicity 연속성/간단성 : 선이나 원곡선에 배열된 요소는 서로 연관된 것으로 인식되는 반면 선이나 원곡선에 배치되지 않은 요소는 별개의 요소로 인식된다.

Closure 폐쇄: 닫힌 객체를 형성하는 요소는 그룹으로 인식된다. 뇌는 심지어 물체를 이해하기 위해 폐쇄를 만들기 위해 누락된 정보를 채울 것이다.



최근 몇 년 동안 다음과 같은 다른 항목이 목록에 추가되었다.

Symmetry and Order 대칭과 순서

Common Fate 공통운명: 같은 방향으로 가고 있는 것으로 보이는 물체는 관련성이 있는 것으로 인식된다.








프로덕트 디자인에서의 게슈탈트 심리학


심리학은 사용자들이 제품과 어떻게 상호작용 하는지에 중요한 역할을 한다. 게슈탈트 원리를 적용해 사용자가 명확하고 즐거운 경험을 할 수 있다.


1900년대에 이러한 원리가 시작된 이래, 디자이너들은 대조, 색상, 대칭, 반복, 비율과 같은 것들에 대한 인간의 두뇌의 인식을 그들의 작업의 영향을 높이기 위해 활용해왔다. 이러한 원칙의 사용은 다양한 설계 개념을 통합시키는 결과를 가져왔다.



Figure-ground relationship 전경-배경 관계 : 이것은 더 흔히 “Negative space 부정적인 공간”이라고 불린다. (예: 단어, 구문 또는 이미지)와 그 주변의 흰색 공간 사이의 대비이다.

The “E” and “x” in the FedEx logo create an arrow within the negative space between them.




Visual Hierarchy 시각적 계층: 이것은 객체들이 중요도에 따라 정리되고 표시되는 곳이다. 이를 통해 가장 중요한 객체(단어나 이미지)가 사용자의 관심을 먼저 끌 수 있다.




Connection 연관성: 이 개념은 헤드라인, 캡션 및 목록과 같은 텍스트 요소를 포함하여 중요한 객체가 배치되는 위치를 결정하기 위해 근접성의 원리를 기반으로 한다.

On Netflix, related content are placed close to each other under a headline



브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari