やりたいを仕事に!WEB制作のスキル習得!
WEBデザイナー 講座

AdobeXD講座

XD(エックスディー)講座では、Adobe社のUI(ユーザーインターフェース)やUX(ユーザーエクスペリエンス)のデザインソフトであるAdobe XDを使い方を学ぶことで、直感的で簡単にWebサイトやWebアプリケーションのデザインができるようになります。
アニメーションをつけたり、デザインからそのままコーディングに入ることができるツールも用意されているので、現役のWebデザイナーの多くが活用しているソフトです。


  • 特徴
    1

    10コマの講座でAdobe XDの基本操作を学ぶことができる

  • 特徴
    2

    ワイヤフレーム、デザインカンプといったプロトタイプのデザインができるようになる

  • 特徴
    3

    Photoshopなどで時間をかけていたカンプ作成を、XDを使うことで効率化できるようになる

1対1のソフトキャンパスXD講座のカリキュラム・概要

XD講座



10コマでAdobe XDでUI/UXデザインができるようになる、XD講座のカリキュラム内容

1コマ目

XDを学ぶ前に Adobe XDとは、UI(ユーザーインターフェース)とは、UX(ユーザーエクスペリエンス)とは、ワイヤーフレームとは、デザインカンプとは、プロトタイプとは

2コマ目

XDの基本操作 XDを使ってできること、XDの操作画面の見方と使い方、新規ファイルの作成、

3コマ目

XDでオブジェクト編集① オブジェクトの作成(四角形、楕円形、多角形など)、オブジェクトの編集(移動、コピー、ロック、グラデーションなど)、オブジェクトに効果を適用、ペンツールの使い方、パスの編集

4コマ目

テキストと画像の挿入・編集 文字(テキスト)の挿入、テキストファイルからのテキストの流し込み、画像の挿入

5コマ目

リピートグリッドの活用 繰り返しの要素にリピートグリッドを作成する、リピートグリッドの間隔を調整する、画像の挿入・編集、テキストの挿入・編集

6コマ目

アセットの書き出し 画像形式(PNG、JPG、SVG、PDF)への変換方法、アセットの書き出し、アートボードの書き出し

7コマ目

デザイン制作に便利なXDのプラグイン Adobe XDプラグインのインストール・使用方法、XDの便利なプラグイン紹介(Google Sheets、Ikono、Repeat Grid Fitterなど)

8コマ目~10コマ目

XDを使って実際にプロトタイプを作ってみよう~Webサイトのトップページ編~ ヘッダー・メインコンテンツ・フッターの作成、ナビゲーションメニューの作成、フォームの作成、画面遷移の設定、ボタン・アイコンの作成、レスポンシブ対応の方法

XD講座の難易度・講座時間・講座料金

難易度 ★★★☆☆
受講時間 10コマ
対応バージョン CC、CSといったバージョンはありません。
2020年2月時点の最新:バージョン27
コース料金(税込)
受講料
テキスト代
59,400円(税込)
3,300円(税込)
合計 62,700円(税込)

XD講座の無料体験講座はこちら

XDを通学型で学べるスクールはソフトキャンパスだけ!マンツーマンで基本の使い方から学ぶことができるのでビデオ視聴やオンライン講座では勉強が不安・・・という方でも安心してXDの使い方を覚えることができます。また、趣味やお仕事などで作りたい物がある方は、一緒に作っていくことができます。まずは無料体験講座を受けてみて、ご相談ください!

CASE
A

これからWebデザイナーを目指す
XD初心者の方の無料体験

  1. UI/UXって何?デザインの基本用語を解説します!
  2. ワイヤーフレーム、デザインカンプって何?XDを使って作れるものをご紹介します。
  3. XDを使って簡単なワイヤーフレームを作ってみよう!
CASE
B

Photoshopでデザインカンプを
作っていた方の無料体験

  1. Photoshopでカンプを作るのと何が違う?Adobe XDを使うべきな便利ポイントをご紹介します。
  2. 今までPhotoshopで作っていたデザインカンプ、Adobe XDで作ってみましょう!
  3. 使えると便利!おすすめのXDのプラグインをちょっとだけご紹介!

受講コース・資格講座のご紹介

  • 個別レッスンの簿記講座
  • パソコン MOS(Word・Excel・PowerPoint)資格講座
  • 就職に役立つ医療事務の資格
  • CADスクール(Auto CAD・JW CAD・VectorWorks)・資格講座
  • Webデザインスクール・HTML・CSSスキルアップ・資格取得 講座
  • DTPデザイン(Photoshop講座・Illustrator講座)
  • CCNA・LPIC ネットワークエンジニアの資格
  • プログラミングスクール・プログラマー講座
  • 企業研修・新人研修・オリジナルカリキュラム
  • キャリアコンサルタント技能士対策講座・国家資格キャリアコンサルタント講座
  • シニア専門パソコン教室
  • 小学生のためのロボット教室・プログラム講座

PAGE TOP