Webデザインとは、Webサイトのデザインのことです。（そのままですが……。）自分や依頼者がイメージするWebサイトのデザインし、実現することが、Webデザイナーの役割です。華やかな業界として人気の高いWebデザイナーですが、Webデザインの教育は、専門学校や企業の研修でもない限りなかなか受けることはできませんよね。
そんなときは、Udemyで専門家に教えてもらいましょう！
Webデザインについてのさまざまなコースが、セール時には1,000円代から受講することができます！この記事では私が実際に受講して良かった！役立った！と感じたおすすめの講座をご紹介します！
Webデザインとは？全体像を掴むためのコース
WEBデザイナーになりたい人のための【WEBデザイン入門講座】
| 対象者 | サイト構築経験がなく、WEB制作について基礎から学びたい方・業界未経験者 |
|---|---|
| 時間 | 10時間 |
| 定価 | ¥24,000 |
| 言語 | 日本語 |
| 評価 | 4.1 |
| 受講者 | 513人(2020年9月現在) |
| 講師 | オンライン動画講座の制作と運営を行っているチーム。代表はWEBディレクターの他、WEBデザインやHTML&CSSのコーディングを担当。産業カウンセラー資格試験合格。 |
ドメインの取得・サーバーの契約・Wordpressの初期設定など、基礎から学ぶことができる講座です。逆にこれまで学んだことのある人にとっては、復習や既知の内容となってしまうので、サイト構築経験がない人を対象としました。最初のセクションは講義形式なので退屈に感じるかもしれませんが、実習から先も丁寧なフォローがあるため、サイト構築初心者には学ぶことが多いと感じる講座でした。
Webデザイナーのキャリアを未経験からスタートするためのオールインワン講座
| 対象者 | Webデザインを未経験の方 |
|---|---|
| 時間 | 19.5時間 |
| 定価 | ¥24,000 |
| 言語 | 日本語 |
| 評価 | 4.3 |
| 受講者 | 4,597人(2020年6月現在) |
| 講師 | フリーランスエンジニア兼デザイナー。UX/UIデザイナー、ウェブディレクター、フロントエンドエンジニア、バックエンドエンジニア等、多岐にわたって10年以上クリエイティブ業界にて活躍。 |
Webデザイナーの仕事の工程を体験することができる講座です。
デザインやコーディングといったスキルをすべてマスターするための「オールインワン」ではないです。基礎は講座内で触れますが、追加での学習は必要となるでしょう。しかし、デザイナー業務の一連の流れである企画→デザイン→コーディング→ウェブ制作を体験し、今後のモチベーションを身につける上ではこの上ない講座でした！応用編みたいなレベルアップしたバージョンも作られないかなあ……。
未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース
| 対象者 | Webデザインを未経験の方 |
|---|---|
| 時間 | 41.5時間 |
| 定価 | ¥24,000 |
| 言語 | 日本語 |
| 評価 | 4.3 |
| 受講者 | 36,694人(2020年6月現在) |
| 講師 | テクノロジーとクリエイティブのプロを目指す人のためのスクールで制作。 1,000人以上の卒業生が活躍しており、Udemy受講生も33,000人以上。 |
動画と一緒に手を動かしながら進めていくスタイルです。全体像を掴むには十分なボリュームで、解説が丁寧で分かりやすいです。注意したいのは、2015年11月で更新が止まっている点。最新のPhotoshopとは挙動が違うこともあり、混乱してしまいました。率直な感想として、素材の格納場所が誤っていたり、質疑へのフォローがない点は気になります。
DESIGN RULES: Principles + Practices for Great UI Design
| 対象者 | Webデザインについての基礎を学んでおり、英語での受講に抵抗がない人 |
|---|---|
| 時間 | 5時間 |
| 定価 | ¥12,000 |
| 言語 | 英語（日本語字幕なし） |
| 評価 | 4.6 |
| 受講者 | 18,425人(2020年6月現在) |
| 講師 | ユーザーエクスペリエンス（UX）とユーザーインターフェイス（UI）のプロフェッショナルとして、米フォーチュン500企業や政府に対し貢献。講師として、Udemyで140,000人以上が受講。 |
UIデザインのための原則やプラクティスを学ぶことができる講座です。伝えたいメッセージを正しく伝えるため、設計から実際に動作させるまでをしっかり学ぶことができます。
複雑な講座ではないですが、先程ご紹介した講座などでWebデザインの基本を知っておくのが望ましいと思います。
英語での受講かつ用語も難しいですが、発音がきれいで、図やスライドをもとに説明してくれるので比較的受講しやすいと感じました。
HTML5+CSS3 手を動かしてマスターする WEBデザイン／プログラミング動画講座
| 対象者 | HTMLとCSSを中心にWebデザインを学びたい人（プログラミング経験不要） |
|---|---|
| 時間 | 10.5時間 |
| 定価 | ¥10,200 |
| 言語 | 日本語 |
| 評価 | 4.0 |
| 受講者 | 2,905人(2020年6月現在) |
| 講師 | 大手半導体メーカー販促部門でデザイナーとして勤務後、WEBデザイン会社を設立。現在は現場でのデザインとともに新人教育を実施。Udemyでは受講者10,000人以上。 |
最新のhtml5とCSS3に準拠したWEBページをマスターするための講座です。
サンプルのHP作成を0から丁寧に説明しながら作成していくので、ホームページ作成のとっかりとしては大変良い講座だと思います。基礎から積み上げていくスタイルで、HTML、CSSの知識が無い人にもわかりやすいですし、古いバージョンで学んだことのある方にもおすすめできる講座だと感じました。
隠れたWEBマーケティングの極意：WEB売上アップ・成約率アップ活用術【悪魔のWEBデザイン講座＜初級編＞】
| 対象者 | 売上を上げるサイトを作れるようになりたいWEBデザイナー |
|---|---|
| 時間 | 2.5時間 |
| 定価 | ¥24,000 |
| 言語 | 日本語 |
| 評価 | 4.4 |
| 受講者 | 887人(2020年6月現在) |
| 講師 | ウェブコンサルタント。セールスデザイン、マーケティング、プロダクトデザイン、組織デザインを通じたコンサルティングに数多くの実績を持つ。 |
マーケティング的な考えに基づいてサイトをつくっても、逆に成約率が下がってしまうような事例を知ることができ、受講していて大変楽しい講座です。
現在海外で主流になっているツールの紹介があったり、「今すぐ」使える実践的なアイデアをたくさん知ることができました。タイトルの通り、ちょっと悪魔的だけど、真理を突いた視点・内容を学ぶことができます。
画像をもとに加工する！PhotoShopを利用したWebデザインのコース
Learn Photoshop, Web Design & Profitable Freelancing
| 対象者 | Photoshopの利用経験を問わず、英語での受講に抵抗がない人 |
|---|---|
| 時間 | 22.5時間 |
| 定価 | ¥24,000 |
| 言語 | 英語（日本語字幕なし） |
| 評価 | 4.5 |
| 受講者 | 39,408人(2020年6月現在) |
| 講師 | 10年の経験を持つプロのWebデザイナー。Photoshop認定エキスパート。UdemyのPhotoshopコースを通じ16万人以上が受講。 |
Photoshopの初心者が聞いても、中級者が聞いても大丈夫な内容です。同時にWebデザインをもとにクラウドソーシングプラットフォームでフリーランス業務を受注する方法も学ぶことができます。
質問への対応の早さや丁寧さも魅力ですね！英語圏と日本では受注に至る流れも異なるかもしれませんが、私は「英語が話せるなら海外からも仕事が取れるかもしれない！」とプラスにとらえています！
Photoshopマスターコース 基礎から上級まで ステップバイステップでPhotoshopのすべてを学ぼう
| 対象者 | Photoshopの利用経験がない人 |
|---|---|
| 時間 | 14時間 |
| 定価 | ¥14,400 |
| 言語 | 日本語 |
| 評価 | 4.1 |
| 受講者 | 5,093人(2020年6月現在) |
| 講師 | 大手半導体メーカー販促部門でデザイナーとして勤務後、WEBデザイン会社を設立。現在は現場でのデザインとともに新人教育を実施。Udemyでは受講者10,000人以上。 |
起動方法やファイルの開き方など、基礎の基礎から丁寧に抑えられています。
大変わかりやすく、はじめてPhotoshopを利用するのであればぜひ受講しておきたい講座ですね！
仕事をする上で重要となるショートカットが使いこなせるようになり、業務スピードが大幅に速くなる点も魅力です。若干話し方がゆっくりなため、1.5倍速でちょうどよく感じました。
ロゴ制作やレイアウトに強み！Illustratorを利用したWebデザインのコース
【超入門】初心者からデータ入稿まで Adobe Illustrator でキャラクターを描いてオリジナルグッズを作ろう
| 対象者 | Illustratorの利用経験がない人 |
|---|---|
| 時間 | 2.5時間 |
| 定価 | ¥12,000 |
| 言語 | 日本語 |
| 評価 | 4.4 |
| 受講者 | 840人(2020年6月現在) |
| 講師 | 武蔵野美術大学 視覚伝達デザイン学科 卒。手作りのやわらかキャラクターフィギュア「もにまるず」を美大1年から制作を始めイベントや展示に出展。大学卒業後、会社を設立し「もにまるず」の活動を本格化。 |
Illustratorの経験が全くなくても、キャラクターを描いたり、グッズ制作をしたりできるようになる面白い講座です。絵が得意ではない私にも楕円形ツール・パスファインダ・ペンツールといったツール利用で図形を組み合わせてキャラクターを作ることができました。グッズ制作編ではステッカーやTシャツ作成に向けたデータの作り方・印刷会社への依頼についても触れられており、クリエイターとして活動するための方法を学べます！
Illustrator CC 2019 MasterClass
| 対象者 | 英語での受講に抵抗がなく、Illustratorをマスターしたいすべての人 |
|---|---|
| 時間 | 12.5時間 |
| 定価 | ¥24,000 |
| 言語 | 英語（日本語字幕なし） |
| 評価 | 4.5 |
| 受講者 | 106,289人(2020年6月現在) |
| 講師 | グラフィックデザイナー、Adobe認定インストラクター。世界のトップ10のAdobeインストラクターの1人に選ばれる。Udemyでは11万人が受講。 |
世界トップ10のAdobeインストラクターとして、ディズニー、アクセンチュア、マテルなどで勤務した講師です。初心者から高度な機能まで、12.5時間に及ぶコースの中でみっちり学ぶことができます。
英語での受講になりますが、演習問題の他、各章の終わりにクイズ形式で理解度確認ができるため、理解に不安はありませんでした！正真正銘の世界トップクラスの講師の授業をセール価格で受けられるのも、Udemyならではの強みですね。
UI & Web Design using Adobe Illustrator CC
| 対象者 | 英語での受講に抵抗がなく、Illustratorを使ったWebおよびUIデザインを学びたい人 |
|---|---|
| 時間 | 4時間 |
| 定価 | ¥24,000 |
| 言語 | 英語（日本語字幕なし） |
| 評価 | 4.5 |
| 受講者 | 12,187人(2020年6月現在) |
| 講師 | Adobe認定インストラクターおよび認定エキスパート。 メディアデザイナー、コンテンツクリエーターとして14年以上講師を担当。 Udemyで約15万人に指導。 |
先程ご紹介した「Illustrator CC 2019 MasterClass」に比べると、WebおよびUIデザインの手段としてIllustratorを活用するコースです。
プロのUIデザイナーがどのように設計・デザインを構築するかを学ぶことができます。
ペースが早くどんどん進んでいくため、0.75倍速でゆっくり聞くのがオススメ。これまでUIデザインの経験がない人でも基礎からしっかり学ぶことができるのは魅力ですね。
話題の新ツール！Sketch3を利用したWebデザインのコース
Webやアプリの最新デザインツール Sketch3 ｜100レッスンの完全マスターコース
| 対象者 | Sketch3未経験だが、Webデザインを学びたい人（MacPC必須） |
|---|---|
| 時間 | 10.5時間 |
| 定価 | ¥9,600 |
| 言語 | 日本語 |
| 評価 | 3.8 |
| 受講者 | 2,354人(2020年6月現在) |
| 講師 | テクノロジーとクリエイティブのプロを目指す人のためのスクールで制作。1,000人以上の卒業生が活躍しており、Udemy受講生も33,000人以上。 |
Sketch3はMac専用のデザインツールのため、対象者にMacPC必須と記載しました。Photoshopとはショートカットなどの共通点があり、大変使いやすいデザインツールです。この動画をみて実際に手を動かせば、誰でもsketchの基本操作は習得できると感じました。まさに初心者向きです。不明点の問い合わせをしましたがもう1年近く返答がないため、質疑応答は基本的にないものと考えておいたほうが良いかもしれません。
更に踏み込んで「ユーザーの体験」まで！UX(User Experience)のコース
UXデザイン講座 UXデザイン基礎入門
| 対象者 | ユーザーのニーズに合致したデザインを行うため、UXの基礎を学びたいデザイナー |
|---|---|
| 時間 | 3.5時間 |
| 定価 | ¥7,800 |
| 言語 | 日本語 |
| 評価 | 4.0 |
| 受講者 | 1,794人(2020年6月現在) |
| 講師 | デジタルハリウッド大学非常勤講師（UI/UX）。千葉大学大学院卒業後、富士ゼロックス株式会社、多摩美術大学造形表現学部デザイン学科プロダクトデザイン分野非常勤講師などを経て、現職。 |
ユーザーがサービスにより得られる体験を、UXといいます。WebデザインにおけるUXは、「ユーザがWebサイトを訪問して得られる体験」ですね。この講座では、UX初学者向けに、UXの概要・UXデザインの全体像を理解することができます。デザインの具体例をもとに説明しているため、非常に分かりやすかったです。
強いて言えば話す速度が少しゆっくり目だったので、1.2倍速でちょうどよいかもしれません。
UX & Web Design Master Course: Strategy, Design, Development
| 対象者 | HTML・CSSの基礎的な理解があり、UXを専門としたいWebデザイナー |
|---|---|
| 時間 | 23.5時間 |
| 定価 | ¥23,400 |
| 言語 | 英語（日本語字幕あり） |
| 評価 | 4.5 |
| 受講者 | 76,700人(2020年6月現在) |
| 講師 | ユーザーエクスペリエンス（UX）とユーザーインターフェイス（UI）のプロフェッショナルとして、米フォーチュン500企業や政府に対し貢献。講師として、Udemyで140,000人以上が受講。 |
先程Webデザインの概要のところで紹介した講師の、UX版の講座です。Webサイトを作成するための単なる手順だけでなく、効果的なUXを作成するための基礎について幅広く学習します。もちろん演習も充実しています。UXデザイン経験者が見ても、各項別に復習に活用できそうだと感じました。
まとめ
この記事ではwebデザインのおすすめ講座をまとめました。
管理人は3年以上Udemyを使ってきましたが、今振り返ってみたら高値で買ったり結局やらない講座を買ったりと遠回りしてしまったので、是非モテちゃんを活用して効率的にスキルアップしてみてください！