UI/UXに優れたWebデザインや
プロトタイプ制作をマスターAdobe XD講座
本講座では、Webサイトやアプリのデザイン制作に欠かせないAdobe XDの基本操作を習得します。PC・スマートフォンの両方に対応したデザイン制作や、Webサイトやアプリを動かしたときの画面の見え方やボタンを押したときの反応などを確認することができるプロトタイプの制作方法を学びます。
こんな方にオススメ
WebデザイナーやWebディレクターの方
Webサイトやアプリ設計に要する時間を削減し、効率的に業務を進めたい方
Webサイトやアプリ制作に携わるメンバー間で、円滑に共同作業を行いたい方
Adobe XD講座で
身につく具体的なスキル
-
Adobe XDの基本操作
Adobe XDがどのようなソフトか理解し、リピートグリッドの活用や画像配置、図形やテキストの挿入など、基本的なツールを使用したデザインができるようになります。
-
アセットとコンポーネントの使い方
アセットの管理（オブジェクトの色、フォントなどの情報の登録）や、コンポーネント（ボタンや文字などのパーツ登録機能）の操作方法を習得します。
-
CCライブラリ素材との共有
CCライブラリで作成した素材を使用したデザイン作成方法や、複数ページのデザインをプロトタイプで繋げてプレビューする方法を学ぶことができます。
-
外部ツールとの連携
PhotoshopやIllustratorで制作したデザインをCCライブラリに登録し、Adobe XDと連携して使用する方法を学びます。
受講生作品例
Adobe XD講座
講座内容
-
Adobe XD基本操作
- Adobe XDとは
- Adobe XDの画面操作
- よく使うショートカット
- アートボードの作成、名前の変更、サイズ変更
- ファイルの保存
- ガイドの作成
- 図形の描画、色の変更
-
アセットとコンポーネント
- アセットの管理とは
- カラーの登録と利用
- 文字スタイルの登録と利用
- コンポーネントとは
- コンポーネントの作成
- メインコンポーネントとインスタンスの作成
- インスタンスの個別変更 ( オーバーライド )
-
プロトタイプ
- ハンバーガーメニューの作成
- TOPページのデザイン作成
- CCライブラリの作成・追加
- CCライブラリの利用
- CCライブラリの編集
- プロトタイプとは
- 画面遷移の設定
- プロトタイプのプレビュー
- 共通部分のリンク設定
-
レスポンシブデザイン
- レスポンシブデザイン概要
- PC版アートボードの作成
- 共通部分のレスポンシブ対応
- Photopshopとの連携
- Illustratorとの連携
- 共同編集
- プラグイン
Adobe XD講座
受講料
-
受講料(税込)¥66,000
-
授業数4回※学習目安8～16時間
※教育ローンをご利用の場合、分割払いでのお支払いが可能です。頭金の金額と分割の回数によって月々の支払い金額は変りますので、詳しくは無料体験レッスンの際にご相談ください。
あなたの希望を叶える
アカデミーの学び方
受講料変わらず！
3つのスタイルを組み合わせて
授業を受けよう
ライブ授業
みんなと一緒だから安心。現役プロのインストラクターからの直接指導。
マンツーマン授業
疑問もお悩みも一気に解決！講師を独り占め。一対一で気兼ねなく受講。
オンデマンド授業
家で、電車で、いつでもどこでも視聴可能。自分のペースでとことん学べる。
スキル習得を加速させる
学習サポートも活用
サイトチェック
プロの目線でアドバイス。就・転職用のオリジナルサイトから実際の制作案件もOK。
オンライン質問対応
どこにいても質問できる。サポート時間内に講師がリアルタイムで対応。
ラーニングスペース利用
最新の制作環境の整ったスペースで予習や復習、作品作りができる。※来校者限定
圧倒的なクオリティ&コストパフォーマンスサービス早見表
- オンライン
遠方の方も安心。オンラインだけで完結
- 通学
講師のいる環境で学びたい方へ。校舎利用OK
- 通学 × オンライン
組み合わせも可能。どこよりもフレキシブル
- チャット質問
リアルタイム対応。オンラインでも安心受講
- マンツーマン対応
講師を独り占め。とことん質問可能
- キャリアサポート
就・転職/在宅/フリー/副業など
- 講師
現役プロのエンジニアやWebデザイナー
- カリキュラム
母体制作会社×海外拠点のノウハウ満載
- 受講期間
- 最長1年間
スケジュールは自由自在だから短期間も可能
- 受講料
- ¥70,400～
カスタマイズOKのコースラインナップ
相談してコースを選びたい方はカウンセラーに無料で相談
※無理な勧誘は一切ありません
無料で相談してみる
