마음을 생각하는 디자인 요약 (2)
2. 우리의 시각은 구조 인식에 최적화되어 있다.
우리의 시각 체계는 입력된 시각 정보에 자동으로 구조를 부여한다. 각 입력을 개별 경계/선/면으로 인식하는 대신 하나의 통합된 모양/도형/물체로 인식하게끔 설계되어 있다. 모형이나 도형을 뜻하는 독일어 게슈탈트라서(과거에 독일 심리학자들이 연구함) 게슈탈트 원리라고 알려지게 되었다. (현대의 안구, 시신경 및 뇌의 신경생리학 연구에서도 이를 지지 한다. )게슈탈트의 원리는 그래픽 디자인 및 사용자 인터페이스 디자인 가이드라인에 있어서 유용한 기초를 제공한다.
게슈탈트 원리: 근접성
다른 사물들에 비해 상대적으로 가까이 놓여 있는 사물들은 서로 묶여 있는 것처럼 보이고, 상대적으로 멀리 떨어져 있는 사물들은 묶여 있지 않은 것으로 보인다.
게슈탈트 원리: 유사성
다른조건이 모두 동일하다면 서로 비슷해 보이는 사물들이 하나의 묶음으로 인식된다.
게슈탈트 원리: 연속성
앞의 두가지 원리는 사물을 그룹으로 묶는 경향을 설명한다. 연속성 원리는 우리의 시지각이 끊어진 조각 대신 하나의 연속적인 형태를 인식하는 방향으로 편향되어 있음을 보여준다.
게슈탈트 원리: 완결성
우리의 시지각은 대상물이 분리된 조각이 아닌 하나의 완성된 사물로 보이도록 하기 위해 자동으로 개방된 부분을 닫아주게끔 작동한다.
게슈탈트 원리: 대칭성
복잡한 풍경을 볼때 복잡성을 줄이는 방향으로 풍경을 분해한다. 우리의 시야에 제시된 데이터는 보통 하나 이상의 해석이 가능한데, 우리의 시각은 자동으로 단순한 해석을 찾아내고 여기에 대칭성을 부여한다.
게슈탈트 원리: 전경/배경
마음이 시각적 이미지를 전경과 배경으로 분리해 낸다. 전경은 일차적 주의를 끄는 대상이며, 그 밖의 대상들은 배경으로 간주된다.
위 그림에서 모달이 주의를 끄는 전경이 된다. 모달을 닫으면 모달의 배경이였던 화면이 전경이 된다.
게슈탈트 원리: 공통 운명
앞선 여섯 개의 게슈탈트 원리들은 정적인 그림과 대상들의 지각과 관련이 있다. 공통운명의 원리는 움직이는 대상에 관한것으로 근접성과 유사성과 관련이 있다. 함께 움직이는 대상체들이 하나의 묶음으로 지각된다.
게슈탈트 원리들의 조합
사례 분석
부비 어플리케이션의 1번영역에 컨트롤이 한곳에 모여있고(근접성) 동일한 레이아웃을 사용하고(유사성) 리스트가 계속 연결되잇을것이라고 인식됨(연속성)
윈도우10 사진어플리케이션 1번 영역에는 컨트롤이 모여있지만(근접성) 3개의 다른 묶음으로 인식됨(유사성의 좋은 예), 2번영역에서는 메뉴의 파란색과 아래 상자의 파란색이 비슷해서 한묶음으로 느껴짐(유사성의 안좋은예)아래의 파란색 상자는 다른메뉴의 설명임
