01. UI 내 모션은 이미 대세, 로티 파일즈를 소개해드릴게요! - LottieFiles 강좌

안녕하세요 여러분~!
로티파일즈는 단순히 작업한 애니메이션을 JSON으로 출력해서 로티를 쉽게 사용하도록 도와주는 것 뿐만아니라 작업물을 프라이빗하게 공유하거나 임베드 기능을 통해서 같이 일하는 디자이너, 프론트엔드 개발자와 같은 이해 관계자들과 협업시에 도움을 주는 기능을 제공하고 있습니다. 그 외에도 웹사이트 내에서 로티 관련된 다양한 기능들을 제공합니다.
최근 디자인스펙트럼과 로티파일즈가 개최한 Why Motion 행사에서 모션이 중요해지고 있는 상황을 같이 살펴보면서 로티파일즈를 살펴볼게요.

제가 준비한 로티파일즈 강좌를 크게 구분지어 보자면,
로티파일즈란?
에프터이펙트에서 로티파일즈 사용 방법
피그마에서 로티파일즈 플러그인을 통해 ui내에 gif를 적용하는 방법
로티 인터렉티비티를 통해 실제 코드로 애플 인터렉션을 구현하는 방법
그 외에는 로티파일즈 모바일 앱에서 확인하는 방법부터 로티 파일즈 플랫폼 내에 제공하는 여러 유용한 기능들을 소개

Lottie.js에 대해 궁금하신 분들은 아래 영상을 통해 확인이 가능합니다.
   • Lottie.js 강좌  

로티파일즈 : https://lottiefiles.com/kr
디자인스펙트럼 : https://www.designspectrum.org/
토스 - Why motion : https://blog.toss.im/article/why-moti...


00:00 시작
00:43 로티파일즈 소개
03:10 모션이 중요해지는 이유
05:08 로티파일즈 웹사이트 살펴보기

#로티 #로티파일즈 #인터렉션 #모션 #lottie #lottiefiles

🚀 디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요
┗    / @designbase  
🌟예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.🌟

*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커멘드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.


☞ 디자인베이스 소개 : http://designbase.co.kr/about/
☞ 공식 웹사이트 : http://designbase.co.kr/
☞ 네이버블로그 : https://blog.naver.com/designbasekorea