강의

멘토링

커뮤니티

Design

/

UI/UX

[LottieFiles公式] LottieFiles for Framer : FramerでLottieアニメーション200%活用する(修了証発行)

グローバルモーションデザインプラットフォームLottieFilesの公式初韓国語化講座、今Inflearnで独占的にご覧いただけます!講座を全て受講するとLottieFiles公式修了証を受け取ることができます。

  • LottieFiles
실습 중심
자격증
framer
모션
인터랙티브웹
Web Design
Interactive Web
Responsive Web
Lottie
Thumbnail

受講後に得られること

  • Framer内でLottieアニメーションを直接読み込み、制御する方法

  • クリック、スクロール、カーソル移動など様々なインタラクション実装法

  • 複雑なコードなしで感覚的なWebインタラクションを実装する実戦ノウハウ

Inflearnでのみ!
LottieFiles公式日本語化講座を受講して
Framerで感覚的なWebサイトを作ってみましょう!

Framerで感覚的なWebサイトを作成していますか?

LottieFilesと一緒なら、より軽くて滑らかなアニメーションを簡単に追加できます!
複雑な設定なしでも、Framer内で直接Lottieアニメーションを読み込み、
インタラクションに応じて自然に動かす方法まで学んでみましょう。

今すぐ始めて、皆さんのWebプロジェクトにさらなる躍動感を加えてみてください!

CHECK 1

Lottieとは何でしょうか?

LottieはJSONベースのアニメーションファイルで

Lottieを活用してアニメーションを画像と同じくらい簡単に移すことができます。

容量が少なく、どの機器でも動作可能

サイズを調整しても解像度が低下しないことがLottieの強力な利点です。

CHECK 2

なぜLottieを使用すべきなのでしょうか?

自由なサイズ調整

解像度の影響を受けずに
拡大や縮小ができます。

小さなサイズ
GIFやMP4のような形式と比べて
品質は同じでありながらはるかに小さいです。

インタラクティブ性
Lottieにはアニメーション要素が露出しており
インタラクションするように修正でき、スクロール、クリック、
ホバーなどのインタラクションに反応できます。

様々なプラットフォーム対応とライブラリ
開発者にLottieをハンドオフするのがとても簡単です。LottieアニメーションをiOS、Android、Web、React Nativeで修正することなくそのまま使用できます。

CHECK 3

世界最高のWebとアプリサービスが
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

どのように受講すればよいでしょうか?

Inflearn講義は様々な音声言語と字幕をサポートしています。

受講画面下部で歯車アイコン(設定)を押した後、
お好みの音声言語と字幕を自由に選択してみてください。

CHECK 5

LottieFilesが認証する
修了証を受け取ってください!

講義をすべて受講し、最後のクイズまで提出すると、
LottieFiles修了証Inflearn修了証をすべて受け取ることができます!
受け取った修了証はLinkedInやポートフォリオに自由に活用してみてください。

Inflearn修了証は
マイページ > マイ学習 > 修了証メニューですぐに確認できます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Framerでウェブサイトを制作しているデザイナー/企画者

  • ウェブサイトに洗練されたモーションを加えたいウェブデザイナー及びマーケター

  • ノーコードで高度なインタラクションを実装したいフロントエンド入門者

前提知識、
必要でしょうか?

  • 基本的なFramerの使用経験(フレーム作成、セクション構成など)

  • Figmaの基本機能に対する理解

  • 初心者でも映像の流れに沿って十分に実習できるよう構成されています。

こんにちは
です。

1,670

受講生

65

受講レビュー

4.9

講座評価

4

講座

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

カリキュラム

全体

9件 ∙ (31分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

4件

4.8

4件の受講レビュー

  • richman님의 프로필 이미지
    richman

    受講レビュー 4

    平均評価 4.8

    5

    33% 受講後に作成

    • dbsrud006님의 프로필 이미지
      dbsrud006

      受講レビュー 1

      平均評価 4.0

      4

      100% 受講後に作成

      쉽고 유익한 강의입니다! 한국어 제공 감사합니다 ㅎㅎ

      • Jang Jaehoon님의 프로필 이미지
        Jang Jaehoon

        受講レビュー 609

        平均評価 4.9

        5

        33% 受講後に作成

        좋은 강의 감사합니다!

        • dmax님의 프로필 이미지
          dmax

          受講レビュー 145

          平均評価 5.0

          5

          100% 受講後に作成

          강의 잘 들었습니다. 고맙습니다

          無料

          LottieFilesの他の講座

          知識共有者の他の講座を見てみましょう!

          似ている講座

          同じ分野の他の講座を見てみましょう!