유사성원리 (Principle of Similarity)

디자인학
한 줄 정의: 색상, 형태, 크기 등이 비슷한 요소들을 하나의 관련된 집합으로 인지하는 게슈탈트 시지각 원리이다.

쉽게 풀면

모양이나 색이 비슷하게 생긴 것들은 같은 그룹이라고 생각하게 되는 원리이다.

왜 중요한가

유사성의 원리는 게슈탈트 심리학에서 유래해 형태, 색, 크기가 비슷한 요소를 같은 그룹으로 인식하는 인간의 지각 경향을 설명하며, UI 디자인에서 같은 종류의 버튼을 동일한 스타일로 통일해 사용자가 기능적 관계를 직관적으로 파악하게 하는 근거로 활용된다. 아이콘 세트를 일관된 선 굵기와 크기로 디자인하는 관행도 이 원리에서 비롯된다. 색맹 사용자에게는 색상 유사성이 아니라 형태나 아이콘 모양의 유사성이 그룹 인식의 실질적 단서가 되므로, 색만으로 유사성을 표현하면 접근성이 떨어진다. 아이콘 세트를 디자인할 때 선 굵기, 모서리 둥글기, 크기를 통일하는 규칙을 정해 두는 것도 유사성 원리를 시스템적으로 적용한 사례에 해당한다.

논문에서는 이렇게 쓰입니다

본 연구는 대시보드에서 유사성원리를 적용해 동일 범주 데이터에 같은 색상을 부여한 결과 인지 오류가 감소했다.

색상 통일을 통한 범주 인지 개선 효과를 실험으로 검증한 정보디자인 연구이다.

"한 연구는 지도 앱의 아이콘을 색상만 통일한 버전과 형태와 색상을 모두 통일한 버전으로 나누어 제시하여, 사용자가 같은 범주의 시설을 찾는 데 걸리는 시간을 비교하였다."

이 문장은 아이콘을 색만 맞춘 것과 모양까지 맞춘 것을 각각 사람들에게 보여주고, 같은 종류의 장소를 찾는 데 걸리는 시간을 비교했다는 뜻입니다. 앞선 예문이 대시보드에서 색상 통일의 효과를 본 것이었다면, 이 예문은 형태까지 함께 통일했을 때의 추가 효과를 검증한 것입니다.

조금 더 깊게 보면

유사성만으로 그룹을 구분하려 하면 근접성 등 다른 원리와 충돌해 오히려 오독을 유발할 수 있어 여러 게슈탈트 원리를 함께 검토해야 한다. 근접성의 원리가 물리적 거리로 그룹을 인식시킨다면 유사성의 원리는 형태나 색 같은 시각적 속성의 공통점으로 그룹을 인식시킨다는 점에서 작동 기제가 다르다. 유사성은 색·형태뿐 아니라 방향(같은 각도로 기울어진 요소)이나 질감으로도 성립하며, 여러 속성이 동시에 유사할수록 그룹 인식이 강해지는 누적 효과가 있다.

주의할 점

유사성원리를 과도하게 적용하면 실제로 다른 기능의 요소들이 같은 그룹으로 오인될 위험이 있다. 형태는 같지만 색만 다른 두 아이콘 세트를 나란히 두면, 유사성과 색상 차이라는 상반된 신호가 동시에 작용해 사용자마다 다른 그룹으로 인식할 수 있다.

관련 용어