AI 분석
최소·최대값에 도달하면 해당 버튼이 사라지고 레이아웃이 재정렬되는 수량 스테퍼 인터랙션이다.
밝은 회색 배경 중앙에 노란 원형 마이너스·플러스 버튼과 흰 알약형 숫자 필드가 가로로 놓인 단일 컴포넌트 구성이다. 노란 버튼과 짙은 굵은 아이콘, 큼직한 굵은 산세리프 숫자가 부드러운 그림자와 함께 촉감 있는 대비를 만든다. 값이 0이 되면 마이너스 버튼이 사라지고 숫자 필드와 플러스 버튼이 중앙으로 이동하며, 최댓값인 3에서는 플러스 버튼이 사라지고 숫자에 블러 전환이 적용된다. 누름 시 버튼 색이 살짝 어두워지는 피드백도 보인다. 비활성 상태를 숨김으로 표현하는 조건부 컨트롤과 레이아웃 전환 모션의 참고로 유용하다.
minimal · light-mode · playful · skeuomorphic
claude-opus-5-5 · 2026-10-16 17:49 · 신뢰도 0.80
