「ウェブデザインを勉強したいけど、いきなり高価なスクールに入るのは不安」「できるだけ独学で勉強したい」という方におすすめの、無料でウェブデザインを学べるサイトやYouTubeチャンネルをまとめました。
全て、私自身も試してみたことがあり、分かりやすさはお墨付きのサイトばかりです。
無料で見れるのだから使わなきゃ損！ウェブデザイン学習の参考になれば幸いです。
全て無料でウェブデザインが学べるサイト
chot.design（ちょっとデザイン）
豊富なコンテンツが全て無料で読めるありがたすぎるウェブサイト
これが全部無料なんて・・後でお金取られたりしない？と不安になるぐらい充実した内容のサイトです。
Photshopなどの基本的なツールの使い方からフライヤーなど紙の制作物についてまで、画像や動画をふんだんに使って分かりやすく教えてくれます。
スキマ時間などに開いて気軽に勉強できるのがとても魅力。絶対に見ないと損なサイトです。
学べること
・Photoshop ・Illustrator ・Adobe XD ・HTML/CSS ・Sketch ・Figma ・STUDIO ・InVision Cloud ・WEBディレクター入門 ・WordPress入門 ・レスポンシブコーディング ・イラスト制作 ・アイコン制作 ・Sass ・LP制作 ・バナー制作 ・名刺制作 ・フライヤー制作
| 運営会社 | 株式会社Donbler |
| 会員登録 | 不要（登録すると学習記録が付けられる） |
| 形式 | テキスト |
Adobe Creative Cloudチュートリアル
Adobeソフトを使う人は必見！動画とテキストで分かりやすく解説
やはり「餅は餅屋」ということで、本家のサイトは外せないですよね。AdobeによるAdobeソフトの説明サイトです。ソフトの使い方はもちろん、ライブラリのアセット管理方法など、Adobeソフトを効率的に扱うヒントが掲載されています。
学べること
・Photoshop ・Illustrator ・Adobe XD ・Premiere Pro ・InDesign ・Dimension ・Lightroom など
| 運営会社 | アドビ株式会社 |
| 会員登録 | 不要 |
| 形式 | 動画、テキスト |
有料プランもあるけど一部は無料で学べるサイト
Progate （プロゲイト）
コードを実際に書きながら学べるので身に付きやすい！
自分でコードを書きながら進めるので、身に付きやすくとてもおすすめのサイトです。私も実際にこれでjQueryやSassなどを学びました。
無料会員では選べるコースは限られますが、HTML/CSSなど基礎的な部分はかなりカバーできます。有料会員の費用は6ヶ月または12ヶ月縛りがあるので、無料でできるところまで学びきってから、有料プランに登録するのがおすすめです。
学べること
・HTML/CSS ・jQuery ・JavaScript ・Ruby ・Sass ・PHP ・Git ・Python など
| 運営会社 | 株式会社Schoo |
| 会員登録 | 必要 |
| 形式 | スライドで学んだ後コードを書いて実践 |
| 有料会員の料金 | 990円/月（12ヶ月プラン）、1,290円/月（6ヶ月プラン） |
ドットインストール
３分以内の動画でさくっと分かりやすく理解できる
アニメーションと音声でどのように記述したらどうなるかということを丁寧に説明してくれ、とても分かりやすいです。全ての動画が３分以内なので、集中力が途切れず、隙間時間にも勉強ができます。
無料で勉強できるのは「HTML/CSSの基礎」「Java Scriptの基礎」「Visual Studio Codeの使い方」などです。
| 運営会社 | ドットインストール |
| 会員登録 | 不要（会員になるとコードを打ち込みながら学習を進めていくことができる） |
| 形式 | 動画 |
| 有料会員の料金 | 1,080円 (税込) ／月 |
Schoo（スクー）
幅広いジャンルの授業の生放送は全て無料で観れる！
ウェブデザインはもちろん、ビジネススキルやマーケティングなど、様々なコーチによる幅広い知識を授業形式で受けられます。アーカイブ動画は月額会員しか見れませんが、生放送は全て無料で観ることができます。
授業中先生にコメントもできるので、誰かが質問したことへのコメントなどもとても勉強になります。
お昼休みの時間や19時以降など、働いている人を考慮した時間帯で放送してくれていますが、生放送のスケジュールに合わないと見れないのが難点。
学べること
・デザイン ・UI/UXデザイン ・プログラミング ・マーケティング ・ロジカルシンキング ・ビジネススキル ・キャリア ・リベラルアーツ など
| 運営会社 | 株式会社Schoo |
| 会員登録 | 必要 |
| 形式 | 動画配信 |
| 有料会員の料金 | 980円/月 |
SKILLHUB（スキルハブ）
スキルハブはフリーランス、起業したい人、転職したい人のためのオンラインスクールですが、講座の一部を無料で観ることができます。
一部とはいえかなり充実しており、デザインからコーディングまでとても勉強になるのでおすすめです。
学べること
・Illustrator ・WEBデザイン入門 ・HTML/CSS ・WordPress基礎講座 ・Webサイト制作実践講座(前編) ・SEO入門
| 会員登録 | 必要 |
| 形式 | 動画配信・テキスト |
| 有料会員の料金 | 講座ごとに購入する／フリーランス育成プラン287,980円～ |
無料でウェブデザインが学べるYouTubeチャンネル
AdobeCreativeStation
Adobeの公式チャンネル。ソフトの使い方からプロの技まで
フォトショップやイラストレーターでの作り方が詳しく分かるだけでなく、バナーの作り方やチラシの作り方など様々なノウハウが詰め込まれています。
また、プロのアーティストやフォトグラファーの実践講座もあり、見ているだけでも楽しめます。