<aside> 😝 UI 용어 정의 페이지입니다 :)

</aside>

- states는 UI 요소들의 현재 상태를 사용자에게 전달하는 데 사용되는 시각적 표현 요소들을 정의한 것
- 사용자가 상황을 정확하게 인지할 수 있도록 분명한 차이를 느낄 수 있는 시각적효과를 적용하되,
	요소들마다의 변화 규칙을 일관성 있게 적용하는 것이 필요하다.

Button States

zlEnabled : 사용이 가능한 상태

zlEnabled : 사용이 가능한 상태

Disabled : 사용이 불가능한 상태

Disabled : 사용이 불가능한 상태

Hover : 요소 위에 커서가 올라온 상태

Hover : 요소 위에 커서가 올라온 상태

Focused : 키보드나 음성과 같은 입력장치가 해당 요소에 위치에 있을 때의 상태

Focused : 키보드나 음성과 같은 입력장치가 해당 요소에 위치에 있을 때의 상태

Pressed : 마우스 커서로 클릭, 손으로 탭 했을 때의 상태

Pressed : 마우스 커서로 클릭, 손으로 탭 했을 때의 상태

Indeterminate.png


States

Active / Inactive : 활성화 된 상태와 사용이 가능한 상태

Active / Inactive : 활성화 된 상태와 사용이 가능한 상태

Selected / Unselected : 선택 된 상태와 선택되지 않은 상태

Selected / Unselected : 선택 된 상태와 선택되지 않은 상태

On / Off : 켜진 상태와 꺼진 상태

On / Off : 켜진 상태와 꺼진 상태

Activated : 활성화 되어 사용 중인 상태

Activated : 활성화 되어 사용 중인 상태

Dragged : 드래그하여 이동 중인 상태

Dragged : 드래그하여 이동 중인 상태

Error : 에러가 발생한 상태

Error : 에러가 발생한 상태

Indeterminate : 선택 & 비 선택된 상태가 섞여 있는 모호한 상태로, 주로 체크박스에서 사용

Indeterminate : 선택 & 비 선택된 상태가 섞여 있는 모호한 상태로, 주로 체크박스에서 사용

Indeterminate.png

Indeterminate.png