マガジンのカバー画像

モーション情報まとめ

19
本
運営しているクリエイター
むらかみ。

#UIモーション

宮島信太郎

宮島信太郎

Lottieはじめました

Lottieはじめました

こんにちは、宮島（4hintaro_m）です。

今回は、最近ちらほら名前を聞くようになったLottieについて、そのメリットや注意すること、できること、今後の展望などをまとめてみました。

LottieはAirbnb社が開発した、Aftereffctsで作ったモーションやアニメーションをJSONファイルに書き出して、簡単に実装できるアプリです。UIのマイクロインタラクション分野で活躍できそうです

もっとみる
むらかみ。

むらかみ。

登壇内容まとめ"Designer X Engineer Development #02"

登壇内容まとめ"Designer X Engineer Development #02"

Roppongi Designers主催"Designer X Engineer Development #02 "というイベントで登壇しました。
発表テーマが「ツール」だったので、UIモーションに関するツールをプレゼンしてきました。

以下note用にまとめたプレゼン内容↓

はじめに

今回紹介するのは"動き"の実装をちょっと楽にするツールです。
UIモーションデザイナーの僕の専門分野です。

もっとみる
むらかみ。

むらかみ。

登壇資料公開やでい

登壇資料公開やでい

Designer X Engineer Development #02というイベントで登壇してきました 。

取り急ぎ登壇で使用したスライドをそのまま公開します。

後日、スライドをnote用にブラッシュアップした記事を上げます。
お楽しみに:D

むらかみ。

むらかみ。

UIモーション制作ツールまとめ

UIモーション制作ツールまとめ

このnoteは、UIモーションを制作できるツールをまとめた記事です。

ツール多すぎ問題UIモーションはAfter Effects以外に、プロトタイピングツールを使って制作する。
しかしプロトタイピングツールも群雄割拠の時代。
山ほどあるツールから自分の業務に最適なモノを探さなければいけません。
以下では、なんとか厳選して選んだUIモーションツールの精鋭たちをまとめてみた。

3種類のプロトタイピ

もっとみる
むらかみ。

むらかみ。

"楽して"良いUIモーションを作れるツールまとめ

"楽して"良いUIモーションを作れるツールまとめ

After Effectsを使用したモーション制作(特にUIモーション)において、使えると思ったモノ・コトをまとめるnote(随時更新)

今回は作業効率編。

モーションは作るのに工数かかるし、レンダリング長いし、負荷大きすぎてアプリ落ちるし、でなんだかんだ時間かかります。
なのでモーション制作で一番重要なのはどれだけ早く簡単に良いモーションを完成させられるか。(持論)
早く作れればPDCAもガ

もっとみる