Squash and Stretch: 자연스러운 애니메이션

Squash and Stretch

요약

Disney의 12가지 기본 애니메이션 원칙 중 첫 번째인 'squash and stretch'를 활용하여 SVG 마이크로인터랙션을 더 자연스럽게 만드는 방법을 설명한다.

핵심 포인트

  • Squash and stretch 원칙은 작은 시각적 변화로도 큰 영향을 미치는 애니메이션 기법이다.
  • SVG를 이용해 웹 마이크로인터랙션에 이 원칙을 적용할 수 있다.

왜 중요한가

프론트엔드 개발자들이 애니메이션을 더 자연스럽고 사용자 친화적으로 만드는 디자인 원칙을 이해할 수 있다.