Rive로 Rich한 프로덕트 만들기

듀오링고는 풍부한 애니메이션을 적극적으로 활용하고 있는데요, 22년 말 Rive를 도입해 애니메이션을 리디자인했다는 글을 블로그에 올리기도 했습니다.

Rive란?

Rive (이전 이름: Flare)는 모바일 앱, 웹사이트 및 게임과 같은 다양한 플랫폼에서 사용되는 2D 애니메이션 도구입니다.

장점

  • Lottie보다 빠르고 작으며 메모리를 적게 사용합니다. Rive가 Lottie보다 1/15만큼 작다는 언급도 있습니다.
  • 인터랙티브 합니다: Lottie는 본질적으로 벡터 gif로 간단한 상호작용만 가능하지만 Rive는 창의적인 상호작용을 할 수 있습니다
  • 간결한 제작 단계: Lottie애니메이션은 디자인 요소를 After Effect에서 동작하도록 하고 JSON으로 추출한 뒤 Lottie에서 구동하는 것과 비교해 Rive는 자체 에디터에서 디자인 및 애니메이션을 같이 제작하여 Export한 뒤 Rive Runtimes에서 실행합니다
  • 지원: web, iOS, macOS, Android, Windows, Flutter, React, React Native, C++, game engines 등을 모두 지원합니다
  • 무료 사용 가능: 현재 무료 플랜에서는 3 files까지 사용 가능합니다

단점

  • 자체 도구 사용: 장점으로도 제시되지만 어쨌든 도구 사용법을 익혀야 하는 것은 단점입니다. 물론 도구 사용이 어렵지는 않으며 애니메이션을 만드는 개념은 동일하여 학습 난이도가 높지는 않아 보입니다.
  • 가격: 일반 플랜은 $14/mo 비용이 발생합니다.

결론

단점이 없지는 않지만 앞으로 콘텐츠 추가, 인터랙션 개선방향을 고려하면 지금부터 적용을 고려할 충분한 이유가 있습니다. 게다가 업계 리더인 듀오링고에서 검증되기도 했지요. 좋은 애니메이션을 만들어 내는 것은 또 다른 일이겠지만요.