
Copy Link
Adobe XDの最新バージョンを基礎から学びましょう!
初心者の方だけでなく、ある程度XDの知識がある方の学び直しにもぴったりの動画となっています。
実際に制作を行いながら、基礎から応用まで実践的なプロトタイピングスキルを身に付けることができる講座です。
Adobe XDは頻繁にバージョンアップのある変化の激しいソフトですが、このコースでは最新のテクニックを網羅的に学ぶことができます。
他のソフトを必要とせず、プロジェクトの進行をXDで一元管理。この講座でWEBサイト開発のプロとしての第一歩を踏み出しましょう!
Section 1:Adobe XDとは | ||||
1 | プロトタイピング | Preview | 5分14秒 | |
2 | XDを使うメリット | 5分11秒 | ||
3 | 工程の説明 | 5分30秒 | ||
4 | Adobe XDのインターフェイス | 7分53秒 | ||
5 | シェイプの描き方 | 7分13秒 | ||
6 | 文字とカラー | 9分29秒 | ||
7 | グループ化 | 5分06秒 | ||
Section 2:ラフのwireframeの作成 | ||||
8 | ダウンロード資料 | 1分00秒 | ||
9 | 学習の準備 | 7分39秒 | ||
10 | アートボードの準備. | 8分57秒 | ||
11 | メインビジュアルの配置 | Preview | 9分25秒 | |
12 | リピートグリッド | 9分54秒 | ||
13 | タイル状の画像配置(1) | 7分24秒 | ||
14 | タイル状の画像配置(2) | 5分54秒 | ||
15 | テキストエリア(1) | 10分31秒 | ||
16 | テキストエリア(2) | 5分42秒 | ||
17 | 写真入りの記事(1) | 9分38秒 | ||
18 | 写真入りの記事(2) | 6分49秒 | ||
19 | SNSリンクボタンの配置 | 8分18秒 | ||
20 | フッターの配置 | 6分33秒 | ||
21 | このセクションの復習(1) | 8分50秒 | ||
22 | このセクションの復習(2) | 11分03秒 | ||
Section 3:プロトタイプの制作 | ||||
23 | ダウンロード資料 | 1分00秒 | ||
24 | 共有の設定 | 11分05秒 | ||
25 | WEBフォント | 8分39秒 | ||
26 | 完成品の検討 | 6分43秒 | ||
27 | UIキットの取得 | 11分04秒 | ||
28 | WIndowsでのUIキットの入手 | 4分25秒 | ||
29 | Status barの配置 | 9分45秒 | ||
30 | タイトルと文字列の配置 | 5分43秒 | ||
31 | Nav Barの配置 | 8分32秒 | ||
32 | 画像プレースフォルダの配置 | Preview | 9分20秒 | |
33 | 画像の一括挿入 | 9分33秒 | ||
34 | ガイドを使った整列 | 10分14秒 | ||
35 | 野鳥図鑑の仕上げ | 13分29秒 | ||
36 | 最新の目撃情報 | 12分46秒 | ||
37 | 観察会のご案内 | 11分19秒 | ||
38 | 観察会記録 | 11分11秒 | ||
Section 4:サブページのプロトタイプ制作 | ||||
39 | ダウンロード資料 | 1分00秒 | ||
40 | このセクションのターゲット | 4分04秒 | ||
41 | シンボル(コンポーネント)化 | 9分40秒 | ||
42 | 送信フォーム(1) | 9分08秒 | ||
43 | 送信フォーム(2) | 8分18秒 | ||
44 | メジロのページ(1) | 9分42秒 | ||
45 | メジロのページ(2) | 6分35秒 | ||
46 | 観察会のお知らせ | 15分14秒 | ||
47 | インタラクション(1) | Preview | 5分58秒 | |
48 | インタラクション(2) | 8分11秒 | ||
49 | マイクロインタラクション | 7分16秒 | ||
50 | 復習(1) | 8分06秒 | ||
51 | 復習(2) | 12分22秒 | ||
Section 5:iPadProのプロトタイプ | ||||
52 | ダウンロード資料 | 1分00秒 | ||
53 | セクションの内容 | 6分17秒 | ||
54 | リサイズの基本 | 6分17秒 | ||
55 | Nav barの制作 | 5分21秒 | ||
56 | 野鳥図鑑の制作 | 8分21秒 | ||
57 | グリッドレイアウト | 12分56秒 | ||
58 | 文字スタイル | 5分54秒 | ||
59 | 観察会案内(1) | 7分09秒 | ||
60 | 観察会案内(2) | 4分48秒 | ||
61 | 文字スタイルの登録 | 7分15秒 | ||
62 | カラーの登録 | 7分52秒 | ||
63 | 観察会記録の制作 | 9分10秒 | ||
64 | SNSとフッター | 5分13秒 | ||
65 | レスポンシブリサイズ(1) | 7分54秒 | ||
66 | レスポンシブリサイズ(2) | 9分04秒 | ||
67 | レスポンシブリサイズ(3) | 6分46秒 | ||
Section 6:iPadPro サブページの制作 | ||||
68 | ダウンロード資料 | 1分00秒 | ||
69 | 送信フォームページ | 12分39秒 | ||
70 | メジロのページ制作(1) | 6分48秒 | ||
71 | メジロのページ制作(2) | 5分48秒 | ||
72 | 観察会案内ページ | 8分47秒 | ||
73 | ipadProプロトタイプ完成 | 4分13秒 | ||
74 | アセットパネル(カラー) | 7分31秒 | ||
75 | アセットパネル(文字スタイル) | 5分18秒 | ||
76 | コンポーネントの登録 | 6分07秒 | ||
77 | レイアウトグリッド | 6分43秒 | ||
Section 7:WEBメインページの制作 | ||||
78 | ダウンロード資料 | 1分00秒 | ||
79 | WEBヘッダーの制作 | 10分09秒 | ||
80 | WEB Nav barの制作 | 8分46秒 | ||
81 | WEB 野鳥大図鑑の制作 | 12分40秒 | ||
82 | WEB 最新の目撃情報 | 8分06秒 | ||
83 | WEB 観察会記録 | 9分56秒 | ||
84 | WEB Contactページ | 5分04秒 | ||
85 | WEB メジロのページ | 5分04秒 | ||
86 | WEB 観察会案内ページ | 8分09秒 | ||
87 | 仕上げ | 14分10秒 | ||
88 | 画像の書き出し | 14分22秒 | ||
89 | CSSコード書き出し | 7分04秒 |