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