본문 바로가기 메인메뉴 바로가기
이 누리집은 대한민국 공식 전자정부 누리집입니다.

헤더

헤더는 사용자가 웹사이트에 접속하자마자 마주하게 되는 화면의 최상단 영역으로 디지털 정부 서비스의 브랜드 이미지를 전달하는 핵심 영역이다. 모든 화면에 일관성 있게 배치되며 통합검색, 메인 메뉴 등 서비스 정보를 탐색하고 이동할 수 있는 핵심 탐색 수단을 제공한다.

컴포넌트명

헤더 (Header)

헤더의 구조 예시

  1. 1.공식 배너

    대한민국 정부 조직 및 관련 기관에서 운영·관리하는 디지털 정부 서비스임을 식별할 수 있도록 제공하는 정보 배너

  2. 2.서비스 아이덴티티

    기관/서비스 로고 및 슬로건을 배치하여 디지털 서비스 운영 주체의 정체성을 전달함

  3. 3.유틸리티 링크 그룹

    서비스의 주요 탐색 도구와 다르게 부차적이지만 대부분의 화면에서 빈번하게 사용되는 기능이 제공되는 영역

  4. 4.메인 메뉴

    사이트를 일차적으로 탐색하기 위해 사용되는 탐색 인터페이스

  5. 5.아이콘 링크/버튼과 레이블

    통합검색 레이어/화면을 실행하는 버튼을 포함하여 통합검색, 로그인과 같이 서비스 이용에 핵심적인 기능을 실행하거나 화면으로 이동하는 아이콘 버튼 및 텍스트 레이블

가이드

  • 핵심적인 정보만 간결하게 제공한다. 헤더에 포함되는 요소 중 필수적인 항목을 간결하게 배치해야 한다. 헤더에 불필요한 꾸밈이나 과다한 정보가 배치되면, 사용자가 모든 화면에서 이용에 어려움을 겪을 수 있다.
  • 유틸리티 링크 그룹은 헤더 우측 상단에 제공한다. 헤더 우측 상단은 일반적으로 사용자들이 유틸리티 그룹을 발견할 수 있을 것으로 예측하는 공간이다.