로티 활용하기
로티(Lottie) 애니메이션 활용 방법에 대해 알아봅니다.
로티(Lottie)란?
로티(Lottie)는 JSON기반의 애니메이션 파일을 제공하는 플랫폼 입니다. 모션 애니메이션은 사이트에 생동감을 부여하고, 사용자에게 보다 쉽게 사이트의 정보를 이해 시키는 등 많은 장점을 갖고 있습니다.
로티의 파일은 GIF, MP4에 비해 적은 용량에 높은 품질을 갖고 있기에 다양한 애니메이션 파일을 활용하여 더 효과적인 사이트 디자인을 할 수 있습니다.
큐샵에 애니메이션 적용하기
아래 내용을 참고하여 사이트에 로티(Lottie) 애니메이션을 적용 할 수 있습니다.
1. 로티(Lottie) 홈페이지에 접속하여, 회원가입 또는 로그인을 합니다.
2. 오른쪽 위 [대시보드로 가기] 버튼을 클릭하여, 대시보드로 이동합니다.
3. 각 항목의 오른쪽 끝 [View more] 버튼을 클릭합니다.
무료 버전에서는 최대 10개의 애니메이션 사용이 가능합니다. 더 다양하고 많은 애니메이션 사용을 위해서는 [로티 요금제 업그레이드]가 필요합니다.
4. 다양한 애니메이션 중 원하는 애니메이션을 선택합니다.
오른쪽 위 검색탭에 키워드를 검색하여 애니메이션을 찾을 수 있습니다. 영문으로 검색 시 더 정확한 검색 결과를 얻을 수 있습니다.
5. 선택한 애니메이션 오른쪽 위 [다운로드] 버튼을 클릭합니다.
6. 파일 다운로드 또는 애니메이션 URL 등록 방법으로 로티 블록에 적용할 수 있습니다.
7. 파일 등록 및 블록 설정이 완료 되었다면 [게시하기]버튼을 클릭하여 사이트에 적용합니다.
활용 사례
로티(Lottie)는 토스, 배달의 민족, 무신사, 디즈니, 넷플릭스 등 국내외 많은 브랜드에서도 사용을 하고 있는 플랫폼 입니다.
아래 바로가기를 통해 다양한 애니메이션을 활용하여 브랜드의 개성을 나타내고 있는 사례들을 확인해보세요
Last updated