マッシュメモとは >

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

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

マッシュ
マッシュ

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

だいふく
だいふく

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

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

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

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

それではご覧ください。

サルワカ【無料】

サルワカ

「サルワカ」https://saruwakakun.com/(引用2021-06-01)

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

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

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

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

Webliker【無料】

Webliker

「Webliker」https://webliker.info/(引用2021-06-01)

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

Weblikerさんのサイトでは「実際の現場で通用するスキルをどのサイトよりもわかりやすく解説」をコンセプトにコンテンツを提供しています。

現在は「HTMLとCSS」が学べ、今後「ホームページの作り方」と「Webデザイン」のコンテンツも増えるそうです

こちらもステップごとに解説されており、さらに所要時間の目安も記載されているので学習計画をたてやすいと思いました。

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

クリスタ【無料】

クリスタ

「クリスタ」https://crestadesign.org/ (引用2021-06-01)

クリスタさんはレベル別(はじめて・初級・中級・上級)にコーディング学習ができます

コーディングの解説は動画でデザインカンプデータからテキストをコピペする段階からはじまっていて、実際のワークフローがイメージしやすかったです。

【公式サイト】https://crestadesign.org/

Codestep【無料】

Codestep

「Codestep」https://code-step.com/ (引用2021-06-01)

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

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

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

umuco digital【無料】

umucodigital

「umucodigital」https://umuco.jp/ (引用2021-06-01)

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

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

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

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

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

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

Adobeチュートリアル

「Photoshopチュートリアル」https://helpx.adobe.com/jp/photoshop/tutorials.html(引用2021-06-01)

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

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

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

【公式サイト】

https://helpx.adobe.com/jp/photoshop/tutorials.html

Schoo【一部有料】

Schoo

「Schoo」https://schoo.jp/(引用2021-06-01)

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

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

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

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

ドットインストール

「ドットインストール」https://dotinstall.com/(引用2021-06-01)

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

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

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

https://dotinstall.com/premium(引用2021-06-01)

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

Udemy【有料】

Udemy

「Udemy」https://www.udemy.com/ja/(引用2021-06-01)

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

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

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

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

まとめ

いかがでしたか?

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です