작업 방식
ui-animation은 인터페이스 모션의 구현, 검토, 측정을 다룹니다. 상호작용의 목적과 빈도부터 파악한 뒤 타이밍과 구현 방식을 선택합니다. 피드백, 방향 인지, 연속성을 기준으로 판단하며 자주 반복하는 동작은 즉각적으로 유지해야 합니다.
별도의 워크플로는 녹화에서 움직임을 측정합니다. 프레임을 추출하고 요소를 추적한 뒤 스프링이나 이징 곡선을 피팅해 구현 매개변수를 만듭니다. 열기와 닫기는 따로 다루고 새 녹화를 레퍼런스와 비교해 재구성한 단계가 유지되는지 확인합니다.
예상 산출물
- 국소적인 인터페이스 모션 구현 또는 검토.
- 녹화에서 측정한 이징 또는 스프링 명세.
- 타이밍, 속성별 단계, 검증 관찰이 포함된 인계 자료.
브리프에서 검토까지
- 01상태가 왜 움직여야 하는지 판단하세요
피드백, 연속성, 방향 인지의 필요성과 동작 빈도를 파악하세요. 작업 완료와 키보드 포커스의 즉각성을 유지하세요.
- 02모션을 선택하거나 측정하세요
컴포넌트 레시피를 선택하거나 녹화의 실제 프레임률로 프레임을 추출해 관련 움직임을 피팅하세요. 열기와 닫기 단계를 구분하세요.
- 03실제 상호작용을 테스트하세요
빠르게 다시 토글하고 느린 재생을 검사하며 터치와 모션 감소를 테스트하세요. 재구성 작업에서는 구현 녹화를 원본과 비교하세요.