강의

멘토링

로드맵

Inflearn brand logo image
NEW
Design

/

UI/UX

[LottieFiles Official] LottieFiles for Webflow: Interactive Websites Completed with Lottie (Certificate Issued)

Meet the official first Korean-language course from global motion design platform LottieFiles, exclusively on Inflearn. Complete the course and receive an official LottieFiles certificate of completion.

14 learners are taking this course

  • lottiefiles
실습 중심
자격증
Figma
webflow
모션그래픽
Motion Graphic
Web Design
Lottie
ui
ux
Thumbnail

What you will learn!

  • How to Create Lottie Animations Using Figma, Lottie Creator, and AI Tools

  • Methods for Inserting Lottie Animations and Implementing Interactions in Webflow

오직 인프런에서만!
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 수료증인프런 수료증을 모두 받을 수 있어요!
받은 수료증은 링크드인이나 포트폴리오에 자유롭게 활용해보세요.

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

Recommended for
these people

Who is this course right for?

  • Web designers or web developers who use Webflow

  • Designers who want to actually implement Figma-based interactions/motions on websites

  • Publishers/marketers who want to apply Lottie animations in practical work

Hello
This is

1,185

Learners

38

Reviews

4.9

Rating

4

Courses

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

Curriculum

All

9 lectures ∙ (27min)

Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

Free

lottiefiles's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!