このレッスンについて

まったくの未経験からAdobe XDやFigmaを学ぶ講座です。
UI/UXデザインに必要な基本操作や機能の使い方を学びながら、ワイヤーフレームやプロトタイプの作成を体験していきます。
最終的にはWebサイトやアプリのUIデザインを実際に構成・提案できるスキルを身につける構成です。

各パートについて

1. 101　Figmaの特徴

2. 202　Figmaの画面構成

3. 303　教材を読み込む方法

4. 4Figma確認テスト01

5. 504　プロトタイプ

6. 6Figma確認テスト02

7. 705　レスポンシブのプレビュー

8. 806　レスポンシブの設計

9. 9Figma確認テスト03

10. 1007　部品の構成

11. 1108　画像を配置する方法

12. 12Figma確認テスト04

13. 13Figma確認テスト05

14. 1409　ワイヤーフレームを作成してみよう

15. 1510　サンプルサイトの下層ページを作成してみよう

16. 16Figma確認レポート

17. 1711　コンポーネント・バリアントについて

18. 18Figma確認テスト06

19. 1912　次のステップ