한 페이지에서 임의의 개체를 볼 때 뷰어는 종종 연결을 찾으려고합니다. 디자이너는 의미를 전달하고 메시지 보급을 돕기 위해 객체 (텍스트 및 / 또는 이미지)를 그룹으로 배열하여 시청자를 도울 수 있습니다. 이 그룹의 친밀도는 인접성, 디자인의 원칙입니다.
근접성은 페이지 요소 사이의 본드를 만듭니다. 얼마나 가까이에 물체를 놓을 지 관계를 제안 할 수 있습니다. 멀리 떨어져있는 물체는 차이점을 제시 할 수 있습니다.
때로는 별도의 원칙으로 간주 되기는하지만, 단일성 또는 "문서의 여러 부분이 얼마나 잘 작동하는지"는 때때로 근접성을 의미하는 데 사용됩니다. 근접성은 근접성입니다. 그러나 근접성이 부족한 요소는 세 번째 요소를 도입하여 통합 할 수 있습니다. 예 : 여백에있는 텍스트 레이블을지도의 중간에있는 점과 연결하는 화살표입니다. 이러한 방식으로 멀리 떨어져 있지만 함께 속하는 요소들 사이에 관계 또는 단일성이 성취 될 수 있습니다.
그룹화 객체는 뚜렷한 간격을 두어 그룹간에 물리적 장벽 (예 : 규칙)을 배치하고 모양, 색상 또는 질감을 사용하여 유사한 항목을 시각적으로 그룹화하고 항목과 달리 시각적으로 구분하여 수행 할 수 있습니다.
페이지 레이아웃에서 근접성 사용
개별 항목으로 그룹화하는 근접성을 사용하여 페이지에 개별 요소가 많이있을 때 뷰어를 압도하지 마십시오.
- 캡션을 이미지에 가깝게 유지하면 캡션이 이미지와 함께 전달된다는 사실을 명확하게 알 수있을뿐만 아니라 두 개의 별도 이미지 단위로 단일 시각 단위를 생성합니다.
- 주소, 전화 번호, 전자 메일 주소 및 웹 주소 와 같은 요소를 그룹화하면 모든 연락처 정보를 쉽게 하나의 단위로 묶을 수있을뿐만 아니라 네 곳에서가 아닌 눈이 쉬고 정보를 얻을 수있는 단일 지점을 만듭니다. 뛰어 다니고 간과 할 수도있다.
- 그룹화 할 요소가 많은 경우 하위 그룹화를 고려하십시오. 연락처 정보를 예로 사용하여 함께 그룹화하지만 간격 (또는 다른 수단)을 사용하여 여러 전화 번호와 같은 하위 그룹을 만듭니다.
보조 탐색에 근접 사용
- 독자가 텍스트를 읽을 수 있도록하려면 광고 본문 (광고, 뉴스 레터 기사 등)에 헤드 라인을 가까이 두십시오. 수반되는 시각 자료가 텍스트를 이해하는 데 특히 중요하다면, 대신 헤드 라인 바로 뒤에 비주얼을 넣을 수 있습니다.
- David Ogilvy의 작업을 기반으로 한 5 단계 광고 디자인 공식은 일반적으로 광고를 통해 시청자를 유도하는 경향이있는 특정 패턴으로 5 가지 유형의 콘텐츠를 정렬합니다. 또한 근접성을 사용하여 5 가지 유형의 콘텐츠를 구성하는 자료를 그룹화 할 수 있습니다.
근접성으로 사용자를 돕습니다.
근접성을 사용하여 함께 이동하고 다른 부분을 분리하는 요소를 결합하여 복잡한 페이지 또는 정보가 포함 된 레이아웃을 이해할 수 있습니다.
- 예를 들어 여러 개의 워크샵으로 구성된 세미나 팜플렛 을 여러 날에 걸쳐 배치하면 위치가 쉽게 압도 될 수 있습니다. 각 개별 워크숍 (제목, 설명, 날짜 / 시간, 위치)에 대한 정보를 함께 그룹화하고 (등록 방법, 비용 및 비용 등) 전반적인 세부 사항을 제공하는 그룹을 제공하려면 근접성 (다른 요소 및 디자인 원칙과 함께)을 사용하십시오. 연락처 정보.
- 웹 페이지에서 근접성을 사용하여 주요 / 보조 탐색 링크 (텍스트, 탭 또는 단추)를 해당 기능 (예 : 쇼핑 / 카탈로그, 주간 특별 행사 및 기술 지원)에 따라 그룹화 할 수 있습니다.