プロフィール・当ブログについて

【2022年】独学でWebデザインを学びたい人におすすめなサイト7選

Webデザインを学びたい人におすすめのサイト

マッシュ
マッシュ

こんにちは!フリーランスWebデザイナーのマッシュ(@mush_designer )です。

だいふく
だいふく

Webデザインを独学で学びたいけど、何から学んでいいか分からないよ〜!

そんな方のために初心者におすすめなWebデザインを学べるサイトをまとめました。

このブログでは次のことを知ることができます。

  • 無料で学べるWebサイト
  • 低価格で学べるWebサイト
  • それぞのサイトの特徴

それではご覧ください。

サルワカ【無料】

サルワカ
「サルワカ」(引用2022-07-23)

サルワカさんのサイトでは名前の通り、サルでも分かるように分かりやすく「HTML&CSS」「Photoshop」の基本が学べます

数あるWebデザインが学べるサイトの中でも1番おすすめしたいのがサルワカさん

図解や画像が多く使われており、ステップ方式で構成されているので学習計画がたてやすいのが特徴です。

【公式サイト】https://saruwakakun.com/

マッシュ
マッシュ

Web系でよく見るサイトNO1です!

Webliker【無料】

webliker
「Webliker」(引用2022-07-23)

Weblikerは「WEBデザイナー・プログラマの初学者向けの独学学習サイト」です。

図解や画像でわかりやすくまとめてあるので初心者でもイメージしやすいし、体感的に学べるのでおすすめ!

【公式サイト】https://webliker.info/

マッシュ
マッシュ

サイトがリニューアルしてすごくなっている!気になる記事もたくさんあったので学んだ後にくわしく感想書きます!

Codestep【無料】

Codestep
「Codestep」(引用2022-07-23)

codestepさんではHTML、CSS、JavaScriptの基礎学習を終えた方が、レベル別【入門】【初級】【中級】【上級】に「模写コーディング」や「デザインカンプからのコーディング」を学習できるサイトです。

【公式サイト】https://code-step.com/

マッシュ
マッシュ

サイトをを作る前のレイアウト構成の考え方は悩むことも多かったので、とても勉強になりました。

umuco digital【無料】

umucodigital
「umucodigital」(引用2022-07-23)

umucoさんのサイトではクリエイティブとマーケティングについて図解で学べます

ボリュームが多いのでWebデザインに関連したカテゴリはこの2点。

また、umucoさんはフリーランスで活動されており、ご自身のご経験やマーケティングノウハウも惜しみなくまとめてあります。

マッシュ
マッシュ

Web関連に限らずフリーランスの方には勉強になる記事ばかりですのでおすすめです。

【公式サイト】https://umuco.jp/

Adobe Photoshopチュートリアル【無料】

Adobeチュートリアル
「Photoshopチュートリアル」(引用2021-06-01)

Adobeでは各ソフトの使い方を紹介しています。

Photoshopチュートリアルでは基本的なツールの使い方や画像加工の仕方を画像や動画等で学べます

中には外国の方の紹介動画もありますが、日本語の字幕付きでした。

【公式サイト】https://helpx.adobe.com/jp/photoshop/tutorials.html

Schoo【一部有料】

schoo
「Schoo」(引用2022-07-23)

Schooは大人が学ぶ生放送コミュニティです生放送への参加は無料、録画動画を受講する場合は月980円(税込)で学ぶことができます。

Webデザインに関しても多くのコンテンツがあったので、まずは見てみて下さい。

■ Schoo:Webデザイン関連ページはこちら

【公式サイト】https://schoo.jp/

ドットインストール【一部有料】

ドットインストロール
「ドットインストール」(引用2022-07-23)

ドットインストロールは3分でマスターできるプログラミング学習サービスです。Webデザイン関連では「HTML&CSS」「JavaScript」「エディタ」の使い方が学べます。

1項目3分なので、さくさく学習ができ達成感を感じやすい点が良いと思いました

ドットインストロール無料会員と有料会員【月1080円(税込)】があり、違いはこちらです。

■ ドットインストロール:レッスン一覧はこちら

【公式サイト】https://dotinstall.com/

Udemy【有料】

udemy
「Udemy」(引用2022-07-23)

Udemy(ユーデミー)はオンライン学習プラットホームです。買い切り型のコンテンツなので、自分の好きな時間に学習できます。

詳細ページでは「学習内容」「要件」「講義内容」「レビュー」が見れるので、自分に合った動画なのかチェックすることができます。

Webデザイン系は1万〜2万で高めなのですが、頻繁にセールがあり半額以下で購入できるものもあるので、購入したいものをチェックしておき、セールで買うのがおすすめです。

■Udemy(ユーデミー):Webデザイン関連はこちら

【公式サイト】https://www.udemy.com/ja/

まとめ

いかがでしたか?

自分に合うサイトがあったら、是非ブックマークして学習してみてくださいね。

紹介したサイトはこちら

サルワカ【無料】

サルワカ
「サルワカ」(引用2022-07-23)

【公式サイト】https://saruwakakun.com/

Webliker【無料】

webliker
「Webliker」(引用2022-07-23)

【公式サイト】https://webliker.info/

Codestep【無料】

Codestep
「Codestep」(引用2022-07-23)

【公式サイト】https://code-step.com/

umucodigital【無料】

umucodigital
「umucodigital」(引用2022-07-23)

【公式サイト】https://umuco.jp/

Adobe Photoshopチュートリアル【無料】

Adobeチュートリアル
「Photoshopチュートリアル」(引用2021-06-01)

【公式サイト】https://helpx.adobe.com/jp/photoshop/tutorials.html

Schoo【一部有料】

schoo
「Schoo」(引用2022-07-23)

【公式サイト】https://schoo.jp/

ドットインストール【一部有料】

ドットインストロール
「ドットインストール」(引用2022-07-23)

【公式サイト】https://dotinstall.com/

Udemy【有料】

udemy
「Udemy」(引用2022-07-23)

【公式サイト】https://www.udemy.com/ja/

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA