정의

Law of Similarity는 형태, 색상, 크기, 방향 등이 유사한 요소들은 사용자가 서로 관련된 그룹으로 인식한다는 시지각 원칙이다. 시각적 일관성은 사용자에게 구조적 의미를 전달하는 강력한 도구다.

주요 포인트

  • 속성 기반 연결: 동일한 시각적 특성을 가진 요소들은 자연스럽게 연결되어 보임
  • 그룹화 조건 명확화: 색상, 형태, 아이콘 유형 등의 유사성이 시각적 그룹 형성을 유도함
  • 인지적 일관성 제공: 반복적 패턴은 사용자의 학습과 예측을 도와 UX 흐름을 안정화함

실무 적용

  • 버튼 스타일 통일: 동일 기능을 가진 버튼은 색상과 형태를 일관되게 유지
  • 콘텐츠 유형 구분: 카드, 리스트 등에서 정보 성격에 따라 반복된 시각적 패턴 사용
  • 아이콘 설계 일관성: 의미가 유사한 아이콘은 같은 계열의 디자인 스타일 적용

참고 사례

  • 상품 리스트 UI: 동일한 스타일의 카드 레이아웃으로 제품 간 관계 인식
  • 내비게이션 메뉴: 활성/비활성 상태를 동일한 기준으로 표현해 일관된 피드백 제공

사용자는 시각적으로 유사한 것을 하나로 묶어 해석한다. UX 설계에서 일관성은 단순한 미적 기준이 아니라 사용자의 이해와 탐색을 돕는 핵심 도구다.