사이트맵(조직도) 무료 아이콘 | 무료 소재

정보의 전체상을 시각화하는, ‘사이트맵’ 무료 소재

상단의 큰 사각형(메인 페이지)에서, 하단의 작은 사각형(하위 페이지)으로 선이 뻗어 나가는, 트리 구조를 그린 일러스트 아이콘입니다. 웹사이트의 어디에 무엇이 있는지를 보여주는 ‘지도’ 역할뿐만 아니라, 사물의 부모 자식 관계나, 조직의 명령 계통과 같은 ‘계층 구조(히어라키)’를 시각적으로 설명하기 위한 만능 심볼 마크입니다.

구체적인 사용 장면과 용도 제안

이 아이콘은, 웹 제작 현장부터, 비즈니스 조직론까지, 구조를 정리해서 보여주고 싶은 장면에서 활약합니다.

• 웹사이트 푸터에 있는 ‘사이트맵’ 링크에
  대규모 기업 사이트나 포털 사이트의 푸터 부분에서, ‘전체 페이지 목록은 여기’라는 링크 버튼의 아이콘으로 사용. 사용자가 길을 잃었을 때, 사이트의 전체 구조를 파악하기 위한 도움말이 됩니다.
• UI/UX 디자인의 ‘정보 설계(IA)’ 자료에
  웹사이트 리뉴얼 제안서나, 앱의 화면 천이도에서, ‘어떤 카테고리로 분류할 것인가’라는 디렉터리 구조를 논의할 때의 표제 아이콘으로 사용. 정보의 정리 정돈을 상징합니다.
• 기업의 ‘조직도/체제도’ 이미지에
  회사 안내나 채용 피치 자료에서, ‘사장→부장→과장’과 같은 지휘 명령 계통이나, 부서 구성도(오거나이제이션 차트)를 소개하는 슬라이드의 장식으로 사용. 조직이 체계적으로 기능하고 있는 모습을 전달합니다.
• SEO 대책의 ‘크롤러 순회’ 해설에
  검색 엔진의 구조를 해설하는 블로그 기사에서, ‘XML 사이트맵’의 역할이나, 링크 구조 최적화에 관해 설명할 때의 삽화로 사용. 검색 로봇이 링크를 따라 사이트 내를 순회하는 이미지를 보완합니다.
• 가계도/분류도의 ‘트리 구조’ 표현에
  ‘가계도’ 작성 서비스나, 생물의 ‘분류학’을 해설하는 교육 콘텐츠에서, 가지 쳐 나가는 계통수의 은유(메타포)로 이용할 수 있습니다.

편집 요령과 EPS 형식의 장점

배포 파일에는, 웹 제작에 편리한 PNG, SVG 형식 외에, DTP 디자인이나 고도 편집에 적합한 벡터 데이터인 EPS 형식도 동봉하고 있습니다.

EPS 형식이라면, 일러스트레이터 등의 소프트웨어를 사용하여, 사각형의 수를 늘려 더 복잡한 계층을 만들거나, 형태를 ‘원’으로 바꾸어 네트워크도풍으로 만드는 등의 어레인지가 가능합니다. 또한, 선(커넥터) 색을 ‘빨강’으로 하여 중요한 루트를 강조하는 등, 설명하고 싶은 내용에 맞춰 커스터마이징해 주세요.

관련 키워드

사이트맵, 구성도, 조직도, 계층, 구조, 트리, 플로우 차트, 웹 디자인, SEO, 내비게이션, 디렉터리, 분류, 아이콘, Sitemap、Flowchart、Hierarchy、Structure、Organization