Design System
내비게이션(Navigation)은 사용자가 앱 내의 빠른 탐색과 목적지로 이동하도록 도와주는 컴포넌트입니다.
사용자 액세스를 위해 앱의 주요 기능으로 구성됩니다.
네비게이션은 앱 내에서 최상위 수준 탐색에 사용되는 구성 요소로 크게 하단 Tabbar와 상단 GNB로 나뉩니다.
현재 화면 및 전체 시스템에 대한 기능을 포함하는 지속적으로 사용 가능한 중요한 사용자 인터페이스 요소입니다.
하단 Tabbar는 앱의 기본 대상 간 이동을 허용합니다.
상단 GNB는 콘텐츠와 동일한 공간에 배치하며 스크롤 시 상단 앱 바는 그대로 유지되거나 압축 효과를 사용할 수 있습니다.
home icon은 Lottie 링크로 제공하며 터치 영역 넓이는 72 x 72입니다.
Container는 단일 사이즈로 그림자 포함하여 64높이로 배치합니다. 각 아이콘 Style은 ‘36
size’로 고정해 사용합니다.
아이콘 노출 수에 맞게 균등하게 나누어 각각 센터정렬합니다.
사용자 여정 전반에 걸쳐 쉽게 접근할 수 있는 메뉴 3~5개를 사용하고 현재 화면과 관련된 콘텐츠 및 작업을 제공합니다.
제공되는 정보 및 작업은 주로 상황에 따라 달라지며 화면에 따라 다르지만 주요 교차 앱 여정에 대한 접근을 포함합니다.
오른쪽 버튼 영역에 버튼을 배치할 때 왼쪽부터 자주 사용하는 액션버튼을 배치합니다.
3개 미만의 메뉴를 사용하지 마십시오. 탭 이용을 권장합니다.
