UdemyでWebデザインを勉強したい。初心者でも勉強できるおすすめのコンテンツはどれ?
UdemyでWebデザインを勉強しようとすると似ている動画がたくさん出てきてどれを選べばいいか分からなくなってしまうことがありますよね?
なので今回は僕が実際に動画をみて実務経験無しの初心者の方でも勉強しやすい内容の動画をピックアップしご紹介します。
このページの目次
Udemyの特徴
他の動画学習サイトと悩んでいる方もいるかと思いますので簡単にUdemyの優れているところをご紹介していきます。僕がUdemyを使っていて他の動画学習サイトと比較して優れているところは以下の3つがあります。
- 企業に所属している現役の人が講師
- 情報が新鮮なものが多い
- 30日返金制度があるので安心
1つずつ深掘りしていきます。
企業に所属している現役の人が講師
動画コンテンツを作成している講師がどんな人か気になりますよね?今回僕がおすすめする動画の講師の方はセミナーの講演を行なっていたり、技術書の監修を行なっている人で教えることに対してプロの人が多いです。
なので専門用語の解説はもちろん話の進め方もうまいので手を動かしつつ最短で技術を身に付けられる動画となっています。
情報が新鮮なものが多い
Web業界に限らず情報が古いとソフトの操作画面が違っていたりプログラムの書き方が変わっていたりします。
しかしUdemyのコンテンツは更新頻度が高く、最新の環境で勉強できるのでバージョンの差異や操作画面の差異などで調べ直す時間など余計な時間がかかりません。
またユーザーからのフィードバックに基づいたコンテンツ修正を行なっているので既に学習した人が分かりにくいと感じた箇所を補足しているのでさらに分かりやすい動画コンテンツになっています。
30日返金制度があるので安心
Udemyには30日返金制度があります。ここは他の動画学習サイトにはない珍しい機能で動画を購入して満足できなかったら理由を問わず返金申請することができます。
なので例えばWebデザインを勉強していて辛くなってしまった時は返金申請を行い他のジャンルの勉強をすることもできます。
Udemyでおすすめのwebデザイン学習動画
ここからUdemyでおすすめのwebデザイン学習動画をご紹介していきます。Webデザインといってもコーディングやデザインなど勉強したい内容が分かれるかと思いますので1つずつご紹介していきます。
Webデザイナーのキャリアを未経験からスタートするためのオールインワン講座
Webデザイナーのキャリアを未経験からスタートするためのオールインワン講座はコーディングとデザインを両方解説している動画です。
具体的な学習内容として
- ウェブサイトの企画
- Sketchの基礎
- 実践Webデザイン
- HTML/CSS
- 実践コーディング
といった流れでで学習していきます。Webデザインがまだぼんやりとしかイメージできていない方へおすすめです。この動画だけで企画からウェブサイトが表示されるまでの流れを網羅しているのでWeb制作のイメージをより具体的にすることができます。
※この講座に1つだけ注意点があってSketchというベクター編集アプリはMac専用のアプリケーションなのでWindowsを使っている方は使えないのでそこだけ注意しましょう。
Web 開発入門完全攻略コース - プログラミング をはじめて学び創れる人へ!未経験から現場で使える開発スキルを習得!
「Web 開発入門完全攻略コース」はWeb制作のプログラミングにフォーカスした動画で
- HTML/CSS
- Bootstrap
- JavaScript
- Ruby
- Ruby on Rails
- MySQL
- Git/Github
を学習します。Web制作で使うプログラミングを一通り網羅していてWebエンジニアを目指している方へおすすめな講座です。
学習の流れをご紹介すると最初はHTMLとCSSを使った簡単なWebページの作成を行い、学習したHTMLとCSS知識を活かしてスマホやタブレットのWebサイト表示にも最適化できるBootstrapを使ったレスポンシブ対応の学習を行なっていきます。
その後にプログラミングの勉強をメインに行なっていきます。
カリキュラムが学習した内容を活かしつつ行われていくので効率的にコーディング知識を学んでいくことができる動画講座です。
プログラミングに特化したUdemyのおすすめはこちら
UXデザイン講座 UXデザイン基礎入門
Webサイトをデザインするのに少し慣れてきた方は「UXデザイン講座 UXデザイン基礎入門」で学習することをおすすめします。
UXデザイン講座 UXデザイン基礎入門ではUXの全体像を解説している講座でユーザビリティとは?といった初歩的な内容から入りUXやUIについて学んでいきます。
具体的な例が挙げられているのでただ作るだけのWebデザインだけではなく、ユーザーを考慮した一歩先のデザインにレベルアップしたい方におすすめしたい講座です。
WebデザインのためのPhotoshop実践講座
Photoshopを使ってWebデザインにフォーカスした「WebデザインのためのPhotoshop実践講座」は基礎のワイヤーフレームの作成から仮想のWebサイトを作るまで解説されている講座です。
最初にワイヤーフレームの制作でクライアントから内容をヒアリングしどんなワイヤーフレームを作ればいいか?を具体的を出しながら解説されておりその後に初心者に役立つウェブデザインテクニックを学びます。
仮想のWebサイトに関しては
- クリニック
- 美容院
- Webメディア
の3つのWebサイトを作っていきます。こういった講座だとトップページしか例を出さない講座が多いですがこの講座は珍しくトップページ以外に下層ページの作成や記事ページのデザインも学習することができます。