Adobe XD講座

Adobe XD講座概要

Webサイトの設計図作成やディレクションを学びたい方におすすめの講座です。Adobe XDの基本操作から実践的なスキルまで体系的に学べます。
学習内容は、Adobe XDの基礎知識から始まり、ワイヤーフレーム(サイト構成図)作成、デザインカンプ(完成見本)制作まで幅広くカバー。スマホ・PC対応のレスポンシブデザインや、クリック動作を確認できるプロトタイプ機能、チームでの共有方法も習得できます。
独学では習得が難しい専門的なツールの使い方や便利なプラグインも、段階的に身につけられる構成になっています。Web制作現場で必要な設計スキルを効率よく習得し、ディレクターやデザイナーとしての活躍を目指せる実践的な講座です。

この講座で身につくこと

  • AdobeXDの基礎知識
  • AdobeXDの操作方法(デザイン、プロトタイプ、共有)
  • AdobeXDの便利機能(プラグイン)
               

Adobe XD講座は
こんな方におすすめ

ワイヤーフレームを作成したディレクションを学びたい方

Adobe XD講座カリキュラム

初心者から着実にステップアップできる、6ステップのカリキュラム構成です。

STEP 1

AdobeXDの基本的な説明と使用用途

制作全体の流れを把握でき、Webサイトの設計図作成やディレクションについて理解を深めることができます。

  • Adobe XDでできること(設計・デザイン・試作共有)の全体像
  • 制作が始まってから公開されるまでの、ディレクション工程の理解
  • Webサイトの「骨組み」と「完成図」がなぜ別々に必要なのかの解説
STEP 2

AdobeXDの基本的な機能

直感的な操作で、ボタン配置から本格デザイン、動く試作まで一気通貫。プロの制作フローを丸ごと体験。

  • 図形やテキストをきれいに配置するための、基本的な描画ツール操作
  • 複数のパーツを一気に整列させ、整った見た目を作る整列機能
  • 実際にボタンを押すと画面が切り替わる「試作(プロトタイプ)」の設定
  • 実際のスマホ画面で自分の作ったデザインを確認するプレビュー方法
STEP 3

ワイヤーフレームの作成方法

情報の配置図をサクサク作成。使い勝手の良い「サイトの骨組み」を作る設計力を養います。

  • 「骨組み」を組み立てる手順
  • ページ全体の流れ(構成)を作り、操作に迷わないサイトを目指す設計術
STEP 4

デザインカンプの作成方法

色や写真を重ねて完成見本を作成。プロの仕上がりを再現する表現力が身につきます。

  • サイトの雰囲気を決める「配色」の基本と、色の選び方・塗り方
  • 重なりや影(ドロップシャドウ)を使って、立体感を出すデザインのコツ
  • プロレベルのクオリティに近づけるための、微細なレイアウト調整術
STEP 5

デザインカンプをレスポンシブ対応にする

画面幅に合わせた自動調整を習得。スマホとPC両方のデザインを効率的に作れます。

  • 画面サイズが変わってもパーツが崩れない「レスポンシブデザイン」の考え方
  • 引き伸ばしてもボタンや画像が適切な位置に残る「レスポンシブサイズ変更」の設定
  • 画面幅ごとに最適な文字サイズや画像の大きさを調整するコツ
STEP 6

AdobeXDの便利な機能、プラグインについて紹介

自動化ツールやプラグインを駆使。制作時間を短縮し、プロの現場のスピードを体感します。

  • デザインを効率化する「プラグイン」の導入方法とおすすめツールの紹介
  • 色やフォントを一瞬で全ページに変更・統一する「アセット管理」
  • 制作ミスを減らし、チーム全員が編集しやすいデータ作成のポイント
               

Adobe XD講座で
身につくスキル

スキル 内容

AdobeXDの基礎知識

Adobe XDを使用する上で知っておくべき基本知識について学習できます。

AdobeXDの操作方法

ワイヤーフレーム(サイト構成図)作成、デザインカンプ(完成見本)制作まで幅広くカバーしています。

AdobeXDの便利機能

独学では習得が難しい専門的なツールの使い方や便利なプラグインを紹介しています。

Adobe XD講座
受講後のキャリア

WEB制作会社で活躍

Web制作現場で必要な設計スキルを効率よく習得し、ディレクターやデザイナーとしての活躍を目指せます。

フリーランスとして活躍

Webサイトやアプリの構成案・動試作の作成に活用でき、URL一つで顧客へ直感的な提案・共有が可能になります。

料金プラン

他のWebデザインスクールとCampusの比較

価格

期間

受講形式

学べる領域

独立サポート

受講生の交流

オンラインWebデザインスクールなら“Campus(キャンパス)”のロゴ

入会金: ¥198,000(税込)

月額費: ¥5,500(税込)

受講期限なし

オンライン

WEBデザイン、プログラミング、動画編集、マーケティング、SNS運用など

開業届や確定申告などの税務面、仕事の流れ、集客、商品サービスづくり、価格設定など実務に関するサポートあり

あり

A

受講費 80万円〜

2〜3ヶ月

オンライン

WEBデザイン

×

なし

あり

B

入会金: ¥162,800(税込)

月額費: ¥16,280(税込)

1年

オンライン/通学

WEBスキル

月1回のコーチング

あり

C

受講費:¥437,800円(税込)

8ヶ月

オンライン/通学

WEBデザイン

×

なし

×

なし

D

受講料:¥184,800(税込)

1ヶ月

オンライン

WEBデザイン

×

なし

あり

Campusの受講費用と返金保証

“卒業なく”
幅広いWebスキルを学び放題

月額5,500円(税込)

  • オンライン講座を学ぶ男性

    好きな時に好きな場所で学べる!

    会員専用サイトにて動画講義が見られるため、好きな時に動画で学ぶことができます!わからないことがあればチャットワークにて質問することができるようになっており疑問解消もできます。

  • オンライン講座を受ける女性

    卒業なし・コンテンツは更新!

    2,3ヶ月と短期間形式で学ぶスクールが多いですが、短期間では身につくスキルが限られてしまうため、スキル不足やスキルが定着していない方が多いです。Campusでは納得いくまで続けられるため安心して学ぶことができます。

  • 月額制

    継続しやすい月額制

    一般的なスクールでは、30万円から80万円と高額なところが多いですが、Campusでは月額5,500円と業界最安値の金額で学び続けることができるため継続しやすいです。

全額返金保証

8日間の全額返金保証をご用意しております。

申し込み後、8日以内にご解約はクーリングオフが適用できます。

受講していただいている皆様には評価をいただいおりますが、
より良いスクールにしていくという気持ちを忘れず、良いサービスを継続的に提供できるように努力をしていきます。

まずは無料動画講義にて内容・品質・講師の人柄などをご覧ください!

  • 特典01

    WEB副業で理想の
    自分を手に入れる!

    今話題のWeb
    クリエイターの秘密

  • 特典02

    月収5万円から
    30万円までの

    ロードマップ
    を徹底解説!

  • 特典03

    成長スピード10倍!?

    ゼロから確実に成果を
    出すためのコツを伝授

まずは無料の動画講義を見る

Campusのスクール生の体験談をご紹介

Campusスクール生の作品をご紹介

興味はあるけどやっぱり不安

よくあるご質問

完全未経験でも大丈夫ですか?

はい、問題ありません。本講座はAdobe XD講座を一度も触ったことがない方を想定して作られています。基本操作から丁寧に解説しているので、安心して始められます。

どのくらいの期間で習得できますか?

学習ペースにもよりますが、週に3〜5時間程度学習できる方なら、2〜3ヶ月で基本的なバナー制作ができるレベルになります。サブスク型なので、ご自身のペースで学べます。

解約はいつでもできますか?

はい、いつでも解約可能です。最低契約期間などの縛りはありません。マイページから簡単に手続きできます。
一覧を見る

まずは無料動画講義にて内容・品質・講師の人柄などをご覧ください!

  • 特典01

    WEB副業で理想の
    自分を手に入れる!

    今話題のWeb
    クリエイターの秘密

  • 特典02

    月収5万円から
    30万円までの

    ロードマップ
    を徹底解説!

  • 特典03

    成長スピード10倍!?

    ゼロから確実に成果を
    出すためのコツを伝授

まずは無料の動画講義を見る