【オンライン】Adobe XDの使い方・基本トレーニング

掲載日:2023年6月27日

※本セミナーはJAGATと業務提携している㈱イマジカデジタルスケープの
オンラインセミナーです。

 

講座概要

このトレーニングでは、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を使う方はぜひふるってご参加ください。

 

 

開催日時

2023年7月31日(月)10:00~17:00
    (お申込み締め切りは7/26(水)です)

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

 

期待される効果

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

 

受講対象者

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

 

受講スタイル

このトレーニングは、ご自宅・勤務先にて受講可能な、オンライン受講(ライブ配信)のトレーニングです。

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

・受講を希望される講座(と同じバージョン)のアプリケーションがインストールされたPC
(Windows10以降またはMacintosh)

・上記PCの、有線によるインターネット接続環境(光回線)
・スマートフォン(受講前の通信テスト用)

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

 

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

また、iPadレンタルご希望の方にはお申込み後、ご案内いたします。

 

 

カリキュラム

Adobe XDとUI/UX
目的と必要性
UIとUXの関係と範囲
認知特性
デバイスについて
Adobe XDについて
動作環境

階層と構造
カスタマージャーニーマップ
ナビゲーション
インタラクション

デザイン
アートボードの作成
インターフェイス
ワークスペース
各パネルの役割
モード(デザイン/プロトタイプ/共有)
レイアウトグリッド

オブジェクト・アイコンの作成
矩形/円/多角形の描画
塗りと線
アピアランス
直線/曲線の作成
合体と整列

テキスト
ポイントテキストとエリアテキスト
テキストの流し込み
アウトライン化
Illustrator及びPhotoshopからのテキストのコピー

画像
画像の配置
配置画像の編集
オブジェクト内に配置
タイル
シェイプでマスク

Illustrator連携
ベクトルデータの読み込み
SVGデータの読み込み

リピートグリッド
リピートグリッドの作成
マージン調整
既存コンテンツのリピートグリッド化
データの流し込み

ライブラリ(アセット)
ライブラリ(アセット)への登録
文字スタイルの作成
シンボル
アセット管理
ローカルを作成

プロトタイプ
ホームの設定
遷移先の設定
トランジション及びイーズの設定
スクロール位置を保持
インタラクションのコピーペースト
プレビューを録画

サンプルサイト作成
トップページの作成
UIキットの活用
メニューの作成
フォーム及び表の作成
インタラクション設定
プレビュー

書き出し
画像書き出し
AfterEffects書き出し

 


講師

◆講師紹介◆

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

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

 


受講者へのメッセージ

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

 

テキスト

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

 

ご用意いただく環境

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

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

 

使用アプリケーション

・Adobe XD
・Adobe Illustrator 
・Adobe Photoshop 
・Adobe AfterEffects 

 

配信環境(講師側)

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

 

参加費(消費税込)

JAGAT会員 23,760円 / 一般 26,400円

※iPadレンタルご希望の方は別途【iPadレンタル・往復配送料】 と【iPad・損害補償費用】が
 必要となります。

 

お申込み

●Webからのお申込み


  お申込フォームが開きます。

 

参加費振込先
参加費は、下記口座に開催日の2日前までに振り込み願います。
なお、お申し込み後の取り消しはお受けできません。代理の方のご出席をお願いします。

口座名:シャ)ニホンインサツギジュツキョウカイ
口座番号:みずほ銀行中野支店(普)202430

内容に関して問い合わせ先
内容に関するお問い合わせはお気軽に下記までお寄せください。
CS部 セミナー担当 電話:03-3384-3411

お申し込み及びお支払に関して
管理部(販売管理担当)   電話:03-5385-7185(直通)

公益社団法人 日本印刷技術協会