명확한 지도 라벨과 유용한 시각적 언어 만들기

대화형 지도의 타이포그래피는 빠른 공간 인식이라는 한 가지 주요 임무를 수행합니다. 편집 본문 텍스트와 달리 지도 라벨은 녹색 공원 잔디부터 어두운 아스팔트 도로, 건축물 해치까지 복잡하고 다양한 색상의 배경 이미지에서도 읽을 수 있어야 합니다.

깨끗하고 기하학적인 산세리프 서체(예: Inter, Roboto 또는 SF Pro)를 중간에서 굵은 두께로 사용하세요. 고해상도 디스플레이에서 사라지는 섬세하고 얇은 세리프 글꼴은 피하세요.

항상 미묘한 배경 알약이나 텍스트 후광(부드러운 대비 윤곽선)을 적용하십시오. 흰색 텍스트 뒤에 있는 깨끗하고 어두운 배지 또는 어두운 텍스트 뒤에 있는 흰색 알약은 아래에 있는 배경 아트웍에 관계없이 100% 가독성을 보장합니다.

모든 지도 항목이 동일하게 생성되는 것은 아닙니다. 마스터 플랜에는 기본 구역, 보조 건물 및 보조 유틸리티 지점이 있습니다.

3계층 인쇄 규모 설정: 계층 1(지구/윙) 1618픽셀의 굵은 대문자 텍스트; 계층 2(건물/상점) 1314px 세미 볼드체 텍스트; Tier 3(편의시설/화장실) 아이콘이 포함된 소형 11~12px 배지.

LayerPin을 사용하면 확대/축소에 따른 라벨 가시성을 설정할 수 있으므로 조감도에서 작은 방 라벨이 숨겨진 상태로 유지되어 시각적 소음을 방지하고 방문자가 더 가까이 확대할 때 우아하게 페이드 인되도록 할 수 있습니다.

지도 범례는 레이아웃의 시각적 Rosetta Stone입니다. 핀 색상, 카테고리 아이콘, 모양 채우기를 이해하기 쉬운 의미로 변환합니다.

LayerPin에서 범례는 정적 그래픽이 아니라 대화형 컨트롤입니다. 범례 필터에서 '화장실'을 클릭하면 캔버스 전체의 모든 화장실 위치가 강조 표시됩니다.

카테고리 색상을 선택할 때 WCAG AA 접근성 지침을 따르세요. 카테고리를 구별하기 위해 색상에만 의존하지 마십시오. 색맹 방문자가 완전히 자신감을 가지고 탐색할 수 있도록 항상 색상을 독특한 모양이나 아이콘과 짝을 이루십시오.