게슈탈트 디자인 원칙은 게슈탈트 심리학 에서 가져온 일련의 개념과 지침으로 , 마음은 여러 개별 사물이 아닌 조직화된 사물 그룹을 전체적으로 처리하는 경향이 있다고 이론화합니다. 이러한 개념은 우리가 정보를 배열하는 방식에 지각에 대한 더 나은 이해를 통합하는 데 도움이 될 수 있으므로 보다 효과적으로 의사 소통할 수 있습니다. 이것은 디자인의 게슈탈트 원칙에 관한 여러 부분으로 구성된 시리즈의 세 번째 항목입니다. 첫 번째 근접성(Proximity )은 사물이 얼마나 밀접하게 배열되어 있는지에 따라 마음이 사물 그룹을 다르게 인식하는 방식을 다룹니다. 두 번째 폐쇄는 마음이 실제로 보이는 것보다 더 많은 정보를 인식할 수 있는 방법을 설명합니다. 유사성이 작동하는 방식 웹 디자인 컨텍스트에서 유사성의 가장 기본적인 예는 텍스트입니다. 웹 페이지에서 사용되는 시각적 언어의 모든 요소는   페이지 자체와 웹 사이트 전체의 정보 아키텍처에 대한 참조 여야 합니다 . 나는 페이지에서 정보의 우선 순위를 지정하는 방식을 이해하는 데 도움이 되도록 마음이 들여쓰기 및 내어쓰기와 같은 간단한 단서를 찾는 방법의 예로 텍스트 개요를 사용하여 이전에 이 아이디어에 대해 글을 쓴 적이 있습니다. 타이포그래피의 가장 기본적인 규칙은 본질적으로 정보 아키텍처 시스템입니다. 그렇지 않으면 모든 텍스트가 동일하게 보일 것이며 게슈탈트의 유사성 규칙에 따라 평면 시스템의 동료와 같이 동등하게 인식됩니다. 그러나 그것은 텍스트가 작동하는 방식이 아닙니다. 텍스트에는 개념적으로나 시각적으로 모두 구조가 필요합니다. 시각적 구조는 단일 단어를 읽기 전에도 개념적 구조를 전달합니다. 이것이 타이포그래피 시스템이 스캐닝에 매우 중요한 이유입니다. 헤드라인의 크기, 굵기, 간격은 그 뒤의 단락과 구별하고, 목록의 들여쓰기 및 분할은 주변 텍스트와 구분하며, 끌어오기 인용문은 전체 구조 외부에 서서 의도적으로 추출된 한 줄의 중요성을 나타냅니다. 전체. 텍스트가 처리되는 방식의 차이( 유사성 파괴  )는 실제 단어 자체의 의미와는 별개로 시각적 언어로 기능합니다. 유사성과 객체 모든 웹 디자인은 상자와 화살표로 축소될 수 있다고 합니다. 상자의 모양과 크기가 다양하다는 것을 인식하는 한 이는 불공평한 단순화가 아닙니다! 인터랙션 디자인 컨텍스트의 일반적인 패턴은 그리드입니다. 기본 그리드를 의미하는 것이 아니라 눈에 보이는 개체를 그리드에 배열하는 방법을 의미합니다. 와이어프레임과 같은 예비 설계에서 위의 배열은 여러 가지를 전달합니다. 여기에 하나 이상의 객체가 있을 것입니다. 개체는 동일한 콘텐츠 유형의 변형입니다. 객체는 동등하게 중요하다 이것은 우리가 자주 보고 사용하는 데 익숙한 유사성 의 간단한 예입니다 . 동일한 상자의 그리드로 전달되는 기본 세부 정보는 너무 일반적이어서 이를 사용할 때의 위험은 추가 시각적 세부 정보 없이는 디자인 구현 에 필요한 정보를 전달하지 않는다는 것입니다 . 이 개체를 클릭할 수 있습니까? 그렇다면 그들은 어디로 갑니까? 데이터베이스 객체입니까, 아니면 페이지에 고유한 수동으로 생성된 요소입니까? 등. 이 예에서 위의 목록에 적어도 하나의 다른 결론을 추가할 수 있습니다. 이러한 개체의 중요성이 모두 동일하지는 않습니다. 그러나 그리드만으로는 모든 개체가 동일한 종류의 콘텐츠인지 여부를 알 수 없습니다. 좋든 나쁘든 작동하는 유사성 의 원칙입니다 . 유사성과 행동 잘 디자인된 웹 페이지는 스캐닝 방문자가 페이지를 본 후 몇 초 내에 세 가지 질문을 묻고 답할 것이라고 예상합니다. 이 정보는 무엇입니까? 나와 관련이 있습니까? 다음에 무엇을 해야 합니까? 페이지에서 텍스트를 처리하는 방식은 이러한 질문을 지원하는 데 큰 도움이 됩니다. 그러나 세 번째 질문에 대한 답은 순전히 시각적 단서에 더 많이 의존할 것입니다. 웹 사이트 사용자가 주어진 페이지에서 통과할 수 있는 "문"이 하나 뿐인 경우는 거의 없으므로 각각 가능한 경로를 나타내는 여러 개체의 배열에 따라 방문자가 옵션을 얼마나 명확하게 인지하는지가 결정됩니다. 그리드와 마찬가지로 목록은 한정된 수의 옵션을 표시하는 가장 기본적인 접근 방식입니다. 좋은 목록은 텍스트를 읽기 전에 기능을 시각적으로 전달하기 위해 유사성 원칙을 사용합니다. 와이어프레임과 같은 예비 설계에서 위의 배열은 여러 가지를 전달합니다. 여기에 하나 이상의 개체 또는 옵션이 있습니다. 개체는 동일한 콘텐츠 유형의 변형입니다. 객체는 동등하게 중요하다 그리드와 마찬가지로 기능에 중요한 동일한 종류의 보이지 않는 정보를 알리기 위해 추가 세부 정보가 포함될 수 있습니다. 이러한 개체를 클릭할 수 있습니까? 그렇다면 그들은 어디로 갑니까? 데이터베이스 객체입니까, 아니면 페이지에 고유한 수동으로 생성된 요소입니까? 등. 그러나 더 중요한 것은 이 목록이 유사성을 사용하여 주변 재료와 형태 및 기능이 다른 동일한 종류의 개체 그룹으로 자신을 식별한다는 것입니다. 디자인의 모든 게슈탈트 원칙과 마찬가지로 유사성은 믿을 수 없을 정도로 단순한 개념일 수 있습니다. 이 예제가 전체 디자인 프로세스에서 생성한 레이아웃을 생각하는 데 도움이 되어 보다 스캔 가능한 정보 배열을 만드는 데 도움이 되기를 바랍니다.