UI構造を意識してリデザインしよう！

UI構造の理解を深めるお題

‍

UIにおける「基本構造」の理解を実践するお題内容です！
まずはそのままUI作成にトライする。その後解説動画を見て、再度同じお題にトライしてUI構造の理解でデザインの作り方が変化するのを体験してみてください。

‍

1. まずは「意識して欲しいこと」を元にデザインしましょう。

2. できなくてもOKです。頭と手を動かしておくと解説の吸収が良くなります。

3.次の動画からお題に関する解説をします。それを見て意識すべき知識をつけましょう

4. 動画で解説していたことを元にお題に再度デザインにチャレンジしてみましょう

‍

リデザインしてほしいデザインデータ

https://www.figma.com/file/iaXpHPClRMRI8YCxVmmJyd/3-1.UI%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%81%AE%E5%9F%BA%E6%9C%AC?node-id=1306%3A22248

‍

意識してほしいポイント！

‍

詳しくは動画の解説を見て知識をつけましょう。実践してみましょう。

‍

‍

‍

UI構造の理解を深めるお題

‍

UIにおける「基本構造」の理解を実践するお題内容です！
まずはそのままUI作成にトライする。その後解説動画を見て、再度同じお題にトライしてUI構造の理解でデザインの作り方が変化するのを体験してみてください。

‍

1. まずは「意識して欲しいこと」を元にデザインしましょう。

2. できなくてもOKです。頭と手を動かしておくと解説の吸収が良くなります。

3.次の動画からお題に関する解説をします。それを見て意識すべき知識をつけましょう

4. 動画で解説していたことを元にお題に再度デザインにチャレンジしてみましょう

‍

リデザインしてほしいデザインデータ

https://www.figma.com/file/iaXpHPClRMRI8YCxVmmJyd/3-1.UI%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%81%AE%E5%9F%BA%E6%9C%AC?node-id=1306%3A22248

‍

意識してほしいポイント！

‍

詳しくは動画の解説を見て知識をつけましょう。実践してみましょう。

‍

‍