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

実例

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

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

さいごに

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

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

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

page_footer_300rect




page_footer_300rect




-UI / UX

執筆者:


comment

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

CAPTCHA


関連記事

ざっとPWAの概要を調べてみる

1 はじめに2 ProgressiveWebAppsとは3 PWAに必要な技術4 PWAとセットでよく出てくる「AMP」とは5 ネイティブアプリ vs PWA6 さいごに はじめに ここ最近、Andr ...

icon

RE:ENGINES LOGO

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

ブランドを作る – Part1

1 はじめに2 ブランディングって?3 ブランドイメージ=らしさ4 ブランディングの定義の変化5 さいごに はじめに 過去にサービスの新規立ち上げを業務で行う機会があり、どんなデザインで進めるか?を決 ...

サービスを作る時、最低限必要になりそうな利用規約の考え方

1 はじめに2 3大よくあるドキュメント2.1 利用規約2.2 プライバシーポリシー2.3 特定商取引法に基づく表記3 実装と絡めて考える4 ダメ利用規約の典型4.1 実効性4.2 違法性4.3 同意 ...

フォロー

follow us in feedly

AppLink

英語

page_side_300rect

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

アプリ情報

目標を達成したい方を応援する、TODOアプリもリリースしております。 下記のアイコンから無料でダウンロードできます。

Web版MyCoach

私たちはより広い方にコーチングを知ってもらいたいと考えています。 下記のサイトにて、コーチの方々を紹介しておりますので、よろしければご覧ください。