UIUX Design - 의사 상태 (Pseudo-state)

조정미·2024년 7월 16일

UIUX Design

목록 보기
9/13
post-thumbnail

의사 상태란?

컴포넌트를 설계할 때 만들 수 있는 다양한 상태값.

컴포넌트의 경우 기본 속성은 유지한 채, 상황에 따라 다른 형태와 모양을 가지게 된다. 이런 것들을 의사 상태라고 한다.


의사 상태의 개념

여기서 의사란 가짜, 가상의(pseudo)라는 뜻이먀, 컴포넌트의 가상의 상태를 표시할 떄 사용한다.

기본상태마우스 커서를 올렸을 때

이렇게 마우스 커서를 올리면 색상이 변하는 것 또한 의사 상태이다.


의사 상태 설계 시 주의할 점은?

의사 상태의 종류는 버튼에 마우스를 올렸을 때, 버튼을 눌렀을 때, 텍스트를 입력하고 눌렀을 때, 체크 박스를 눌렀을 때, 누를 수 없을 때 등 다양한 경우가 있다. 또한, 컴포넌트마다 쓸 수 있는 것과 없는 것 또한 존재하는데 (버튼인데 체크된 것 or 체크박스가 링크인 것 X)
이럴 때는 실제로 구현을 담당하는 개발자와 자주 소통하며 구현 여부를 잘 논의하는 과정이 꼭 필요하다.

0개의 댓글