UI 디자인 실무 용어를 알아보자-1

1) 드롭다운 리스트 (Drop down list)

드롭다운 리스트 또는 목록 상자라고 불린다. 객관식으로 아래에 선택지 항목을 나열하는 개념이자 형태를 의미한다. 주로 기본값이 보이는 디폴트 값을 가지고 있다가 화살표를 누르면 숨어있던 선택지들이 나타나는 형태를 가지고 있다. 드롭다운하지 않고 쭉 나열되어 있는 경우에는 리스트 박스라고도 불린다.

 

 

2) GNB (Global Navigation Bar)

웹페이지의 메인페이지부터 시작해서 항상 표시되는 메인 메뉴를 의미한다. 다른 웹페이지로 연결되는 하이퍼링크들의 집합 영역이자 메인 메뉴를 뜻하는 용어로, 탑 메뉴, 메인 메뉴라고도 불린다. 아래의 다나와 사이트의 노란색 부분처럼 웹사이트의 상단 또는 좌측에 고정되어 있는 경우가 많다.

 

3) LNB (Local Navigation Bar)

GNB를 받쳐주는 서브 메뉴로 웹사이트의 좌측에 주로 위치하는 메뉴를 의미한다. 위치는 대부분 좌측으로 고정되어 있으나 진입한 메뉴에 따라 변형하는 경우 또는 다른 메뉴가 제공되기도 한다. 

 

4) 라디오 버튼 (Radio Button)

선택 영역에서 어느 하나를 선택하거나 취소하기 위해 사용하는 버튼을 의미한다. 단 하나의 항목을 선택할 수 있게 한다는 특징을 가지고 있다. 

5) 체크 박스 (Check Box)

체크박스는 라디오 버튼과 달리 동시에 여러개를 선택할 때, 사용되는 버튼을 의미한다. 틱 박스(Tick Box)라고도 불리는 이 버튼은 다중 선택뿐만 아니라 일정 버튼을 on/off 하는 개념으로 사용되기도 한다.

 

6) 토글 (Toggle Button/Switch)

토글 버튼은 주로 on/off 설정에 자주 사용된다. 토글 버튼의 경우, 좌우로 on/off를 설정하는 경우도 있으나, 눌린 상태와 눌리지 않은 상태를 구분하여 실행하는 버튼으로도 사용되고 있다. 예로는 우리가 자주 사용하는 워드의 Bold 설정에도 사용되기도 하고, 핸드폰 라이트를 끄고 켜고하는 상황에서도 사용되고 있다. 사용자에게 분명한 시각적인 피드백을 주는 것이 중요한 버튼이다.