AI 분석
알약형 음성 메시지 플레이어에서 재생 진행에 맞춰 받아쓰기 말풍선이 펼쳐지는 마이크로 인터랙션이다.
흰 배경 중앙에 원형 받아쓰기 버튼과 알약형 음성 플레이어가 가로로 나란히 놓인다. 연회색 면 위에 짙은 회색 아이콘과 파형 막대를 쓰고, 재생된 구간의 막대는 짙게, 남은 구간은 옅은 회색으로 구분하며 오른쪽에 남은 초가 줄어든다. 재생 버튼이 일시정지로 바뀌며 진행 커서가 파형을 지나가고, 인용 아이콘 버튼을 누르면 생각 풍선 모양의 말풍선이 위로 떠올라 문장이 끝부분 페이드와 함께 한 글자씩 채워진다. 음성 메시지와 텍스트 변환을 한 컴포넌트에서 연결하는 채팅·AI 받아쓰기 UI 참고로 유용하다.
minimal · light-mode · monochrome
claude-opus-5-5 · 2026-10-16 17:51 · 신뢰도 0.75
