포트폴리오 모션 QA
계층 구조, 방향성, 피드백, 시퀀스, 연속성을 명확히 하는 경우에만 모션을 사용합니다.
먼저 검사하기
프로젝트의 모션 규칙, 토큰 소스, 기존 모션 프리미티브를 읽으십시오. 독립적인 스케일이나 새로운 애니메이션 라이브러리를 추가하는 대신 그 의미와 지속 시간을 재사용하십시오.
결정 규칙
- 애니메이션이 명확한 이점을 제공하지 않는 한 읽기 우선 콘텐츠는 정적으로 유지하십시오.
- opacity와 transform을 선호하고, 레이아웃 애니메이션, 앰비언트 루프, 스크롤 하이재킹, 문자 지연(staggering),
transition: all을 피하십시오. - 모션을 선택 사항으로 유지하십시오: 축소 모션(reduced-motion)은 즉시 해결되고 키보드 조작은 애니메이션을 기다리지 않습니다.
- hover와 focus가 동등한 상태 변화를 생성하는지 확인하고, 모바일에서 포인터 동작에 의존하지 마십시오.
검증
가능한 경우 일반 모션, 축소 모션 상태, 키보드 포커스, 데스크톱/모바일 레이아웃, 재생/종료 동작을 테스트하십시오. 각 모션 선택의 이유, 사용된 토큰/프리미티브, 그리고 문서화된 프로젝트 결정이 필요한 편차를 보고하십시오.