マガジンのカバー画像

Material Design 3 要点まとめ

14
Material Design 3 ガイドラインの要点をまとめたものです。
運営しているクリエイター

2023年5月の記事一覧

Material Design 3 要点まとめ #12 Motion - Transitions

Material Design 3 ガイドラインの要点をまとめたものです。 第11・12回はMotionの章。ちょっと長いので記事を2つに分けます。今回はTransitionsの項について。代表的なトランジションパターンの性質と、それぞれの適切なユースケースについて紹介されています。ところどころでAndroidとiOSのデフォルトについて言及されているのが印象的。 Transition patternsトランジションとは トランジションとは、個々の要素や全画面表示をつなぐ

Material Design 3 要点まとめ #11 Motion - Easing and duration

Material Design 3 ガイドラインの要点をまとめたものです。 第11・12回はMotionの章。ちょっと長いので記事を2つに分けます。今回はOverview+Easing and durationの項。Overviewではモーションがデザイントークンとして整備されたことが紹介されています。Easing and durationは、物理世界の動きを模倣する「イージング」と、変化の継続時間である「デュレーション」についての内容です。 OverviewM2からの更新