[UI 용어 정리] 버튼 관련

상태를 나타내는 것

출처:   https://material.io/

Enabled

상호작용이 가능한 상태일 때

 

Disabled

(어떤 이유로든) 동작할 수 없는 비활성 상태일 때

 

Hover

마우스 또는 포인터가 올려진 상태일 때

 

Focused

키보드 또는 음성 등의 입력을 통해 강조된 때

 

Pressed

마우스 또는 포인터로 클릭/터치했을 때

 

 

버튼 관련

Drop Down List (=Pulldown Menu)

버튼을 클릭하거나 커서를 올렸을 때, 세부 항목들이 펼쳐지고 그중 하나의 항목(값)을 선택할 수 있는 요소

 

콤보 박스 (Combo Box)
드롭다운 리스트와 입력 필드 기능을 결합(그래서 콤보)한 형태

 

스피너 (Spinner)
대표적인 숫자 입력 컨트롤

숫자값을 위아래 화살표 버튼을 눌러 조절하거나 편집 필드에 직접 원하는 숫자값을 입력 가능

 

 

라디오 버튼 (Radio Button)
하나를 선택 or 취소하기 위해 사용하는 버튼

 

토글(=스위치)

On/Off를 설정할 때 쓰임

 

다이얼

드래그 혹은 클릭을 통해 직접 정도를 조절

 

슬라이더

입력값이 제한되어 있음을 시각적으로 인지할 수 있음

 

 

툴팁

호버링(=마우스를 가져가면)하면 나타나는 설명,

마우스를 올려놓은 Hover 상태에서는 계속 유지, 부연 설명에 좋음

 

버트콘

버튼 + 아이콘, 버튼 기능이 있는 아이콘을 의미

 

툴바

버트콘을 사용자의 기호 및 필요에 따라 바(Bar)형태로 모아놓은 것