【初心者向け】UdemyのWebデザインおすすめコースまとめ【保存版】

Udemy Webデザイン

Webデザインって何から勉強すれば良いんだろう?独学で本を見てもイマイチ分からない。何か効率よく勉強できる教材はないかなぁ。

そんな疑問にお答えします。

Webデザインと一言に言っても、多くの要素を含んでいます。バナーやロゴ、画像レタッチのようなパーツ単位のものから、サイトデザイン、UI/UX、要素の構造化のような広い括りでのデザインもあります

デザインとは見た目の事だけを表す言葉ではありません。伝えたい事が正確に伝わる構造ができて初めて見た目の装飾に入ります。

この記事では、10万を超えるUdemyのコースの中から、現役Webエンジニアの僕が経験を元に選んだ「デザイン、UI/UXに関するオススメコース」をご紹介します。コースによってはコーディング部分に触れているコースもありますので、ご自身の学びたい内容に合わせて適宜選んでいただければと思います。

この記事の読者はこういった方を想定しています。

  • Web初心者で、試しにデザインについて学んでみたい方
  • Webデザイナーとして、デザインの学習を始めたばかりの方
  • Webデザイナーをしていて、より幅広い知識、スキルを学びたい方
  • Webエンジニアをしていて、デザインも出来るようになりたい方

皆さんが学びたいことは勿論、苦手とすることや、よく分からない分野があった場合も是非覗いてみてください。Webサイト制作に必ず役立つデザインスキルが身につけられることと思います

また、そもそもUdemyについて詳しく知りたい方は「【初心者向け】Udemyで始めるプログラミング学習のススメ【保存版】」の記事で詳しく解説してますので、是非ご覧ください。

また、各コースの評価について、Udemy上での星の数だけでは不十分だと考えています。その理由は、すでに情報が古く使えなくなっていたり、途中から時代の流れが変わり評価されるものも存在するからです。

このブログでは上記の観点だけでなく、更新頻度や初心者に向けた配慮など、僕が独自に設定した評価基準について星1~5で判定していますので、参考にしてみてください。

目次

全体として感じたのは、コースによって質の差が大きく、間違ったコースを購入するとあまり役に立たなかったという場合もあるかもしれません。そういったコースは基本的に省いていますが、他にはない有用な点があると判断したコースは残しています。

各コースに「Hatoblogの評価」という欄を設けましたので、購入の参考にしてもらえればと思います。

Webデザイン全般

WEBデザイナーになりたい人のための【WEBデザイン入門講座】対象:WEB制作について基礎から学びたい方・業界未経験者

Hatoblogの評価★★★★★
コース時間9.5時間
定価¥24,000
講師 / コース作成者storeG K.Nakamura

ウェブデザイナーに必要な知識や技術(スキルレベル)とは?新人WEBデザイナーの仕事とは? Photoshop,Adobe XD,HTML,CSS,WordPress,ライティング,レスポンシブWEBデザイン等を入門レベルで幅広く学習します。

WEBデザイナーになりたい人のための【WEBデザイン入門講座】対象:WEB制作について基礎から学びたい方・業界未経験者

Webデザインの入門用として広く一通り学べるコースです。入門を謳っているだけあってツールの使い方だけではなく、Web制作に必要な環境や実際どういう仕事内容なのかなど、Webデザイナーをこれから目指す方が持ちやすい疑問にも答えているのが特徴です。

コース内容についても、デザインの基礎からAdobe XD、Adobe Photoshopの使い方、レスポンシブを含めたデザインについて等、初心者が知りたい一通りの内容が含まれています。

また、コースがどんどんアップデートされており、レビューに応える形で用語解説の章を追加したりなど、受講者のことを本当によく考えて運営されているコースです。初心者の方は購入して損はないオススメコースです。

このコースを詳しく見る

Webデザイナーのキャリアを未経験からスタートするためのオールインワン講座

Hatoblogの評価★★★★★
コース時間19.5時間
定価¥24,000
講師 / コース作成者Shunsuke Sawada

ウェブサイトの企画・設計、Sketchを使ったデザイン、HTML / CSS マークアップ、モバイル最適化など、Webデザインに挑戦したい人が一気通貫して学べる総合学習コース

Webデザイナーのキャリアを未経験からスタートするためのオールインワン講座

Webサイトの企画から実践まで一通りの流れを学べるコースです。プロジェクトのゴールを設定する企画の方法から、Sketchの使い方、コーディングと進みサーバーにアップするまでと本当にオールインワンに近い内容となっています

ただ、あくまでも初心者Web制作者のためのオールインワンなため、ここで基礎を付けた後により高度な内容を学んでいくという流れがベストです。しかしWeb制作の一通りがこの講座だけで学べる素晴らしいコースです。

このコースを詳しく見る

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース

Hatoblogの評価★★★☆☆
コース時間41.5時間
定価¥24,000
講師 / コース作成者NEST online

Web知識、Photoshop、Webグラフィックデザイン、HTML、CSS、実践的なコーディングなど、Webデザイナーとして働いたり、自分1人でサイトを作り上げるのに必要な全てが含まれています

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース

全40時間超えの大ボリュームのコースです。デザインだけでなくコーディング部分も学べますが、コースの更新が2015年で止まっており現在のPhotoshopと動作やUIが変わっている点や、レビューにもありますが素材の格納場所が違っていたりなど、若干の減点要素もあります。

ただ実践的なPhotoshopの使い方やWebデザインの一連の流れに関して、とても丁寧に解説されているため、セール中であれば買って損はない内容だと思います。

このコースを詳しく見る

UI / UX

UXデザイン講座 UXデザイン基礎入門

Hatoblogの評価★★★★☆
コース時間3.5時間
定価¥7,800
講師 / コース作成者萩本 晋

Web、アプリを始めとする、ユーザー視点での製品開発の基本となるUXデザイン、ユーザビリティ、人間中心設計といった考え方の基礎を学ぶ

UXデザイン講座 UXデザイン基礎入門

数年前から重要度が急激に高まったUXという考え方や、そのUXを使ってデザインを作成する方法を学べるコースです。ユーザビリティとは何か、ユーザーエクスペリエンスとは何か等の概念の説明に始まり、ジャーニーマップ、ペルソナ等実際のデザインに活かすための考え方を学ぶことが出来ます。

このコースではUXの全体像を掴むための入門的な内容になっています。このコースでUXがデザインにおいていかに重要化を学習した後に、より高度なデザイン手法を学ぶことがいい流れでしょう。

ただ、講師の話し方に若干の癖があるので、人によっては少し動画の速度を早めて受講しているようです。しかし内容は非常に現代的で、現代のWebデザインにおいてとても重要な要素なため、受講して損はない内容となっています

このコースを詳しく見る

バナー制作

サンペー先生の「思わずクリックさせる魔法のバナー講座 超簡単!売れるデザインは、ただなぞるだけ」

Hatoblogの評価★★★★★
コース時間6時間
定価¥6,000
講師 / コース作成者Takami Nishida

Web社会で生きるための真のデザインスキルを手に入れよう!

サンペー先生の「思わずクリックさせる魔法のバナー講座 超簡単!売れるデザインは、ただなぞるだけ」

Webデザイナーを目指す方のための、人を集められる、売れる、結果が出るバナー制作を学ぶコースです。バナー制作はデザイン能力を判断するために使われたりもしますが、実際のバナーというのはデザインのオシャレさなんかよりも結果を出す(クリックさせる)事が何よりも大事です。

このコースでは「結果を出すためのバナー」の作り方にフォーカスして進んで行きます。結果を出すバナーとは、クライアントの要望を一番叶えるバナーということであり、この6時間のコースでその極意を身につける事ができます。

また、動画に出てくるショートカットキーを毎回表示してくれるなど配慮が行き届いており、初心者でも学びやすい内容に仕上がっているのも魅力の一つです。

このコースを詳しく見る

ロゴ制作

初心者のためのロゴデザインテクニック

Hatoblogの評価★★★★☆
コース時間5時間
定価¥24,000
講師 / コース作成者AdobeMania ミハラ

初心者のためのロゴデザインテクニックを学べば、ロゴの基本的な知識や概要、フォントとロゴの関係、文字のデザイン、図形のデザイン、、盾などの様々なモチーフ、特殊効果の使い方、ロゴデザインのための色使い、入稿の準備などを一通り学べます。

初心者のためのロゴデザインテクニック

Adobe Illustratorを使ったロゴデザインと、それにまつわるフォントや図形について一通り学ぶ事ができるコースです。アイデアを起こす基礎的な部分から、最終的な入稿までの一連の流れを学習することが可能です。

その際にIllustratorのロゴ制作に使えるテクニックや、フォント、色使い等、これからロゴデザインが出来るようになりたい方にとって必要な情報が詰まったコースとなっています。

また、基礎的な力が付くことにより、市販のデザイン本等を見た時により深い視点で吸収することが出来るようになり、今後の成長の足がかりとすることが出来ます。

このコースを詳しく見る

Adobe XD

【2020年最新版】Adobe XD 手を動かして覚えるUI/UXプロトタイピング。初級から高度テクニックまで全てを学ぶ

Hatoblogの評価★★★★☆
コース時間11.5時間
定価¥19,800
講師 / コース作成者村守 康

ワイヤーフレーム作成時のPhotoshopも不要 、プロジェクトをXDで一元管理。WEBサイト開発のプロとしてスタートできる最先端の知見を最短で確実に身につけよう。

【2020年最新版】Adobe XD 手を動かして覚えるUI/UXプロトタイピング。初級から高度テクニックまで全てを学ぶ

今どきのWebデザイン・プロトタイプ制作ツールであるAdobe XDについて徹底的に詳しく解説しているコースです。Adobe XDの基礎的な操作から高度な機能まで、Webデザインで使用するスキルについて網羅的に解説しています。

また、Adobe XDを使ったプロジェクトの管理やクライアントとの共有機能など、プロジェクトを進めていく上で役に立つ機能も学ぶ事ができます。2020年4月更新と、最新のAdobe XDスキルを習得するにはピッタリのコースです。

このコースを詳しく見る

Adobe Photoshop

Photoshop CC マスターコース : 動画で徹底的に学ぶ! 確かな技術をマスターしよう!

Hatoblogの評価★★★★☆
コース時間7.5時間
定価¥7,200
講師 / コース作成者シュムデザイン 新里拓也

デザインの制作現場と教育現場で生み出された独自の学習法からPhotoshop CCを徹底的にマスター。基礎からやり直したい人や独学で学んだ人の学び直しにも最適!

Photoshop CC マスターコース : 動画で徹底的に学ぶ! 確かな技術をマスターしよう!

Photoshopを全く触ったことがない方へ向けた入門用コースです。Photoshopの基礎と、デザインの現場で使う画像の操作とレタッチを学べます。本当に丁寧に解説されているため、全くの初心者でも無理なく使い方を覚えることが可能です。ただ、Webデザインの講座ではないため、バナーの作り方等は学べない点はご承知ください。

最終更新は2019年12月ですが、バージョンによってメニューの場所が変わったりすることはAdobeツールではよくあることなので、その時はGoogleで調べながら進めると良さそうです。

このコースを詳しく見る

まとめ

今回はWebデザイン、UI / UX関係のUdemyをまとめました。内容は随時アップデートしていきます。Udemyには多くのコースが登録されていますが、5つ星の評価だけでは内容の新しさや現代の情報についていけてない等、十分な指標とは言えません。そういったコースで遠回りしないためにも、正しいものを購入し、Webデザインのスキルを付けていきましょう!

Udemy 公式サイト

また、WebプログラミングやAI・機械学習などに関するコースを下記記事にてまとめていますので、そちらに興味がある方は是非ご覧ください!