Winスクールは全国各地に展開しております。

WEBデザイン・WEBプログラミング

Adobe XD&UI/UXデザイン

「動き」までデザインできる
サイトのUI/UXデザイン
特化した最新ツールをマスター

「Adobe XD」はWebサイトやモバイルアプリのUI・UXデザインに特化したAdobeシステムズ社が開発する最新のデザインツールです。単なる見た目のUIデザインだけでなく、アニメーション効果などの動きを伴ったUXデザインも可能なため、Webサイト構築前のワイヤーフレームから、コーディング前のデザインカンプ(完成見本)作成まで使用され、WebデザイナーにとってはPhotoshopやIllustratorに代わるデザインツールとして注目を集めています

Adobe XD&UI/UXデザイン講座

Adobe XD&UI/UXデザイン
講座 詳細

WebサイトのUIデザインツールをマスター
Adobe XD&UI/UXデザイン

WebサイトやモバイルアプリのUI/UXをデザインできるツールである「Adobe XD」の基本操作から、実際にレスポンシブデザイン対応のWebサイトのUIを制作する実習を通して実践的な操作までを学習します。

  • こんな方におすすめ
  • WebデザイナーやUI/UXデザイナーになりたい方
  • 会社の広報やWebを担当することになった方
  • アプリケーションのUI/UXをデザインしたい方
  • クライアント(またはデザイナー)とリアルタイムでデザインを共有したい方
受講料
税抜84,000円(税込92,400円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜4,000円(税込4,400円)
受講時間
150分×8回(20時間)
受講期限:2ヶ月

カリキュラム詳細

  • Adobe XDの基本操作
  • Adobe XDの特徴
  • Adobe XDの基本操作
  • 画面各部の名称
  • オブジェクトの操作
  • プロトタイプについて
  • XDの基本操作(基本的なプロトタイプの作成)
  • 制作の準備
  • デザインモードでの作業
  • リピートグリッド
  • プロトタイプモードでの作業
  • インタラクティブアニメーション
  • インタラクティブアニメーションとは
  • アニメーションを作成する
  • アニメーションに強弱をつける
  • アニメーションをサイトに取り入れる
  • XDを使用したWeb制作(デザインシステム)
  • 制作の準備
  • ワイヤーフレームの確認
  • デザインシステムの作成
  • コンポーネントの操作
  • デザインカンプ~プロトタイプの作成
  • 制作の準備
  • 共通パーツの作成
  • 主要ページのデザインカンプ~プロトタイプ作成
  • 練習問題
  • レスポンシブデザインの作成
  • レスポンシブデザインとは
  • デスクトップPC表示のデザインを作成する
  • 練習問題
  • XDのファイルを公開する
  • デザインカンプを共有する
  • デザインスペック
  • デバイスでプレビュー
  • XDから画像を書き出し
  • 便利な機能~機能拡張
  • XDのプラグイン
  • UX/UIデザインのための法則
  • 良いUXのための法則を学ぶ
  • ヤコブの法則
  • フィッツの法則
  • ピークエンドの法則
  • テスラーの法則
  • ドハティのしきい値
  • UX/UIをデザインする
  • UX/UIをデザインするための手順
  • 顧客の目的を書く
  • 複雑さの肩代わりを検討する
  • 他者の声を聞く
  • 比較・検討する
  • 配置する
  • 他の要素を配置する
  • 検証する
  • UX/UIデザインの実装
  • デザインしたものを実装する
  • データ化する
  • 検証する
  • ボタンの大きさをチェック
  • より良いUXのために
  • ユーザーの感情を考慮する
  • 多様性に配慮する
  • フォームの言い回しに気配りをする
  • 信頼をデザインする
  • 入り口のフォームと出口のフォーム
  • 下層ページを厳選する
  • ユーザーの感情を分析する
  • PDCAサイクル
全講座入学金半額&eラーニング教材プレゼント!学びの秋応援キャンペーン 全講座入学金半額&eラーニング教材プレゼント!学びの秋応援キャンペーン
無料就職支援セミナー Web・デザイン業界への就職を成功させる秘訣 無料就職支援セミナー Web・デザイン業界への就職を成功させる秘訣

各種資料を郵送または
PDFで提供いたします

受講に際する疑問や最適な受講講座について
1対1のカウンセリングでご対応いたします

見積書の送付や申込の
ご相談をいたします

その他の関連講座を探す

- Information -

希望の就職を叶える
Winスクールの就職・転職サポート

Winスクールでは、みなさまの希望の就職を叶えることをモットーにしています。就職・転職に対して一人ひとりが抱える課題や不安を個別キャリアカウンセリングで解決したり、就職に役立つ最新の情報をオンラインセミナーでご紹介するなど、さまざまなサポートをご用意しています。

希望の就職を叶えるWinスクールの就職・転職サポート

年間1,500社の社員研修実績
社員研修・新人教育に便利でお得な特別プランをご用意

北海道から鹿児島まで全国の教室やオンラインでいつでも自由に利用できる電子チケット「Winチケット」や、御社の要望に応じた研修をアレンジできる「講師派遣・集合レッスン」、さらには「助成金」を利用した受講など、社員研修や団体受講をご検討される企業様にも便利でお得なプランを数多くご用意しております。

年間1,500社の社員研修実績<br>社員研修・新人教育に便利でお得な特別プランをご用意

ちょっとためになる
お役立ち情報

知っておくとちょっと役立つさまざまな情報をご用意!この講座を受講されている方に、以下の記事がよく読まれています。

あわせて学びたい
オンラインセミナー

知りたいとこだけ2時間半!オンライン集合形式で気軽に学べるWinスクールのオンラインセミナーをご紹介します。

無料体験・説明会のご案内
どの講座を受講しようか迷ったら…

講座のもっと詳しい内容や授業の進め方、受講システムに関する疑問点や不安をお持ちの方は「無料体験・説明会」にご参加ください。専任のカウンセラーによるマンツーマンでのカウンセリングですべての疑問を解決いたします。

無料体験・説明会のイメージ

最寄りの教室に
直接ご来校いただける方

教室や授業風景をご確認いただき、授業の一部に触れていただきながら、最適な講座をご提案いたします。

電話・オンライン説明会のイメージ

電話・ビデオチャットでの
説明をご希望の方

お電話またはビデオチャットで、専任のカウンセラーとの個別カウンセリングで最適な講座をご提案いたします。

お電話でも直接ご相談いただけます。お気軽にお問い合わせください!

0120-20-9821

受付時間 9:00~21:00(土日祝 9:00~18:00)

担当講師からのメッセージ

これから「デザイナーに転職したい!」という皆さん一人ひとりに寄り添ってサポートします!

小さいころは、絵を描くことが大好きで高校は美術系の学校に進学。ある日、有名なグラフィックデザイナーの講演会に参加し「デザインやりたい!」と決心。縁あってNYの美大と提携しているデザインの専門学校に入学。元々内向的な性格ですが、ここで自らの意見を述べることの大切さを学びました。その後、国内の印刷会社や制作会社、デザイン事務所に就職。個人のデザイナーに師事してもらったこともありました。
自分が人生の様々な場面で悩み、落ち込み、そのたびになんとか解決してきた経験から、これから「デザイナーに転職したい!」という受講生さんお一人おひとりに寄り添ってサポートすることができたら!という気持ちで授業に臨んでおります。また、それは個別指導だからできることだな、ということを実感しています。学習を検討されているみなさん!新しいことに飛び込む時って、不安でいっぱいですよね。でも、きっとうまくいくし、きっと大丈夫ですよ!私たちと一緒に、Winスクールで楽しく学びましょう!

Teachers Name:S.Honma

卒業生からのメッセージ

WEB業界についても学ぶことができ、受講中にWebデザイナーとして転職に成功しました!
島田 志保さん
卒業生のメッセージ1
わからないことがすぐに質問できる環境や、自分のペースで学習を進められること、給付金が使えることが決め手となり、Winスクールに入学しました。WEB業界への転職を目指す上で必要となるソフトのスキルだけでなく、独学だけでは知りえない業界についても知ることができ、受講中にWebデザイナーへの転職を決めることができました。スクールに通って気が付いたことですが、幅広い年齢層の方が通学していることに驚きました。私の親世代の方でもスキルアップのために学ばれている姿を見て、とても良い刺激になりました。
迷っているならまずはやってみる!受講中からどんどんクラウドソーシングに応募しました
西原 惠美さん
卒業生のメッセージ2
最初は感覚でデザインしていましたが、デザイン理論を学んでからは徐々に自分の作ったものを客観的に見ることができるようになりました。受講中にクラウドソーシングにどんどん応募して、それが採用されると、自信に繋がりました。まずは迷わず何かやってみるといいと思います。動かなければ何もならないし、小さなことでも積み上げていったものは絶対になくなったりはしません。Winスクールは、段階を踏んで確実に覚えることができるカリキュラムになっているので安心して受講をおすすめします!
自分で考える時間と講師にすぐに質問できる環境がスキル習得につながりました!
志田 晴飛さん
卒業生のメッセージ3
オンライン受講のスクールが流行っていますが、自分には対面で教えてくれるWinスクールが合っていると思い入学を決めました。しっかりと自分で考える時間も自分にとっては必要で、どうしてもわからなかったらすぐに講師に聞けるという安心感が力をつけることに繋がったと思います。なによりいつも励ましてくれたり、背中を押してもらえたことがうれしかったです。もうすぐ受講が終わりますが、目標であるWeb制作会社への就職に必要なスキルも身につけることができたと実感しています。

無料体験・説明会のご案内
どの講座を受講しようか迷ったら…

講座のもっと詳しい内容や授業の進め方、受講システムに関する疑問点や不安をお持ちの方は「無料体験・説明会」にご参加ください。専任のカウンセラーによるマンツーマンでのカウンセリングですべての疑問を解決いたします。

無料体験・説明会のイメージ

最寄りの教室に
直接ご来校いただける方

教室や授業風景をご確認いただき、授業の一部に触れていただきながら、最適な講座をご提案いたします。

電話・オンライン説明会のイメージ

電話・ビデオチャットでの
説明をご希望の方

お電話またはビデオチャットで、専任のカウンセラーとの個別カウンセリングで最適な講座をご提案いたします。

お電話でも直接ご相談いただけます。お気軽にお問い合わせください!

0120-20-9821

受付時間 9:00~21:00(土日祝 9:00~18:00)

年間17,000人以上が受講する
Winスクールが選ばれる理由

初心者から経験者までしっかり身につく
Winスクールこだわりの
個人レッスン

年間17,000人以上を指導するWinスクールのプロ講師陣が、一人ひとりにあわせた「個人レッスン」でご対応します。担当講師は単に質問に答えるだけでなく、繰り返し理解度を確認し受講生に合わせて段階的に学習を進めるので、初心者から経験者までその方が目標とされる技術や知識が確実に身につきます。

Winスクールこだわりの個人レッスン

即戦力のデザインスキルが身につく
デザイン業界の声を取り入れた
実践的なカリキュラム

Winスクールでは、年間約1,500社の企業研修を実施する中で企業からのさまざまなご要望に対応しています。実際の現場で必要とされる技術や知識を教材や講師の指導に反映していますので、未経験から学習をはじめてもデザイン業界で活躍できるだけの即戦力としてのテクニックを身に付けることができます

デザイン業界の声を取り入れた実践的なカリキュラム

さまざまな学び方が選べる
教室でもオンラインでも
個人レッスンで学べる受講形態

Winスクールでは他社に先駆けてオンラインレッスンも実施しています。教室のレッスンと全く同じカリキュラムと指導内容でオンライン個人レッスンが受講できる点が特長です。また、授業専用パソコンも追加料金なしでお送りしています。最寄りに教室が無かったり、さまざまな事情でご自宅での受講を余儀なくされる方でもオンライン個人レッスンでスキルを身につけられます。

教室でもオンラインでも個人レッスンで学べる受講形態

就職に役立つ資格が確実に取得できる
クリエイター能力認定試験の
一発合格率は93%!

Winスクールは資格取得にもこだわります。合格するまで繰り返し受験をするのではなく、1回の試験で確実に合格させることで、時間もコストも無駄にさせません。一発合格率93%の実績は、多くの合格者を輩出したノウハウを元に、一人ひとりにあわせた指導が実を結んだ結果です。

クリエイター能力認定試験の一発合格率は93%!

北海道から鹿児島まで
全国展開のWinスクール

お近くの教室を探す