강의

멘토링

로드맵

Inflearn brand logo image
NEW
디자인 · 아트

/

UX/UI

[LottieFiles 공식] LottieFiles for Webflow : Lottie로 완성되는 인터렉티브 웹사이트 (수료증 발급)

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요. 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

14명 이 수강하고 있어요.

  • LottieFiles
실습 중심
자격증
Figma
webflow
모션그래픽웹 디자인Lottieuiux
Thumbnail

이런 걸 배울 수 있어요

  • Figma, Lottie Creator, AI 툴을 활용한 Lottie 애니메이션 제작법

  • Webflow에서의 Lottie 애니메이션 삽입 및 인터랙션 구현 방법

오직 인프런에서만!
LottieFiles 공식 한글화 강의을 수강하고
업무에 바로 적용해보세요!

웹사이트에 생동감을 더하고 싶으신가요?
LottieFiles for Webflow를 활용해 누구나 쉽고 빠르게 멋진 인터렉티브한 웹사이트를 만들 수 있어요.

복잡한 코딩 없이도 인터랙티브한 모션을 웹에 적용하는 법부터,
다양한 트리거와 반응형 애니메이션 설정까지 하나씩 따라 배우실 수 있습니다.

지금 바로 시작해서, 여러분의 웹 디자인에 감각적인 움직임을 더해보세요!

CHECK 1

Lottie란 무엇일까요?

Lottie는 JSON 기반의 애니메이션 파일로

Lottie를 활용해 애니메이션을 이미지만큼 쉽게 옮길 수 있어요.

용량이 적고 어느 기기에서나 작동 가능하며

크기를 조정해도 해상도가 낮아지지 않는 것이 Lottie의 강력한 장점이에요.

CHECK 2

왜 Lottie를 사용해야 할까요?

자유로운 크기 조정

해상도의 영향을 받지 않고
확대하거나 축소할 수 있어요.

작은 크기
GIF나 MP4 같은 형식에 비해
품질은 같으면서 훨씬 더 작아요.

상호작용성
Lottie에는 애니메이션 요소가 드러나 있어
상호작용하도록 수정할 수 있고 스크롤링, 클릭,
호버링 같은 상호작용에 반응할 수 있어요.

다양한 플랫폼 지원과 라이브러리
개발자에게 Lottie를 핸드오프하기 정말 쉬워요. Lottie 애니메이션을 iOS, 안드로이드, 웹, React Native에서 수정하지 않고 바로 사용할 수 있어요.

CHECK 3

세계적인 최고의 웹과 앱 서비스가
Lottie를 사용하고 있어요

현업에서 활발히 사용되는 Lottie의 사용 케이스를 확인해보세요.

cashbag - showcase card
Gmarket - showcase card(kr) (1)
Qcells - showcase card (2)
showcase card (1)
showcase card (2)
showcase card_kr
showcase card
KR - riid - showcase card
Spoon - showcase card kr
gbike-kr card

그밖에 다양한 활용 케이스는 이곳에서 확인하실 수 있어요.

CHECK 4

어떻게 수강해야 할까요?

인프런 강의는 다양한 음성 언어와 자막을 지원하고 있어요.

수강 화면 하단에서 톱니마퀴 아이콘(설정)을 누른 뒤,
원하는 음성 언어와 자막을 자유롭게 선택해보세요.

CHECK 5

LottieFiles가 인증하는
수료증을 받아보세요!

강의를 모두 수강하고 마지막 퀴즈까지 제출하면,
LottieFiles 수료증인프런 수료증을 모두 받을 수 있어요!
받은 수료증은 링크드인이나 포트폴리오에 자유롭게 활용해보세요.

인프런 수료증은
마이페이지 > 내 학습 > 수료증 메뉴에서 바로 확인하실 수 있습니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • Webflow를 사용하는 웹 디자이너 혹은 웹 개발자

  • Figma 기반 인터랙션/모션을 웹사이트에 실제 구현하고 싶은 디자이너

  • Lottie 애니메이션을 실무에 적용하고 싶은 퍼블리셔/마케터

안녕하세요
입니다.

1,185

수강생

38

수강평

4.9

강의 평점

4

강의

로티파일즈(LottieFiles)는 전 세계 디자이너와 개발자들이 손쉽게 애니메이션을 만들고, 관리하고,적용할 수 있도록 도와주는 플랫폼이에요. Lottie 포맷 기반의 애니메이션을 웹, 앱, 프리젠테이션 등 다양한 환경에 빠르게 적용할 수 있으며,효율적인 팀 협업과 모션 디자인 워크플로우 향상을 위한 다양한 도구를 제공합니다.

커리큘럼

전체

9개 ∙ (27분)

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!

무료

LottieFiles님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

비슷한 강의

같은 분야의 다른 강의를 만나보세요!