講座構成
・誰でもわかる Adobe XD(約80分)
1.完成例の確認
完成例の確認
2.ドキュメントの新規作成
ドキュメントの新規作成と画面構成
ショートカットキーとドキュメントの操作
アートボードの追加と設定
ガイドの設定
3.ワイヤーフレームの作成(HOMEページ)
ヘッダ部分 - 描画ツールの基本
メインビジュアル部分 - テキストツールの基本
コンテンツグリッド部分 - レイアウトグリッドの使用
サブページのワイヤーフレーム
4.Illustratorの素材の使用
Illustratorのアートボードから素材をコピー
Illustratorの素材の編集
5.高精度なデザインの作成
ヘッダ - コンポーネントの使用
メインビジュアル - 画像の配置
Contents部 - リピートグリッドの使用
グラデーションの設定
サブページのデザイン - リピートグリッドへのテキストの流し込み
6.インタラクティブなプロトタイプの作成
スクロール後の画面を作成
デスクトッププレビューとスクロールの設定
画面遷移(トランジション)の設定
自動アニメーションの設定
7.開発者との共有
開発者との共有
・Youtubeでサンプル映像を公開中
https://www.youtube.com/channel/UCR4d21yhLGTgpWvmGxAV1pQ
※講座には演習ファイルが付属。
※本教材動画の解像度は1280×720となっており、全体を把握し易く、細かい操作も見易くなっています。