カテゴリー: UI / UX

Lottieを使ってみたい

はじめに

AirbnbDesignからAfter Effectsで作成したアニメーションをレンダリングして、iOS・Android・React Native向けのアニメーションに変換してくれる、Lottieが公開されました!

今回は簡単にそちらの紹介をしたいと思います。

概要

In the past, building complex animations for Android, iOS, and React Native apps was a difficult and lengthy process. You either had to add bulky image files for each screen size or write a thousand lines of brittle, hard-to-maintain code. Because of this, most apps weren’t using animation — despite it being a powerful tool for communicating ideas and creating compelling user experiences. One year ago, we set out to change that.

Lottie紹介ページより引用

今まではそれぞれのプラットフォーム、または画面によってイメージを用意しなければなりませんでした。
これは複雑なメンテナンスを必要とし、その結果多くのアプリではアニメーションを使わなくなりました。

Lottieは簡単にアニメーションを実装する強力なツールとして開発されました。

実例

現在、私が使用しているアプリで、お気に入りや、ローディング、いいねボタンなどいたるところにアニメーションが使用されています。

ユーザーにとって、ストレスにもなりうるウォークスルーなどに見てて気持ちの良いアニメーションを作成すると非常に効果的かもしれません。

さいごに

このライブラリがでて非常に良かったのですが、それ以上に事業会社からこういった技術(デザイン)をシェアするという事に毎回興奮します。

日本からもこういうプロダクト(技術)などもっといっぱいでると良いなと思う次第でございます。

また、現在私たちが開発しているアプリケーションでも、このような技術を積極的に採用していきたいと思います!

naoki85

シェア
執筆者:
naoki85

最近の投稿

フロントエンドで動画デコレーション&レンダリング

はじめに 今回は、以下のように…

2週間 前

Goのクエリビルダー goqu を使ってみる

はじめに 最近携わっているとあ…

4週間 前

【Xcode15】プライバシーマニフェスト対応に備えて

はじめに こんにちは、suzu…

2か月 前

FSMを使った状態管理をGoで実装する

はじめに 一般的なアプリケーシ…

3か月 前