Animation Intent Tokens

핵심 아이디어

대규모 디자인 시스템에서 애니메이션의 일관성 문제를 해결하기 위해 단순한 변수가 아닌 의도(intent)를 전달하는 모션 디자인 토큰이 필요하다.

요약

일반적인 디자인 토큰과 달리 많은 모션 디자인 토큰은 단순한 변수에 불과해 사용 맥락과 의도를 전달하지 못한다. 저자는 모든 UI 애니메이션을 5가지 기본 패턴(Slide In/Out, Appearing/Hiding, Hovering in/out, Expanding/Shrinking, Zooming in/out)으로 분류하고, 이러한 패턴을 토큰화하여 디자이너가 애니메이션의 안무(choreography)에만 집중할 수 있게 한다.

견해

기본 애니메이션 패턴을 의도 기반 토큰으로 추상화하는 접근법은 대규모 디자인 시스템에서 일관성을 유지하는 효과적인 전략이며, 디자이너와 개발자 모두의 워크플로우를 간소화할 수 있다.

출처

Animation/Motion Design Tokens. For complex Design Systems | by Oscar Gonzalez,WAS | Medium