![見出し画像](https://assets.st-note.com/production/uploads/images/57684422/rectangle_large_type_2_6664aa6c1a4087d6c78d00485d2ab6ad.png?width=1200)
#4 今からでも遅くない XDの使い方を覚えよう 【UIの構造を理解しよう】
皆さん、こんにちは!Design Switchです🐶 。前回はLesson3 アプリをトレースしようについて共有させていただきました。内容はYahoo!天気のアプリをトレース、トレース時の重要なポイントなどについて紹介しております。まだという方はこちらからどうぞ!
今回はLesson4 UIの構造を理解しようの動画について共有させていただきます。内容はトレースしたUIを基にUIの構造やコンポーネントについて紹介しております。具体的には、UI構造の名称や役割、よく使用されるUIコンポーネントについての解説を行っております。※こちらの動画は千葉工業大学の授業で使用したもので、学生の方以外の方にも参考になればと考えこちらで共有させていただきます。
なお動画は5つに分かれており、内容の詳細は以下のようになっています。
動画タイトル右側に書かれている時間は目安の時間 (動画を見ながら作業いただく時間)です。
Lesson1 What is UI ? (約15min)
UIとは何か、UIの種類、UIが落とし込まれるまでのプロセス、UIの歴史
Lesson2 XDを使う準備をしよう (約50min)
フォントのダウンロード方法、参考XDファイルのダウンロード方法、XDの使い方や主要な機能について
Lesson3 アプリをトレースしよう (約90min)
Yahoo!天気のアプリをトレース、トレース時の重要なポイントなどのご紹介
Lesson4 UIの構造を理解しよう (約15min)
トレースしたUIを基にUIの構造やコンポーネントについて学んでみよう
Lesson5 まとめ (約10min)
1~4のレッスンのサマリーと参考文献について
動画は毎週水曜日更新予定です。興味がある方は是非チェックしてみてください。引き続きDesign Switchをよろしくお願いします🐥
🌟 Design Switchを運営している UX/UIデザイン会社 ARCHECOについて
この記事が気に入ったらサポートをしてみませんか?