UI / UX

Lottieを使ってみたい

投稿日:2017年8月14日 更新日:

はじめに

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は簡単にアニメーションを実装する強力なツールとして開発されました。

実例

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

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

さいごに

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

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

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

age_footer_300rect




age_footer_300rect




-UI / UX

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

RE:ENGINES LOGO

RE:ENGINES ロゴデザイン 1 はじめに2 チームについて2.1 チームガイドライン2.2 キーワード3 RE: というキーワード4 自走できる成長エンジン5 さいごに はじめに こんにちは〜 …

page_side_300rect






follow us in feedly

2017年8月
« 7月   9月 »
 12345
6789101112
13141516171819
20212223242526
2728293031