クイズ形式で選択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

‍

‍

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

1. Item 1
2. Item 2
3. Item 3

Unordered list

• Item A
• Item B
• Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

1. Item 1
2. Item 2
3. Item 3

Unordered list

• Item A
• Item B
• Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript