魅せろ! Flutter で目を惹く UI デザインを実装する by Tomohiko Tanihata

FlutterKaigi 2023
採択
2023/11/10 17:30〜
⚔️†††開拓者の部屋†††🛡️
レギュラーセッション

魅せろ! Flutter で目を惹く UI デザインを実装する

tmhk_tnht Tomohiko Tanihata tmhk_tnht
5

概要

Google I/O 2023でのnext-gen UIの発表や、2023年のFlutter Forwardでの3Dオブジェクトの描画に関する新機能の披露があり、Flutterで目を惹くUIデザインを実現する取り組みが加速しています。加えて、Flutter公式のハッカソンであるFlutter Clock ChallengeやFlutter Puzzle Hackの入賞作品のUIデザインはどれも魅力的なものでした。

しかし、こういった魅力的でユーザーの目を惹くUIデザインの実装にチャレンジしている方はまだ少ないのではないでしょうか。

このセッションでは、Flutterで目を惹くUIデザインを実現するための4つの手法を紹介します。

  • RenderObjectのカスタマイズ
  • Riveを用いた2Dアニメーション
  • Fragment Shaderを活用したグラフィックスの描画
  • Impellerを利用した3Dオブジェクトの描画

これらの手法を具体例をもとに、それぞれの実装方法や特徴を徹底解説します。

このセッションを通して、ユーザーを惹きつける洗練されたUIデザインのアプリを開発できるようになるでしょう。

想定視聴者

  • 人とは違うUIデザインののアプリを作ってみたい人
  • Flutterの描画の裏側に興味がある人