ウェブサイト・アプリで使えるLottieアニメーションの基本。作成時のポイントから注意点、活用事例まで解説 こんにちは、デザイナー・モーションデザイナーの田口です(@fuyuna_design)。 After Effectsなどで作ったリッチなアニメーションを、ウェブサイトやアプリケーションに実装できる「Lottie(ロッティー)アニメーション」をご存知ですか? Lottieはどれだけ拡大しても高画質で、実装も簡単なアニメーションライブラリです。ウェブ制作にLottieを取り入れるメリットは多く、GoogleやMicrosoftといった大手企業も活用しているほどです。 わたしたちneccoも2020年に導入し、これまでさまざまなプロジェクトでLottieを活用してきました。 この記事では、Lottieの基本から実際の活用事例、作成方法までご紹介します。作成時の注意点もまとめているので、Lo
![ウェブサイト・アプリで使えるLottieアニメーションの基本。作成時のポイントから注意点、活用事例まで解説 - necco note | necco inc.](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b04a556c086f6c7ad5cc93eebca1f9777984862/height=288;version=1;width=512/https%3A%2F%2Fwordpress.necco.inc%2Fwp-content%2Fuploads%2F2021%2F11%2Flottie_blog_eyecatch-1.gif)