【Material Design】使い分けできる？選択する時に使う3種類の選択UIを解説

クイズ形式で選択UIの使い方を考える動画

HIGとの比較を見た後に、クイズ形式で選択UIの使い方を考える動画です！
本当は自分で作ることで1番理解が進むのでぜひ機会がある方はやってみてください。

解説編の動画はこちら
https://youtu.be/X_QFgX6VxX4

デザインは理論ではなく、実物をメインにして使ったり触ったりしながら学ぶのが1番良いので暗記などはしなくて良いです。というかしないでくださいね〜。
必要になったら検索すれば良いのと、使って考えて頭に入れましょう。

‍

‍

ドキュメント

Part1の動画でも使ったNotion（メンバー限定）

https://takumikai.notion.site/4-Section-Control-Checkbox-Radio-button-and-Switches-e37ea4f5f0774139992062ce97e1a9ca?pvs=4

‍

マテリアルデザイン

MD1
https://m3.material.io/components/switch/guidelineshttps://m2.material.io/components/checkboxes#usage

MD2
https://m2.material.io/components/checkboxes#usage

‍

HIG

Toggle
https://developer.apple.com/jp/design/human-interface-guidelines/toggles

‍

クイズ形式で選択UIの使い方を考える動画

HIGとの比較を見た後に、クイズ形式で選択UIの使い方を考える動画です！
本当は自分で作ることで1番理解が進むのでぜひ機会がある方はやってみてください。

解説編の動画はこちら
https://youtu.be/X_QFgX6VxX4

‍

デザインは理論ではなく、実物をメインにして使ったり触ったりしながら学ぶのが1番良いので暗記などはしなくて良いです。というかしないでくださいね〜。
必要になったら検索すれば良いのと、使って考えて頭に入れましょう。

‍

ドキュメント

Part1の動画でも使ったNotion（メンバー限定）

‍

マテリアルデザイン

MD1
https://m3.material.io/components/switch/guidelineshttps://m2.material.io/components/checkboxes#usage

MD2
https://m2.material.io/components/checkboxes#usage

‍

HIG

Toggle
https://developer.apple.com/jp/design/human-interface-guidelines/toggles

‍

‍