エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
いい感じのUIアニメーションを実装する技術|sagaraya
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
いい感じのUIアニメーションを実装する技術|sagaraya
こんにちは。UXエンジニアのしげたです。クックパッドでたべドリをつくっています。 UIの実装が好きで色... こんにちは。UXエンジニアのしげたです。クックパッドでたべドリをつくっています。 UIの実装が好きで色々つくってきました。その経験から、いい感じのUIアニメーションを実装する技術を書いてみます。主にiOSアプリをつくってきましたが、他のプラットフォームでも使える知識だと思います。 ※以下、gifアニメを多く貼っていますが、アプリをインストールして実機で見た方がよりわかりやすいのでオススメです。 どうやってアニメーションを考えているかProtopieなどのツールを使うのが一般的かもしれませんが、僕の場合は頭の中で考えていきなりコードで書くことが多いです。実機で動かしながら調整します。 ただし、Twitterのいいねボタンのように複雑なアニメーションは、AfterEffectsで作成されたものをlottieで動かしています。 UIアニメーションは意外とシンプル頭の中でアニメーションを考えられる