商品情報にスキップ
1 3

Adobe XDで魅せるレイアウト 最新プロトタイピング見本帳

通常価格 ¥4,730
通常価格 セール価格 ¥4,730
(税込)
セール 売り切れ
Adobe XD MdN × Bau-ya® UI/UX Webデザイン Web制作 プロトタイプ レイアウト

講師:境 祐司(さかい・ゆうじ) /

インストラクショナルデザイナーであり、Adobe™ Community Evangelistでもある境祐司氏による、AdobeのプロトタイピングツールであるAdobe XDを使ったさまざまな最新のWebレイアウトパターンを学ぶ講座です。最新のAdobe XDを使って、効率よくプロトタイプを作成するテクニックや、レイアウトのタイプによって変わる制作方法や使用する機能についても実践的に解説していきます。

[この講座の概要
●2時間のオンデマンドビデオ講座
●サンプルデータダウンロード
●学習期間の制限なし
PCモバイルからアクセス

  • 学べること、得られること

    ■ ウェブレイアウトのパターン
    ■ ウェブレイアウトのデバイスエクスペリエンス(モバイル-デスクトップ)
    ■ ウェブデザインのセオリーとテクニック
    ■ Adobe XDの基本機能と基本操作
    ■ Adobe XDのウェブレイアウトに必要なプロトタイピングのテクニック
    ■ デザインワークに役立つプラグイン(インストールから使い方まで)

  • こんな方におすすめ

    ■ ウェブデザイナーやUI/UXデザイナーの方
    ■ ウェブ制作に携わっている方
    ■ 最新のプロトタイピング制作を習得したい方
    ■ Adobe XDを使い始めたい方
    ■ PhotoshopやsketchなどのツールからAdobe XDに移行したい方
    ■ ウェブ制作を目指している初心者や学生の方

折りたたみ可能なコンテンツ

本講座について

本講座は、「MdNの教室 MdN × Bau-ya」で2020年12月22日にオンラインセミナーとして開催された
「Adobe XDで魅せるレイアウト 最新プロトタイピング見本帳」(講師:境 祐司)
https://www.street-academy.com/myclass/100538
を収録したものを、オンデマンド講座として再編集してご提供するものです。

※本講座は2020年12月当時の情報を元に講座としてご提供しているものです。これ以降になされた事実および情報の変更によっては、講座の中で取り上げた内容と異なる場合があります。登壇者、および株式会社エムディエヌコーポレーションは、本動画の中で紹介した内容によって生じたいかなる損害に一切の責任を負いかねますので、あらかじめご了承ください。

講座の内容

スマートデバイスが世に登場してからというもの、ウェブコンテンツのレイアウトや機能からなるUI/UXは常に変貌を続け多様化しています。
また、ウェブの激しいトレンドや潮流に合わせるように、UI/UXやウェブデザインの制作現場で用いられるフローやツールも大きく様変わりしています。

特に、ウェブサイトやアプリなどのデザイン見本(デザインカンプ)や試作品(モックアップ)を作成するための専用ツールである「プロトタイピングソフト」は、近年、その需要を極め、今日の専門的なプロダクションの多くですでに導入されています。

今後、ウェブ制作を行うためには、現代のウェブデザインのレイアウトによるUI/UXの事例をプロトタイピングを通して知り学ぶことは、とても重要な時代になったと言えるでしょう。

この講座では、インストラクショナルデザイナーであり、Adobe™ Community Evangelistとして布教活動も担っている境祐司氏を招聘。
様々な最新のウェブデザインのレイアウトパターンを、最新のプロトタイピングツールを使って体系的に解説いただきます。

使用するプロトタイピングツールは、もちろん Adobe XD™。
直感的に使用できるように機能が厳選されているため、短期習得しやすい設計になっています。
また、複数の人とデータ共有してチームワークで利用でき、作業を効率化するための拡張プラグインも自由に追加できます。
もちろん、Adobe XDのスタータープランは、誰でも無料で使用することができます。

Adobe XD オフィシャルページ
https://www.adobe.com/jp/products/xd.html

この講座では、最新バージョンのAdobe XDを使って、効率よくプロトタイプを作成するテクニックも紹介いただきます。
また、ウェブコンテンツのレイアウトのタイプによって制作方法や使用する機能が変わることも伝授し、具体的なテクニックもたっぷり解説いただきます。

最新のレイアウトパターンを最新のAdobe XDを使って学ぶ、UI/UXとウェブデザインの講座決定版です。

● 協賛企業・ブランド
フォントワークス株式会社
https://fontworks.co.jp
フォントワークス LETS
https://lets.fontworks.co.jp/fontworks

#mdnbauya6

Keywords: Adobe, XD, ウェブ, デザイン, UI, UX, プロトタイプ, プロトタイピング, レイアウト

コースの内容

●講座を受講する前に
・受講に際しての要件
・参考資料
・著作権および本講座提供のプログラムについて
●本編動画
・前編(55分7秒)
・後編(48分53秒)
●講師から受講者のみなさまへ

受講に際しての要件

□ オンラインで受講いただく場合は、インターネット環境とコンピュータなどのデバイスおよびウェブブラウザ。
□ ハンズオンスタイルで受講の方は、以下のアプリケーションがインストールされたコンピュータ。
・最新バージョンのAdobe XDがインストールされているパーソナルコンピュータ
・メールアドレス(一部のプラグインでユーザー登録が必要になるため)
※ OSやウェブブラウザー、各種アプリケーションなどは、最新のバージョンのものをご使用ください。
※ コンピュータの動作やソフトウェアなどの動作不良に関するサポートは行いません。

講師:境 祐司(さかい・ゆうじ)

インストラクショナルデザイナー

インストラクショナルデザイナーとして講座企画、ID マネジメント、記事執筆、講演などを中心に活動。 

2012年5月、電子出版専門のパブリッシャーとして電子書籍のプランニング、情報設計、デリバリデザイン等を手掛ける。
2014年、デジタル専門の一人出版社「Creative Edge School Books」を立ち上げ、主にクリエイティブ系のオンライン学習コンテンツを企画・制作・販売し始める。
2016 年より、AI(人工知能)本格導入のためのトライアルを開始し、AIシステムやロボティクス関連の実証実験に参加。ニューラルネットワークを使った機械翻訳と画像置換処理(写真画像のイラスト表現など)を中心に小規模なテストを実施中。
2017年より、Adobe Community Evangelistとして、主にAdobe Sensei(AI)やAdobe XD関連のイベント登壇、講演などを法人向けに行なっている。 

活動報告サイト: http://design-zero.tv/ 
日々の情報発信: https://twitter.com/commonstyle

「MdNの教室 MdN × Bauyaとは?」 

グラフィックデザインやウェブデザインなどのクリエイションをはじめ、生活や暮らしなどさまざまなジャンルのノウハウと可能性を伝える出版社MdNが、お馴染みの人気著者やトップクリエイターを招聘し『最新のノウハウ』と『実践的なテクニック』を講座を通してお伝えします。

MdN × Bauya教室ページ https://bit.ly/MdN-Bauya

■ MdNの著者が講座に登壇
MdNの人気書籍の著者や著名クリエイターを招聘。
ベストセラーやロングセラーでお馴染みの執筆陣が登壇します。
紙面だけでは伝えられないテクニックや、最新情報が満載です。

■ クリエイターの学び舎、Bau-ya®が全面協力
クリエイティブ分野の講座開催で急成長を遂げるBau-ya®(バウヤ)が、MdNとコラボレート。
講座の企画・運営や参加者の皆さまを、強力にバックアップします。
Bau-ya® 教室ページ http://bit.ly/bauya

MdN × Bau-ya® 収録講座プログラム