#7前編 : タスク作成機能をデザインして、アクションの基本を学ぼう

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

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のデータ

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

‍

‍