[용어정리] GNB, LNB, SNB, FNB 개념

회사에서 사이트 리뉴얼 업무를 맡게 되었다. 크몽으로 웹디자이너를 선정하여 외주 디자이너와 첫 협업을 했다.

 

파일 내엔 여러 웹 관련 용어가 가득 들어있었다. 😅

앞으로 기획 업무에 참고할겸 네이게이션 클래스 명에 대해 정리해봤다.

(얼마전 정보처리기사 강의를 수강한 N잡 홈페이지를 참고했다.)

 

---

 

1. GNB (Global Navigation Bar)

사이트 전체에 동일하게 적용되는 최상위 공통 네비게이션

메인메뉴, 대분류메뉴 등 전체 사이트에서 사용되는 공통 메뉴바를 뜻한다.

 

 

---

 

2. LNB (Local Navigation Bar)

GNB 메뉴의 서브 메뉴형식으로 나오는 네비게이션.

서브메뉴, 중분류 메뉴, 각 서브분류 별 사용되는 특정 페이지로 가는 네비게이션 바를 뜻한다.

 

---

 

3. SNB (Side Navigation Bar)

일반적으로 왼쪽에 많이 위치해 있으며 메인메뉴, 서브메뉴를 제외한 나머지 사이드 메뉴 혹은 기타 메뉴바

N잡에는 사이드 네비게이션을 활용하지 않아 커리어리 사이트를 참고했다.

 

---

 

4. FNB (Foot Navigation Bar)

하단 메뉴, 하단로고, 주소 등을 입력하는 홈페이지 가장 하단 부분으로

푸터(footer) 라고 많이 쓴다.

 

 

 

---

한달 안으로 인프런 UX/UI 시작하기 Figma 입문 강의를 수료하는게 목표다!

협업툴 활용 능력을 높여 함께 일할 수 있는 사람이 되고 싶다..