강의

멘토링

커뮤니티

Design

/

UI/UX

[LottieFiles chính thức] LottieFiles for Framer : Khai thác 200% hoạt ảnh Lottie trong Framer (Cấp chứng chỉ hoàn thành)

Khóa học tiếng Hàn chính thức đầu tiên của nền tảng thiết kế chuyển động toàn cầu LottieFiles, hãy gặp gỡ độc quyền trên Inflearn ngay bây giờ! Khi hoàn thành toàn bộ khóa học, bạn có thể nhận được chứng chỉ hoàn thành chính thức từ LottieFiles.

(4.8) 4 đánh giá

134 học viên

Độ khó Nhập môn

Thời gian Không giới hạn

  • LottieFiles
Web Design
Web Design
Interactive Web
Interactive Web
Responsive Web
Responsive Web
Lottie
Lottie
Web Design
Web Design
Interactive Web
Interactive Web
Responsive Web
Responsive Web
Lottie
Lottie
Thumbnail

Bạn sẽ nhận được điều này sau khi học.

  • Cách gọi và điều khiển hoạt ảnh Lottie trực tiếp trong Framer

  • Cách triển khai các tương tác đa dạng như click, scroll, di chuyển con trỏ

  • Kinh nghiệm thực tế triển khai tương tác web cảm giác mà không cần mã phức tạp

Chỉ có tại Inflearn!
Tham gia khóa học LottieFiles chính thức bằng tiếng Hàn và
tạo ra những trang web đầy cảm hứng với Framer!

Bạn đang tạo website cảm giác bằng Framer?

Giờ đây với LottieFiles, bạn có thể dễ dàng thêm các animation nhẹ nhàng và mượt mà hơn!
Không cần thiết lập phức tạp, hãy học cách tải animation Lottie trực tiếp trong Framer,
và tạo ra chuyển động tự nhiên theo các tương tác.

Bắt đầu ngay bây giờ và thêm sức sống cho dự án web của bạn!

KIỂM TRA 1

Lottie là gì?

Lottie là tệp hoạt hình dựa trên JSON

Sử dụng Lottie, bạn có thể chuyển đổi animation dễ dàng như chuyển đổi hình ảnh.

Dung lượng nhỏ và có thể hoạt động trên bất kỳ thiết bị nào

Việc không bị giảm độ phân giải khi thay đổi kích thước là ưu điểm mạnh mẽ của Lottie.

CHECK 2

Tại sao nên sử dụng Lottie?

Điều chỉnh kích thước tự do

Không bị ảnh hưởng bởi độ phân giải
và có thể phóng to hoặc thu nhỏ.

Kích thước nhỏ
So với các định dạng như GIF hay MP4
chất lượng giống nhau nhưng nhỏ hơn rất nhiều.

Tính tương tác
Lottie có các yếu tố hoạt hình được hiển thị
có thể chỉnh sửa để tương tác và phản ứng
với các tương tác như cuộn, nhấp chuột, di chuột.

Hỗ trợ đa nền tảng và thư viện
Việc bàn giao Lottie cho các nhà phát triển thực sự rất dễ dàng. Bạn có thể sử dụng hoạt ảnh Lottie trực tiếp trên iOS, Android, web, React Native mà không cần chỉnh sửa gì.

CHECK 3

Các dịch vụ web và ứng dụng hàng đầu thế giới đang
sử dụng Lottie

Hãy xem các trường hợp sử dụng của Lottie đang được sử dụng tích cực trong thực tế.

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

Các trường hợp sử dụng đa dạng khác bạn có thể xem tại đây.

CHECK 4

Làm thế nào để học khóa học?

Các khóa học Inflearn hỗ trợ nhiều ngôn ngữ âm thanh và phụ đề khác nhau.

Ở phía dưới màn hình học, nhấn vào biểu tượng bánh răng (cài đặt), sau đó
tự do chọn ngôn ngữ âm thanh và phụ đề mà bạn muốn.

CHECK 5

LottieFiles chứng nhận
Hãy nhận chứng chỉ hoàn thành!

Khi hoàn thành tất cả các bài giảng và nộp bài quiz cuối cùng,
bạn sẽ nhận được cả chứng chỉ hoàn thành LottieFileschứng chỉ hoàn thành Inflearn!
Hãy tự do sử dụng chứng chỉ đã nhận trên LinkedIn hoặc portfolio của bạn.

Chứng chỉ hoàn thành Inflearn có thể được xem ngay tại
Trang cá nhân > Học tập của tôi > Chứng chỉ.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Nhà thiết kế/người lập kế hoạch đang tạo website bằng Framer

  • Nhà thiết kế web và marketer muốn thêm chuyển động tinh tế cho website

  • Người mới bắt đầu frontend muốn triển khai tương tác nâng cao bằng nocode

Cần biết trước khi bắt đầu?

  • Kinh nghiệm sử dụng cơ bản về Framer (tạo frame, cấu thành section, v.v.)

  • Hiểu về các chức năng cơ bản của Figma

  • Được cấu trúc để ngay cả người mới bắt đầu cũng có thể theo dõi luồng video và thực hành đầy đủ.

Xin chào
Đây là

1,861

Học viên

71

Đánh giá

4.9

Xếp hạng

4

Các khóa học

LottieFiles là một nền tảng giúp các nhà thiết kế và nhà phát triển trên toàn thế giới dễ dàng tạo, quản lý và áp dụng các chuyển động hoạt họa (animation). Bạn có thể nhanh chóng áp dụng các hoạt ảnh dựa trên định dạng Lottie vào nhiều môi trường khác nhau như web, ứng dụng, bài thuyết trình, đồng thời nền tảng này cũng cung cấp nhiều công cụ đa dạng để cải thiện quy trình làm việc thiết kế chuyển động và cộng tác nhóm hiệu quả.

Chương trình giảng dạy

Tất cả

9 bài giảng ∙ (31phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

4 đánh giá

4.8

4 đánh giá

  • yesitsme님의 프로필 이미지
    yesitsme

    Đánh giá 4

    Đánh giá trung bình 4.8

    5

    33% đã tham gia

    • dbsrud0065750님의 프로필 이미지
      dbsrud0065750

      Đánh giá 1

      Đánh giá trung bình 4.0

      4

      100% đã tham gia

      Đây là một khóa học dễ hiểu và bổ ích! Cảm ơn vì đã cung cấp tiếng Hàn 😊😊

      • jjhgwx님의 프로필 이미지
        jjhgwx

        Đánh giá 647

        Đánh giá trung bình 4.9

        5

        33% đã tham gia

        Cảm ơn bạn vì khóa học tuyệt vời!

        • ninety25296님의 프로필 이미지
          ninety25296

          Đánh giá 145

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          Tôi đã nghe bài giảng rất hay. Cảm ơn bạn.

          Miễn phí

          Khóa học khác của LottieFiles

          Hãy khám phá các khóa học khác của giảng viên!

          Khóa học tương tự

          Khám phá các khóa học khác trong cùng lĩnh vực!