AI 분석
아바타의 상태 점을 누르면 세 가지 상태 아이콘 메뉴로 펼쳐지는 마이크로 인터랙션이다.
밝은 회색 배경 중앙에 일러스트 원형 아바타 하나가 놓이고, 오른쪽 위에 흰 테두리를 두른 상태 점이 붙어 있다. 상태 점은 블러와 함께 가로로 늘어나며 초록·노랑·주황 원형 버튼 세 개가 담긴 알약형 메뉴로 변형된다. 버튼에 커서를 올리면 위쪽에 흰 알약형 툴팁이 나타나 상태 이름을 보여 주고, 하나를 고르면 메뉴가 다시 작은 점으로 접히며 선택한 색이 반영된다. 채도 높은 상태 색과 부드러운 그림자, 블러 모핑 전환이 어우러져 상태 선택 UI나 아바타 배지 인터랙션을 설계할 때 참고하기 좋다.
minimal · light-mode · playful
claude-opus-5-5 · 2026-10-16 17:49 · 신뢰도 0.75