AI 분석
선택한 탭만 아이콘 원형 버튼에서 컬러 라벨 필로 늘어나는 탭 바 인터랙션이다.
밝은 회색 배경 중앙에 메일, 캘린더, 알림 세 개의 탭이 가로로 놓인 단일 컴포넌트 구성이다. 비활성 탭은 흰 원형 버튼에 검정 아이콘만 두고, 활성 탭은 가로로 늘어난 필 형태에 탭별 고유 강조색(파랑, 핑크 레드, 빨강)으로 아이콘과 라벨을 함께 칠한다. 클릭하면 이전 탭은 원형으로 줄고 새 탭은 폭이 늘어나며, 전환 중 라벨이 블러와 함께 페이드 인·아웃되고 아이콘 색이 서서히 바뀐다. 부드러운 그림자와 넉넉한 라운드로 촉감 있는 버튼 질감을 만든다. 공간을 아끼는 탭 바나 세그먼트 컨트롤의 상태 전환 모션 참고로 유용하다.
minimal · light-mode · playful
claude-opus-5-5 · 2026-10-16 17:49 · 신뢰도 0.80