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

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

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

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

 
 
1 Adobe XDの使い方・基本トレーニングの開始について
 
 
2 オンライン受講(ライブ配信)の開始について
 

お客様index

オンライン受講(ライブ配信)

企業・自治体のお客様に 業務効率化、コスト削減に

クリ博登録者・学生の方に 割引トレーニングはコチラ


イトウ先生のTipsnote

イトウ先生のTipsnote Secondbook


10/30(金) Adobe XDの使い方・基本トレーニング |価格:8,800円より|

アドビ一覧 > 10/30(金) Adobe XDの使い方・基本トレーニング |価格:8,800円より|

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に書き出し、動画として書き出すまでの一連の作業を理解したい方

受講者へのメッセージ

プロトタイプデザインや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。

開催日時

開催日 時間
2020年10月30日(金) 13:00〜17:00

会場

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

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

[ MAP ]

カリキュラム

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

テキスト

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

持ち物

  • 受講票(プリントアウト環境が無い場合には、携帯・スマートフォン等への画面コピーでも可)
  • 筆記用具
  • ※データの持ち帰り、データの持ち込みはできません。

使用アプリケーション

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

使用端末

Macintosh(MacPro 2.66GHz Quad-Core Intel Xeon 4GBメモリ・600GBHD)

【Macintoshの操作に不安のある方へ】



     

10/30(金) Adobe XDの使い方・基本トレーニング |価格:8,800円より|

10/30(金) Adobe XDの使い方・基本トレーニング |価格:8,800円より|

価格
円(税込)
数量

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

10月30日(金)
17,600円:一般
8,800円:学割(大学生・大学院生(要学生証))

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

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

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

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

 

ご注文手続きへ

★☆受講者の声☆★

  氏名 : 評点 :
内容 :
[書き込み]

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

その他のオススメ講義

Webデザイン

11/12(木) JavaScriptの基礎知識 |価格:13,200円より|

11/12(木) JavaScriptの基礎知識 |価格:13,200円より|

26,400円(税込)

11/6(金) HTML・XHTML・CSSの基礎知識〜これからWebサイトを作る方へ! |価格:13,200円より|

11/6(金) HTML・XHTML・CSSの基礎知識〜これからWebサイトを作る方へ! |価格:13,200円より|

26,400円(税込)

10/29(木) HTML5・CSS3の基礎知識(PC・スマートフォン) |価格:13,200円より|

10/29(木) HTML5・CSS3の基礎知識(PC・スマートフォン) |価格:13,200円より|

26,400円(税込)

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

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

26,400円(税込)

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

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

26,400円(税込)

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

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

108,000円(税込)

【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開催終了】 Fireworks CS5 の使い方・基本トレーニング

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

12,600円(税込)

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

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

25,200円(税込)

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

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

25,200円(税込)

| カテゴリ | | 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の使い方・基本 |
| Webの基本をマスターしている方 | | 棚橋弘季氏の直伝、ユーザー中心のWebサイト設計 | 益子貴寛氏が伝授するCSS実践テクニック |
| 矢野りんさんに学ぶ、”使える”デザイン基礎知識 | こもり氏のHTML+CSS基礎 | 平塚氏のマーケティング基礎 |
| 坂本氏のIA入門 | Webに関わるすべての人の「Webリテラシー」講座 | 神森勉氏に学ぶコーディング講座 |
| 森川眞行氏に学ぶ、大規模サイトの構築・運用マネジメント |
| 就職・転職・就活中の方へ | | 模擬面接セミナー(個別FB付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |