UIUX 기초용어(1/2)

• GNB / LNB / SNB / FNB
  1) GNB (Global Navigation Bar)
  - 글로벌 내비게이션으로 최 상단에 고정되어 있는 메뉴
  2) LNB (Local Navigation Bar)
  - 로컬 내비게이션으로 선택된 메뉴에 따라 선택적으로 표시하는 세부 내비게이션
  - GNB 하위 메뉴
  3) SNB (Side Navigation Bar)
  - 사이드 내비게이션으로 LNB의 한 종류이며 화면 한쪽 구석을 차지
  4) FNB (Footer Navigation Bar)
  - Footer에 해당되는 내비게이션으로 화면 최 하단에 위치

GNB LNB 예시

SNB FNB 예시

• Combo Box
  - 콤보박스는 "드롭다운리스트+입력필드"의 결합

콤보박스 예시

• Drop-down List
  - 밑으로 쏟아지는 리스트 형태
  - 보통은 List Box라고 함

https://think360studio.com/

• Check Box / Radio Buttom / Toggle
  - Check Box는 여러 개의 옵션을 선택 할 때
  - Radio Button 는 한 가지 옵션을 선택할 때
  - Toggle은 On/Off 전환 시 선택

https://velog.io/@leeyw2709

• Butcon / Tool Bar / Tool Tip
  - Button  + Icon 조합된 단어
  - 아이콘 형태를 한 버튼을 뜻함
  -  Butcon을 바 형태로 나열한 공간을 Tool Bar
  - icon을 hover 했을 때 나오는 설명은 Tool Tip

• 파비콘 / 브라우저 타이틀
  - 브라우저 탭에 표시되는 아이콘은 파비콘
  - 파비콘 옆에 보이는 텍스트는 브라우저 타이틀

파비콘과 브라우저 타이틀 예시

• Spinner
  - 숫자입력컨트롤
  - 편집 필드와 함께 우측 옆의 상하 화살표 구성되어있음

https://brunch.co.kr/@bundi/42

• Dialog Box
  - 팝업의 일종이며 대화상자라고 부름
  - 사용자에게 정보를 보여주거나 응답을 받는 사용자 인터페이스에서 사용되는 창

https://brunch.co.kr/@bundi/41