Lottieは、デザイナー、エンジニア、デベロッパーが、簡単にウェブやネイティブアプリに、高品質のアニメーションを実装することができる便利なツールです。
これらのシンプルなマイクロアニメーションを使用する事で、ユーザーにとてもポジティブな印象を与える事ができます。
また、エンジニアは、デザイナーが意図したアニメーションをより正確に表現できるので、ユーザー体験の改善とよりよいインパクトを見込めるという利点があります。
Airbnbが2017年2月に発表したLottieは、iOS、Android、React Nativeに対応したライブラリで、After Effectsのアニメーションをリアルタイムでレンダリングできるようになっています。
BodyMovin(After Effectsのオープンソースライブラリ)は、Lottieがネイティブアプリでアニメーションをレンダリングするために、必要なコードを含むJSONファイルにアニメーションを書き出す役割をします。
人気急上昇中なのです。なぜなら、エンジニアは書き直しに苦労することなく、より豊かなアニメーションが作成できるからです。
アニメーションされたシェイプ、レイヤー、エクスプレッションなどの全ては、JSONファイルに変換され、JSONファイルはJavaScriptプレーヤーによって解釈されます(つまり、どこでも読み取ることができます。)
エンジニアは、他のUI要素(ボタンやテキスト領域など)と同じように、アニメーションを再生するエリアを選択するだけで済みます。エリア設定後、再生するファイルを指定するだけでアニメーションが再生されます。
自分の好きなところにドロップするだけで再生できるので、複雑なアニメーションは今や画像と同じように、簡単に使えるようになりました。
After Effectsアニメーションから .json ファイルをエクスポート
ウェブアニメーションの需要は今までにない程高まりを見せています。あなたもLottieアニメーションを準備して、この成長市場に参入しましょう。
バイヤーは以下のような素材を探しています:
ローディングアニメーション
ハートアイコンのアニメーション
チェックマークのアニメーション
コメント
0件のコメント
サインインしてコメントを残してください。