独学が捗る!UdemyのWebデザインが学べるおすすめ講座8選

独学の定番と言えば本での勉強ですが、Webデザインのようにパソコン操作の伴う学習では、実際の動き(デモ)として見せてくれた方が理解しやすいことも多いでしょう。

スクールを利用して講師に教えてもらうのが一番手っ取り早いわけですが、どうしても費用がかかるため通えない人もいるのではないでしょうか?

そんな時におすすめなのが、動画教材で学べるUdemyです。

各専門分野のプロによる様々なテーマの動画講座が販売されています。

そこで今回は、Udemyでの購入方法や、Webデザイン関連で初心者向けのおすすめ教材について紹介します。

動画の方が学びやすい人や本で勉強してわからなかったという人はぜひ参考にしてみてください。

Udemyの特徴とお得な購入方法

Udemy トップページ
Udemy

Udemyはアメリカ発の世界最大級のオンライン学習プラットフォームで、日本ではベネッセが事業パートナーとして協業しています。

IT・ビジネス・マーケティング、クリエイティブ等のジャンルが豊富で、Webデザインやプログラミング関係の日本語講座も充実してきています。

ここでは、Udemyを初めて使う人のために、Udemyの特徴とお得な購入方法について紹介します。

教材は買い切り型

オンラインの学習サイトや動画講座の多くは、サブスクリプション型が主流ですよね。

つまり、課金している期間だけ受講できるという契約方式です。

対してUdemyでは、一度購入した教材はUdemyのアカウントを削除しない限り原則期限なく閲覧できます。

もちろん、Udemyのアカウントそのものは無料で作成できます。

30日間の返金保証

Udemyで販売する教材には30日間の返金保証が付いています。

講座内容の質が低いなど満足いかない時は、申請すれば返金してもらえるので、過度に心配しないで大丈夫です。

ただし、悪用防止等の観点から、無条件に返金できるわけではないので、あらかじめUdemyの返金ポリシー等を確認しておきましょう。

また、各講座の動画の一部は視聴できる(プレビュー)ので、購入前の参考にしましょう。

大幅値引きのセールを頻繁に開催

Udemyセール中の表示例

Udemyはセールを頻繁に行っています。

大まかな傾向としては、月に2, 3回程度、各回セール期間は2,3日〜1週間程度となっています。

開催頻度だけではなく、セール時の値引き率がエグいです。

値引率は80〜90%前後、つまり、定価の10〜20%程度の金額で購入できます。

講座によりますが、1,000〜2,000円台で購入できてしまうので、書籍より安いか同程度の出費で動画教材が手に入ります。

正直、これだけ値引きがあると定価で買う妥当性があやふやですが、いずれにしても、セールを利用しない手はありませんね。

動画の倍速再生が便利

Udemy 動画プレーヤーの倍速コントロール

Udemyの動画は 0.25 単位で0.5倍速〜2倍速まで、再生速度をコントロールできます。

時間的な拘束が動画のデメリットとも言えるので、個人的には倍速表示があるとないとでは大違いです。

Udemyの講座は自分に合ったテンポで学習できます。

倍速表示は購入前のプレビューでも確認できます。

特におすすめなWebデザイン講座

まずは個人的に特におすすめしたい講座を紹介します。

Webデザイナーを目指している人なら買って損はないと思うので、チェックしてみてください。

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

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

Webサイト制作をどのように進めていくのか、その一連の流れを学習できる講座です。

企画に始まる制作現場の業務フローとプロの思考プロセスを垣間見ることができます。

デザインやコーディングはある程度実践的な講義になるため、完全な初学者向けでありません。

これからWebデザインの勉強を始めようとする人には難しいので、最低でもHTML・CSSの基礎は学んでから本講座に取り組むとよいでしょう。

一点デメリットがあり、講座内で使うプロトタイピングツールがMac専用のSketchというソフトである点です。

SketchのファイルはAdobe XDでも開けて大体同じようなことができますが、講義で見たままに操作できないことや、細かな点で機能的な差異が出る可能性があります。

XDユーザーは操作を置き換える必要がありますが、プロのWebデザイナーの仕事術を知れる点で、価値のある講座と言えるでしょう。

参考:Sketch ファイルを XD で開くときにサポートされる機能

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

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

Web広告の重要な要素であるバナー制作の講座です。

この教材では、単に綺麗でお洒落なバナーを作成するのではなく、人の目を引きクリックしたくなるバナーについて、心理学的アプローチから「売れるバナーデザイン」のヒントを得ることができます。

バナーという手軽な素材での練習なので、初心者でも比較的スピーディーにプロらしいデザインを身につけられるでしょう。

HTML・CSSの講座

HTML5+CSS3 手を動かしてマスターするWEBデザイン/プログラミング動画講座

HTML5+CSS3 手を動かしてマスターする WEBデザイン/プログラミング動画講座
HTML5+CSS3 手を動かしてマスターする WEBデザイン/プログラミング動画講座

HTML・CSSの基礎講座です。

サンプルのWebサイトを構築していくことで、簡単なWebページを作れるくらいまでの初級スキルを身につけることができます。

ただし、レスポンシブデザインについては扱っていないので、この講座一本で充分なスキルを身につけるまではいきません。

解説は丁寧なので、最初の一歩で挫折したくない人、じっくり学びたい人に適した入門講座です。

WEBデザイン講座 Level2《ステップアップ》コース ※FlexboxとメディアクエリでレスポンシブWEBサイトを作る

WEBデザイン講座 Level2《ステップアップ》コース ※FlexboxとメディアクエリでレスポンシブWEBサイトを作る
WEBデザイン講座 Level2《ステップアップ》コース ※FlexboxとメディアクエリでレスポンシブWEBサイトを作る

CSSフレックスボックスとメディアクエリを使ったレスポンシブWebデザインを学ぶ講座です。

ポートフォリオサイトを作りながらPCとスマートフォンに両対応するテクニックを身に着けていきます。

HTML・CSSの基礎を理解していることが前提となります。

講座名に「Level 2」とありますが、Level 0〜3 までシリーズで構成されていて、各講座は2時間程度で無駄なくコンパクトにまとめられています。

知識ゼロからHTML・CSSを学び始めるならシリーズで Level 0から始めていってもよいし、学びたいトピックに合わせて必要な講座のみを利用してもよいでしょう。

『Webデザイン講座』シリーズ

Photoshopの講座

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

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

元教師の経験を持つ現役デザイナーの方のPhotoshop基礎講座です。

セクションは 講義→ 練習 → 解答 という順番で進んでいき、操作が身につきやすい工夫がなされています。

プロはどのようにツールを使っているのかという視点を織り交ぜながらの解説もあり、納得しながら学んでいけるでしょう。

Illustratorの講座

【初心者用】初めてのAdobe illustrator(イラストレーター)使い方講座【完全版】

【初心者用】初めてのAdobe illustrator(イラストレーター)使い方講座【完全版】
【初心者用】初めてのAdobe illustrator(イラストレーター)使い方講座【完全版】

Illustratorの基礎と実務におけるソフトの使い方・設定などの解説が充実した講座です。

練習問題も多く、ペンツールやトレース操作をしっかり身につけるのにおすすめの教材です。

講師の手元の操作(マウス・キーボード)のキャプチャもあり、プロの操作が見れる珍しい講座です。

XDの講座

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

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

XDの操作を一通り学べる講座です。

解説は丁寧なので、初学者の方でも問題なく学習できるでしょう。

プロトタイピングツールを使った制作フローがどう効率的で便利なのか、動画で学ぶとより理解しやすいと思います。

JavaScriptの講座

JavaScriptをとことんやってみよう【超初心者から脱初心者へレベルアップ】【わかりやすさ重視】

JavaScriptをとことんやってみよう【超初心者から脱初心者へレベルアップ】【わかりやすさ重視】
JavaScriptをとことんやってみよう【超初心者から脱初心者へレベルアップ】【わかりやすさ重視】

独学の難しいJavaScript(プログラミング)ですが、そんな時の手助けとなりそうな講座です。

プログラミングは特有の概念・用語が初心者にはとっつきにくく挫折してしまいがちですが、なるべく噛み砕いた表現を使って説明してくれてるので、理解しやすいと思います。

何度か繰り返し学べば徐々にJavaScriptを理解できていくでしょう。

まとめ

Webデザイン初心者向けのおすすめ講座を紹介してきました。

ネット上にはWebデザインを勉強できるサイトやコンテンツがたくさんありますが、品質や正確性に疑問を感じる情報も多くあります。

特に初心者ほど情報の見極めは難しいため、質の低い情報によって遠回りするくらいなら、本やUdemy教材を利用した方が質の高い勉強ができるでしょう。

動画教材で勉強したい人、本での勉強で挫折した人は、ぜひ一度Udemyを試してみてください。

コメント

コメントを残す

*

ページ上部へ戻る