![マッシュ](https://mushmemo.com/wp-content/uploads/2022/02/blog_mush_01.png)
こんにちは!フリーランスWebデザイナーのマッシュ(@mush_designer )です。
![だいふく](https://mushmemo.com/wp-content/uploads/2022/02/blog_dai_02.png)
Webデザインを独学で学びたいけど、何から学んでいいか分からないよ〜!
そんな方のために初心者におすすめなWebデザインを学べるサイトをまとめました。
このブログでは次のことを知ることができます。
- 無料で学べるWebサイト
- 低価格で学べるWebサイト
- それぞのサイトの特徴
それではご覧ください。
サルワカ【無料】
![サルワカ](https://mushmemo.com/wp-content/uploads/2021/05/saruwaka-1024x652.png)
サルワカさんのサイトでは名前の通り、サルでも分かるように分かりやすく「HTML&CSS」「Photoshop」の基本が学べます。
数あるWebデザインが学べるサイトの中でも1番おすすめしたいのがサルワカさん。
図解や画像が多く使われており、ステップ方式で構成されているので学習計画がたてやすいのが特徴です。
【公式サイト】https://saruwakakun.com/
![マッシュ](https://mushmemo.com/wp-content/uploads/2022/02/blog_mush_02.png)
Web系でよく見るサイトNO1です!
Webliker【無料】
![webliker](https://mushmemo.com/wp-content/uploads/2021/06/webliker-1024x646.png)
Weblikerは「WEBデザイナー・プログラマの初学者向けの独学学習サイト」です。
図解や画像でわかりやすくまとめてあるので初心者でもイメージしやすいし、体感的に学べるのでおすすめ!
【公式サイト】https://webliker.info/
![マッシュ](https://mushmemo.com/wp-content/uploads/2022/02/blog_mush_04.png)
サイトがリニューアルしてすごくなっている!気になる記事もたくさんあったので学んだ後にくわしく感想書きます!
Codejump【無料】
![Codejump](https://mushmemo.com/wp-content/uploads/2021/06/b029a681768a4b22b079102dcfb8aece-1024x864.png)
CodejumpさんではHTML、CSS、JavaScriptの基礎学習を終えた方が、レベル別【入門】【初級】【中級】【上級】に「模写コーディング」や「デザインカンプからのコーディング」を学習できるサイトです。
【公式サイト】https://code-jump.com/
![マッシュ](https://mushmemo.com/wp-content/uploads/2022/02/blog_mush_02.png)
サイトをを作る前のレイアウト構成の考え方は悩むことも多かったので、とても勉強になりました。
Adobe Photoshopチュートリアル【無料】
![Adobeチュートリアル](https://mushmemo.com/wp-content/uploads/2021/05/AdobePhotoshop-1024x634.png)
Adobeでは各ソフトの使い方を紹介しています。
Photoshopチュートリアルでは基本的なツールの使い方や画像加工の仕方を画像や動画等で学べます。
中には外国の方の紹介動画もありますが、日本語の字幕付きでした。
【公式サイト】https://helpx.adobe.com/jp/photoshop/tutorials.html
Schoo【一部有料】
![schoo](https://mushmemo.com/wp-content/uploads/2021/06/schoo_20220723-1-1024x552.png)
Schooは大人が学ぶ生放送コミュニティです。生放送への参加は無料、録画動画を受講する場合は月980円(税込)で学ぶことができます。
Webデザインに関しても多くのコンテンツがあったので、まずは見てみて下さい。
■ Schoo:Webデザイン関連ページはこちら
【公式サイト】https://schoo.jp/
ドットインストール【一部有料】
![ドットインストロール](https://mushmemo.com/wp-content/uploads/2021/06/dod_20220723-1024x743.png)
ドットインストロールは3分でマスターできるプログラミング学習サービスです。Webデザイン関連では「HTML&CSS」「JavaScript」「エディタ」の使い方が学べます。
1項目3分なので、さくさく学習ができ達成感を感じやすい点が良いと思いました。
ドットインストロールは無料会員と有料会員【月1080円(税込)】があり、違いはこちらです。
![](https://mushmemo.com/wp-content/uploads/2021/06/ドットインストロール会員-1024x819.png)
■ ドットインストロール:レッスン一覧はこちら
【公式サイト】https://dotinstall.com/
Udemy【有料】
![udemy](https://mushmemo.com/wp-content/uploads/2021/06/udemy_20220723-1024x628.png)
Udemy(ユーデミー)はオンライン学習プラットホームです。買い切り型のコンテンツなので、自分の好きな時間に学習できます。
詳細ページでは「学習内容」「要件」「講義内容」「レビュー」が見れるので、自分に合った動画なのかチェックすることができます。
Webデザイン系は1万〜2万で高めなのですが、頻繁にセールがあり半額以下で購入できるものもあるので、購入したいものをチェックしておき、セールで買うのがおすすめです。
■Udemy(ユーデミー):Webデザイン関連はこちら
【公式サイト】https://www.udemy.com/ja/
まとめ
いかがでしたか?
自分に合うサイトがあったら、是非ブックマークして学習してみてくださいね。
![サルワカ](https://mushmemo.com/wp-content/uploads/2021/05/saruwaka-1024x652.png)
【公式サイト】https://saruwakakun.com/
![webliker](https://mushmemo.com/wp-content/uploads/2021/06/webliker-1024x646.png)
【公式サイト】https://webliker.info/
![Codestep](https://mushmemo.com/wp-content/uploads/2021/05/Codestep-1024x624.png)
【公式サイト】https://code-step.com/
![Adobeチュートリアル](https://mushmemo.com/wp-content/uploads/2021/05/AdobePhotoshop-1024x634.png)
【公式サイト】https://helpx.adobe.com/jp/photoshop/tutorials.html
![schoo](https://mushmemo.com/wp-content/uploads/2021/06/schoo_20220723-1-1024x552.png)
【公式サイト】https://schoo.jp/
![ドットインストロール](https://mushmemo.com/wp-content/uploads/2021/06/dod_20220723-1024x743.png)
【公式サイト】https://dotinstall.com/
![udemy](https://mushmemo.com/wp-content/uploads/2021/06/udemy_20220723-1024x628.png)
【公式サイト】https://www.udemy.com/ja/
コメント