モーションデザイン参考〜メニューの展開編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは。デザイナーの藤田です。 突然ですが、みなさんはフロントエンドエンジニアにアニメーションの依頼をする際、どのような手法でコミュニケーションを取っていますか？ 私の場合、デザインを印刷した紙に細かく仕様を書き込んでいくのですが、アニメーションの参考になるサイトを例に挙げて、イメージを共有することもあります。 なので、今回のブログではふだん集めているアニメーションの参考サイトを2回に分けてご紹介していきたいと思います。 第１回はメニューの展開アニメーションに絞ってご紹介いたします。 キーモチーフを踏襲した展開アニメーション はじめは、デザインに使っているモチーフをメニューを展開のアニメーションにも適用している例です。 Super Crowds https://supercrowds.co/ 全体的にアニメーションがとても気持ちよく、イージングの調整をとても入念に行なったんだなという印