アクション機能の基本を実践しよ〜！

Todoのタスク追加を題材にして、追加/作成アクションについて学びましょう。
あらゆるサービスの基本的な機能として「追加/作成」は出てきます。今回出てくる話や、UIの流れなどは基本的なパターンになります。
UIをデザインしながら作成機能の基本を学びましょう。

目次

• 00:51 アクションを考えるときのポイント
• 06:20 作成アクションの参考をチェック
• 09:45 モーダルUIをデザイン
• 21:16 ナビゲーションをデザイン
• 35:52 Borderで構造を見直す
• 39:00 微調整してプロトタイプ機能を設定
• 51:31 次は選択メニューをデザイン

‍

‍

Figmaのデータ

こちら〜！

https://www.figma.com/file/GMEs9Al3RXlXUEfhOTCsih/%F0%9F%A7%81%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%A7%E5%AD%A6%E3%81%B6UI%E8%A6%8B%E3%81%9F%E7%9B%AE%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9-(Copy)?node-id=239%3A19206&t=nZO7Wnk5LiUwFGbs-1

‍

‍

‍

アクション機能の基本を実践しよ〜！

Todoのタスク追加を題材にして、追加/作成アクションについて学びましょう。
あらゆるサービスの基本的な機能として「追加/作成」は出てきます。今回出てくる話や、UIの流れなどは基本的なパターンになります。
UIをデザインしながら作成機能の基本を学びましょう。

目次

• 00:51 アクションを考えるときのポイント
• 06:20 作成アクションの参考をチェック
• 09:45 モーダルUIをデザイン
• 21:16 ナビゲーションをデザイン
• 35:52 Borderで構造を見直す
• 39:00 微調整してプロトタイプ機能を設定
• 51:31 次は選択メニューをデザイン

‍

‍

Figmaのデータ

メンバーになると閲覧できます。

‍

‍

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