【０から始める】まずは無料で学ぼう！Webデザイン学習サイト4選

Webデザイナーを目指し、日々奮闘中のみなさん！「Webデザインの勉強って、何から始めればいいの..？」とお悩みではありませんか？

Webデザイナーになりたいと思っても、自分に合った勉強法がわからず行き詰まってしまう…。そんな方も多いのではないでしょうか。

ですが、安心してください。この記事では、Webデザイン迷子さんにぴったりの、「Webデザインを無料で学べる方法」を解説していきます！

まずはこの記事の内容を読んで、ご自身に合った勉強法を一緒に見つけていきましょう！

1. デザイン勉強の落とし穴：「早とちり」で学習コストをかけるのはNG！

サイトを紹介する前に一つだけ、ぜひ心に留めておいて欲しいことがあります。

それは、「デザインが得意か分からない段階で、“お金をかける勉強法”を選ぶのは絶対にNG」ということです。

これはデザインのジャンルに限らず、全てのスキルに対して言えることですが、「学ぶ前に自分の適正を確かめる」ことは、ムダな時間を費やさないためにとても大切なステップになります。

（※もちろん「デザインが好きだからデザイナーになりたい」という方は、勉強の時間効率などは関係ないと思います。ですが、「稼ぎたいor自由な時間が欲しいからデザイナーを目指している」ような方は、そのゴールに対して「デザイナーになることが適切な手段なのか？」を確認することが、非常に大切だということです。）

「Webデザインを学ぶ」と言っても、デザインの考え方やUI/UX、コーディングなど、実はWebデザインという領域にはさまざまな要素が含まれています。

そのため、途中で挫折せず楽しく学ぶためには、まずは「“自分にとって”学びやすいものや、得意なものはなにか？」を見極める必要があります。

この記事では、無料でWebデザインを学べる学習サイトをいくつか紹介していきますので、まずはそれを使って少し学んでみて、それでも「Webデザイナーを目指したいと思えるか？」をご自身でチェックしてみてください。

2. まずは無料で始めよう！お得に学べるWebデザイン学習サイト4選

では実際に、どんな学習サイトがあるのでしょうか。今回は、無料で学べるWebデザイン学習サイトを「デザインとコーディング」に分けてご紹介していきます。

どれも初心者の方でも楽しく学べるので、ぜひ一度触ってみて、ご自身の好き嫌いを確かめてみてくださいね。

❶ chot.design（ちょっとデザイン）

chot.design とは？

こちらのサイトでは、各種デザインツールの基礎から応用まで学ぶことが可能です。

現在570本以上のレッスンが公開されており、デザインの基礎だけでなく、Illustrator、Photoshop、Adobe XD、Sketch、Figmaなどのツールの使い方についても学べます。

以前までは有料会員と無料会員の2種類で運営されていましたが、現在は事業譲渡されたため、すべてのレッスンを無料で見れます。(嬉しいですね◎)

chot.design がおすすめな人

グラフィックデザインやUIデザインなどに興味がある人、またはこれらのスキルを身につけたい人におすすめです。

特に、「自分がデザインを好きなのか、得意なのか分からないけど興味がある」方には、デザインへの理解を無料で深められるとても優良なサイトになっています。

❷ サルワカ(saruwaka)

サルワカ とは？

次にご紹介するのは、「サルワカ」です。こちらのサイトでは、PhotoshopやCanva、 WordPressの解説が充実しています。

スクリーンショット付きのわかりやすい説明もありますので、初心者の方でも安心して学ぶことができます。

特にCanvaの使い方をザーッと理解したいときには、下記の「Canvaの使い方」ページを読むと効率的に学べるのでオススメです◎

サルワカ がおすすめな人

まずはデザインを“楽しみながら”学んでみたい人、簡単なツールから使いこなしていきたい人、とりあえずCanvaを使ったデザインをマスターしたい人におすすめです。

個人的には、「Canvaの使い方」をまとめてくれているページに目を通して、とりあえず手を動かしながらデザインを作っていくと楽しく学べて良いと思います◎

❸ CODEPREP(コードプレップ)

CODEPREP とは？

「CODEPREP(コードプレップ)」は、コーディングの基礎から中級までの内容を、無料で学べるサイトです。

穴埋め式で初心者でも学びやすく、オススメのサイトです。

こんなにたくさんの教材を、すべて無料で学べちゃう貴重すぎるサイト..🥺✨
（過去の私に教えてあげたいレベルで優良です▼▼）

CODEPREP がおすすめな人

デザインだけでなくコーディングも学びたい人、自分でサイトやサービスを作っていきたい人、とにかく好奇心旺盛で色々学びたい人におすすめです。

デザインよりもプログラミングの方に適性がある場合は、デザイナーを目指すのは少し非効率にもなってしまうので、「自分は何が得意なのか？」を確かめる教材としてもぜひ活用してみてください。

❹ ドットインストール

ドットインストール とは？

最後にご紹介するのは、「ドットインストール」です。

こちらのサイトは、「3分動画でマスターできるプログラミング学習サービス」がコンセプトで、すべてのレッスン動画が3分以内で学べるようになっています。

スマートフォンからも視聴できるので、通勤などスキマ時間の学習におすすめです。

ただ、無料会員だと「74レッスン」までしか閲覧できないので、ご自身の学習状況と照らし合わせながら、自分にピッタリの講座があるかの確認をお忘れなく！

ドットインストール がおすすめな人

プログラミングも学んでいきたい人、ちょっとしたスキマ時間を活用したい人、腰を据えて勉強するのは苦手な人におすすめなサイトです。

ドットインストールで座学を学んで、先ほど紹介したCODEPREPで実践形式でアウトプットしていくのが1番コスパが良いかもしれません🤔💭

無料で学べる！Webデザイン学習サイト4選 まとめ ✎

これまでに紹介した4つの学習サイトを活用して、まずは「UI/UXデザインよりもグラフィックデザインにこだわるのが好き、コーディングが好き」など自分の好き嫌いや、得意/不得意を理解しましょう。

そして、それをもとに、「自分に合った勉強法」を見つけることが大切です。

❶ UIデザインやグラフィックデザインをきっちり学びたい方にオススメ！

❷ Canvaをマスターしたい人は必見！

❸ コーディングを実践形式で学びたい方にオススメ🤍

❹ 通勤などのスキマ時間を活用したい方に！！

3. まとめ：好き嫌いを知って、自分に合った勉強法を見つけよう！

まずは無料で知識を入れてみて、自分の好き嫌いや興味のある分野を確かめてから、ご自身に合った勉強法がなにか？を探してみてくださいね。

勉強は、自分自身が楽しむことが何よりも大切です。デザインの勉強を始めることで新たな世界が広がり、自分の能力を伸ばすことができます。

最初は難しく感じるかもしれませんが、自分のペースでコツコツと学び続けることで、必ず成果が出るはずです。

これからも、デザインの学びをサポートするための情報を発信していきますので、ぜひチェックしてみてくださいね。これからも一緒に学んでいきましょう〜！🤍