Adobe XDの使い方・基本トレーニング

イマジカデジタルスケープ 短期集中クリエイティブ講座

イマジカデジタルスケープ・AfterEffects・Photoshop・HTML・CSS・JavaScript・1日トレーニング

Web・動画・映像・ゲーム・DTP・CG・Adobe Creative Cloud・キャリア・就活に

12/17(金) Adobe XDの使い方・基本トレーニング(1日間・オンライン受講(ライブ配信)) |価格:13,200円より|

アドビ一覧 > 12/17(金) Adobe XDの使い方・基本トレーニング(1日間・オンライン受講(ライブ配信)) |価格:13,200円より|

Adobe

講座概要

このトレーニングでは、UI/UXの目的や必要性等の理解から、Adobe XDを使ったレスポンシブWebデザイン、スマホサイト等のプロトタイプ制作に必要なXD上での一連の操作と使い方を学習します。Photoshopの画像データやIllustratorのベクトルデーターなどを活用して、アートボード上にレイアウトし、オブジェクトやテキストなどを作成、リピートグリッド、ライブラリ(アセット)登録、インタラクションの設定、プロトタイプ作成、サンプルサイトの作成、書き出し、AfterEffects連携などの一連の動作を学習します。

PhotoshopやIllustratorの操作経験のある方は、これらのアプリケーションとの共通点やオペレーション上での相違点などを確認しながら学習を進めていくことが可能で、またPhotoshopやIllustratorの操作経験のない方は、これらのアプリケーションで作成したデータは、XD上での素材として活用できる点を理解しながら学習を進めていくことが可能です。

デザイン、Web、iOS、Andoroidなどの各デバイスへの書き出しに加え、XDドキュメントをAfterEffectsに書き出し、AfterEffects上でエフェクトを追加して映像コンテンツとして書き出すまでの一連の操作を行います。

PhotoshopやIllustrator、AfterEffectsなどの操作経験は問いません。これからAdobe XDを使う方はぜひふるってご参加ください。

またPhotoshopやIllustrator、AfterEffectsの学習も並行して行いたい方、HTMLやCSS等の各コーディングも含めて学習したい方は、各トレーニングのページも合わせてご確認ください。

期待される効果

  • XDの基本操作と、XDを使ったプロトタイプ制作の一連の流れを習得することができます。
  • XDと各アプリケーション間の連携、AfterEffectsによる動画書き出しまでの一連の操作を習得することができます。
  • HTMLでのセクショニングや、レスポンシブWebデザインを行う場合を想定したオブジェクトの配置等を習得することができます。

受講対象者

  • XDの基本操作と、XDを使ったプロトタイプ制作の一連の流れを習得したい方
  • PhotoshopやIllustratorのデータをXDで活用し、他アプリケーションとの連携を学習したい方
  • XDからAfterEfectsに書き出し、動画として書き出すまでの一連の作業を理解したい方

受講スタイル

このトレーニングは、ご自宅・勤務先にて受講可能な、オンライン受講(ライブ配信)のトレーニングです。同トレーニングを弊社の教室でご受講いただく場合は、以下のページをご確認ください。


Adobe XDの使い方・基本トレーニング(教室受講)

●オンライン(ライブ配信)での受講

このトレーニングはiPadにて、オンライン(ライブ配信)によりご受講いただけます。(iPadをお持ちでない方は、iPadレンタル込みのトレーニングもご用意しております)
なお、ライブ配信の受信に際し、新規の通信料はかかりませんのでご安心ください。
また、ご受講いただく環境(ご自宅または勤務先等)に以下の環境が必要となります。

  • 受講を希望される講座(と同じバージョン)のアプリケーションがインストールされたPC(Windows10以降またはMacintosh)
  • 上記PCの、有線によるインターネット接続環境(光回線)
  • スマートフォン(受講前の通信テスト用)

なお、お申込みいただく前に通信テスト(無償)を行い、通信の確約が取れてからお申込みいただきますので、お申込み前にお問い合わせください。お電話にてナビゲートしながら通信環境の設定をいたします。


オンライン受講(ライブ配信)の詳細は、以下のページをご確認ください。


オンライン受講(ライブ配信)について


また、iPadレンタル込みのトレーニングをお申込みいただく場合、別途【iPadレンタル・往復配送料】【iPad・損害補償】の商品も合わせてお申込みいただきますので、予めご了承いただけますようお願いいたします。

受講者へのメッセージ

プロトタイプデザインやUI/UXを可視化する際に非常に便利なXDですが、Photoshopを使ったプロトタイプ制作ではできないような部分もカバーされたアプリケーションになっています。あくまでもデザインやUI/UXの可視化となりますので、HTMLやCSSに関する知識が無くてもこのアプリケーションは操作可能ですが、アプリケーションを使ったWebサイト制作になれている方や、初めてWebサイトを作る方は、HTMLやXHTML、CSS等は言葉ではわかっていても、実際にタグそのものの意味や使い方が曖昧な方もいらっしゃるかと思います。このトレーニングでは、言語レベルで(X)HTMLを習得し、アプリケーションに依存せずに、コードの記述ができるようになり、必要なときに必要なコードを調べられる力がつくようになるトレーニングです。Webサイト制作の最初の一歩としてご受講ください。

伊藤 和博

株式会社イマジカデジタルスケープ
トレーニンググループ・トレーニングディレクター

講師歴25年。講座開発数200以上。
総合商社のスクールでMac/Winを使ったDTP/Webトレーニングスクールの業務全般を担当。大手PCメーカー、プリンターメーカー、化粧品メーカー、大手印刷会社、大手広告代理店、新聞社、大手玩具メーカー、大学、官公庁、団体などに向けたトレーニングなど幅広い企業の人材育成に携わる。
現在は、イマジカデジタルスケープにてAdobeCCを中心としたトレーニングの企画、講師を務める。Adobe認定エキスパート、アップルコンピュータ認定技術者、CIW JavaScript Specialist、CIW Web Design Specialist。

開催日時

開催日 時間
2021年12月17日(金)

お申込締切
2021年12月10日(金)
10:00〜17:00(1日:6時間)

※同時参加者数への対応および通信回線のトラブル等を考慮し、終了時刻は延長する可能性が多分にございます。予めご了承いただけますようお願いいたします。

配信元

配信元:イマジカデジタルスケープ・トレーニングルーム

住所:東京都渋谷区道玄坂1-10-8 渋谷道玄坂東急ビル8F (JR「渋谷」駅西口より徒歩5分、国道246号沿い)

[ MAP ]

カリキュラム

Adobe XDとUI/UX
  • 目的と必要性
  • UIとUXの関係と範囲
  • 認知特性
  • デバイスについて
  • Adobe XDについて
  • 動作環境
階層と構造
  • カスタマージャーニーマップ
  • ナビゲーション
  • インタラクション
デザイン
  • アートボードの作成
  • インターフェイス
  • ワークスペース
  • 各パネルの役割
  • モード(デザイン/プロトタイプ/共有)
  • レイアウトグリッド
オブジェクト・アイコンの作成
  • 矩形/円/多角形の描画
  • 塗りと線
  • アピアランス
  • 直線/曲線の作成
  • 合体と整列
テキスト
  • ポイントテキストとエリアテキスト
  • テキストの流し込み
  • アウトライン化
  • Illustrator及びPhotoshopからのテキストのコピー
画像
  • 画像の配置
  • 配置画像の編集
  • オブジェクト内に配置
  • タイル
  • シェイプでマスク
Illustrator連携
  • ベクトルデータの読み込み
  • SVGデータの読み込み
リピートグリッド
  • リピートグリッドの作成
  • マージン調整
  • 既存コンテンツのリピートグリッド化
  • データの流し込み
ライブラリ(アセット)
  • ライブラリ(アセット)への登録
  • 文字スタイルの作成
  • シンボル
  • アセット管理
  • ローカルを作成
プロトタイプ
  • ホームの設定
  • 遷移先の設定
  • トランジション及びイーズの設定
  • スクロール位置を保持
  • インタラクションのコピーペースト
  • プレビューを録画
サンプルサイト作成
  • トップページの作成
  • UIキットの活用
  • メニューの作成
  • フォーム及び表の作成
  • インタラクション設定
  • プレビュー
書き出し
  • 画像書き出し
  • AfterEffects書き出し

テキスト

オリジナルテキストを使用。受講料に含まれているのでお得です!

ご用意いただく環境

  • アプリケーションがインストールされたMacまたはWin
  • ご自身または弊社よりレンタルされるiPad

※講習データは事前にFTPにてお送りいたします。

使用アプリケーション

  • Adobe XD
  • Adobe Illustrator 2020
  • Adobe Photoshop 2020
  • Adobe AfterEffects 2020

配信環境

講師側:Macintosh(MacPro 3.5GHz 6-Core Intel Xeon E5 32GBメモリ・250GBHD)



     

12/17(金) Adobe XDの使い方・基本トレーニング(1日間・オンライン受講(ライブ配信)) |価格:13,200円より|

12/17(金) Adobe XDの使い方・基本トレーニング(1日間・オンライン受講(ライブ配信)) |価格:13,200円より|

価格
円(税込)
数量

▼ 下記商品リストからご希望の商品をお選びください。
受講種別 x 端末

12月17日(金)
28,490円:一般(iPadレンタル込)
別途保険料+配送料をご選択
26,400円:一般(iPadレンタル無)
15,290円:学割(iPadレンタル込)
別途保険料+配送料をご選択
13,200円:学割(iPadレンタル無)

オンライン受講(ライブ配信)のトレーニングをお申込みの方で、iPadレンタル込みの商品を選択された方は、【iPad・往復配送料】【iPad・損害補償】も合わせてお申込みいただきます。

※学割(大学生・大学院生(要学生証))とは、満29歳までの大学生・大学院生・専門学校生の方をいいます。ご受講の際、年齢が確認できる身分証明証及び在学中であることが確認できる学生証が必要になります。

※当サイト内の会員登録とイマジカデジタルスケープ求人サイトへのご登録とは別の登録となります。会員登録につきましてはご利用案内をご確認ください。

⇒受講種別について
⇒お申し込みが開催日直前の土日祝祭日、年末年始の場合はこちら

 

ご注文手続きへ

★☆受講者の声☆★

  ニックネーム : 評点 :
内容 :
[書き込み]

入力された顧客評価がありません

その他のオススメ講義

Webデザイン

12/14(火)〜15(水) JavaScriptの基礎知識(2日間・オンライン受講(ライブ配信)) |価格:19,800円より|

12/14(火)〜15(水) JavaScriptの基礎知識(2日間・オンライン受講(ライブ配信)) |価格:19,800円より|

39,600円(税込)

12/8(水)〜9(木) HTML・XHTML・CSSの基礎知識(2日間・オンライン受講(ライブ配信)) |価格:19,800円より|

12/8(水)〜9(木) HTML・XHTML・CSSの基礎知識(2日間・オンライン受講(ライブ配信)) |価格:19,800円より|

39,600円(税込)

【次回オンライン開催】 HTML5・CSS3の基礎知識(PC・スマートフォン) |価格:13,200円より|

【次回オンライン開催】 HTML5・CSS3の基礎知識(PC・スマートフォン) |価格:13,200円より|

26,400円(税込)

【次回オンライン開催】 Adobe XDの使い方・基本トレーニング |価格:8,800円より|

【次回オンライン開催】 Adobe XDの使い方・基本トレーニング |価格:8,800円より|

17,600円(税込)

【次回オンライン開催】 JavaScriptの基礎知識 |価格:13,200円より|

【次回オンライン開催】 JavaScriptの基礎知識 |価格:13,200円より|

26,400円(税込)

【次回オンライン開催】 HTML・XHTML・CSSの基礎知識〜これからWebサイトを作る方へ! |価格:13,200円より|

【次回オンライン開催】 HTML・XHTML・CSSの基礎知識〜これからWebサイトを作る方へ! |価格:13,200円より|

26,400円(税込)

【近日開催予定】 情報セキュリティ入門 〜『情報セキュリティマネジメント試験』直前講座〜 |価格:10,000円より|

【近日開催予定】 情報セキュリティ入門 〜『情報セキュリティマネジメント試験』直前講座〜 |価格:10,000円より|

20,000円(税込)

【開催終了】 Dreamweaver CC 2015の使い方・基本トレーニング |価格:13,200円より|

【開催終了】 Dreamweaver CC 2015の使い方・基本トレーニング |価格:13,200円より|

26,400円(税込)

【CC開催終了】 Dreamweaver CC の使い方・基本トレーニング |価格:12,960円より|

【CC開催終了】 Dreamweaver CC の使い方・基本トレーニング |価格:12,960円より|

25,920円(税込)

【CS6開催終了】 Flash Professional CS6 の使い方・基本トレーニング |価格:12,600円より|

【CS6開催終了】 Flash Professional CS6 の使い方・基本トレーニング |価格:12,600円より|

25,200円(税込)

【CS6開催終了】 Dreamweaver CS6 の使い方・基本トレーニング |価格:12,600円より|

【CS6開催終了】 Dreamweaver CS6 の使い方・基本トレーニング |価格:12,600円より|

25,200円(税込)

【CS5開催終了】 Dreamweaver CS5 の使い方・基本トレーニング

【CS5開催終了】 Dreamweaver CS5 の使い方・基本トレーニング

25,200円(税込)

【CS5開催終了】 Fireworks CS5 の使い方・基本トレーニング

【CS5開催終了】 Fireworks CS5 の使い方・基本トレーニング

12,600円(税込)

【CS5開催終了】 Flash Professional CS5 の使い方・基本トレーニング

【CS5開催終了】 Flash Professional CS5 の使い方・基本トレーニング

25,200円(税込)

【近日開催予定】 未経験から始めるPython入門 オンライン講座 〜限定10名!4時間×3回〜 |価格:15,000円より|

【近日開催予定】 未経験から始めるPython入門 オンライン講座 〜限定10名!4時間×3回〜 |価格:15,000円より|

25,000円(税込)

【近日開催予定】 WordPress入門講座 Vol.2 〜WordPressを使ったWebサイト運営にとっても大事なSEO/SEOを意識したコンテンツ(文章)作成方法〜(オンライン受講(2時間×4回)) |価格:10,000円より|

【近日開催予定】 WordPress入門講座 Vol.2 〜WordPressを使ったWebサイト運営にとっても大事なSEO/SEOを意識したコンテンツ(文章)作成方法〜(オンライン受講(2時間×4回)) |価格:10,000円より|

10,000円(税込)

【近日開催予定】 WordPress入門講座 Vol.1 〜WordPressを使ったWebサイト制作の基本が学べる〜(オンライン受講(2時間×4回)) |価格:10,000円より|

【近日開催予定】 WordPress入門講座 Vol.1 〜WordPressを使ったWebサイト制作の基本が学べる〜(オンライン受講(2時間×4回)) |価格:10,000円より|

10,000円(税込)

【近日開催予定】 Pythonによるデータサイエンス入門講座 |価格:54,000円より|

【近日開催予定】 Pythonによるデータサイエンス入門講座 |価格:54,000円より|

108,000円(税込)

【近日開催予定】 jQuery・jQueryMobileの基礎知識(PC・スマートフォン) |価格:13,200円より|

【近日開催予定】 jQuery・jQueryMobileの基礎知識(PC・スマートフォン) |価格:13,200円より|

26,400円(税込)

| カテゴリ | | Web | DTP・デザイン | CG・動画・映像 | キャリア・就活 |
| お客様 Index | | 企業・自治体のお客様に | 学生の方に |
| 目的別・状況別 Index | | Webデザイン入門セミナー | 映像編集入門セミナー | DTPデザイン入門セミナー | 魅力的なポートフォリオ作成 |
| Adobe CCを覚えたい方に | | Photoshop 2020の使い方・基本 | Illustrator 2020の使い方・基本 |
| Photoshop 2020の使い方・画像補正編 | 読みやすい文字の組み方 |
| HTML / XHTML / CSSの基礎知識 | HTML5 / CSS3の基礎知識 | JavaScriptの基礎知識 | jQuary・jQueryMobileの基礎知識 |
| Dreamweaver CC 2015の使い方・基本 | InDesign CCの使い方・基本 |
| AfterEffects 2020の使い方・基本 | AfterEffects 2020の使い方・実践1 |
| Premiere Pro 2020の使い方・基本 |
| 就職・転職・就活中の方へ | | 模擬面接セミナー(個別FB付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |