このレッスンについて

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

各パートについて

1. 1第0章　01　XDを学習する前に―「Adobeフォント」の設定をしておきましょう

2. 2第1章　01　Adobe XDとは・バージョンの確認＿ワークスペース・表示倍率の調整

3. 3第1章　確認テスト

4. 4第2章　01　長方形・楕円形の作成・「塗り／線」の設定

5. 5第2章　確認テスト

6. 6第3章　01　「書類の保存」・「書類を開く／閉じる」には

7. 7第3章　確認テスト

8. 8第4章　01　「アートボード」・「レイヤー」・「デスクトッププレビュー」

9. 9第4章　02　■レイヤーパネルによる「アートボード」操作

10. 10第4章　03　■「ビューポート」とは

11. 11第4章　確認テスト

12. 12第5章　01　重ね順の変更・図形のロック・グループ／グループ解除

13. 13第5章　確認テスト

14. 14第6章　01　図形のアンカーポイント・ハンドルの編集

15. 15第6章　確認テスト

16. 16第7章　01　パスファインダーについて

17. 17第7章　確認テスト

18. 18第8章　01　ペンツール・線ツール

19. 19第8章　確認テスト

20. 20第9章　01　テキストツール

21. 21第9章　確認テスト

22. 22第10章　01　画像をXDへ配置するには・Illustratorからの書き出し

23. 23第10章　02　■Illustratorでロゴを「SVG」形式で書き出すには？

24. 24第10章　03　■SVG形式の画像をXDに配置するには？

25. 25第10章　確認テスト

26. 26第11章　01　「ページ遷移」設定の基本

27. 27第11章　02　■STEP3―遷移を設定する ―Ⓑ「プロパティパネル」で設定する場合

28. 28第11章　確認テスト

29. 29第12章　01　「ホバー」するボタンを作成する

30. 30第12章　02　■STEP5―レイヤーパネルで「アートボード：Home」を複製する

31. 31第12章　確認テスト

32. 32第13章　01　「ステート」を応用した「スライダ」（自動アニメーションタイプ）

33. 33第13章　02　■STEP4―「初期設定のステート」(第1幕)を確認する

34. 34第13章　確認レポート

35. 35第14章　01　「ステート」を応用した「スライダ」（フェードアウト/フェードインタイプ）

36. 36第14章　確認レポート