네비게이션바는 웹사이트 또는 앱에서 주로 상단에 위치하는 인터페이스 요소로, 페이지 간의 이동이나 메뉴 항목에 접근하는데 사용된다. 이는 사용자가 앱의 구조를 이해하고, 주요 기능에 빠르게 접근할 수 있도록 돕는다.
사용 예시
네비게이션바는 웹사이트의 주요 카테고리, 앱의 화면 전환, 로고 및 브랜드 식별 등에 사용된다. 보통 로고와 메뉴 항목, 검색 기능, 추가 액션 등이 포함되어 있다.
주의점
- 네비게이션바는 사용자가 앱의 구조와 기능을 이해하기 위한 핵심적인 요소이므로 일관성과 사용성을 중요시해야 한다.
- 네비게이션바는 화면의 상단에 위치하며 고정되어 있어야 한다. 이렇게 함으로써 사용자가 항상 접근 가능하고 일관된 위치에서 주요 기능에 접근할 수 있다.
- 네비게이션바의 디자인은 해당 웹사이트 또는 앱의 전반적인 디자인 가이드와 일치해야 한다. 디자인 요소, 색상, 아이콘 등은 일관성을 유지해야 한다.
참조
- 머티리얼 디자인 : https://material.io/components/app-bars-top
- Bootstrap Navigation Bar : https://getbootstrap.com/docs/5.0/components/navbar/