独学デザイン入門

Webデザインを無料でも勉強できるサイト9選|試しにやってみよう!

この授業は次のような方へおすすめです。

・Webデザインに興味を持ち始めている方

・お金をかけずに気軽にWebデザインの勉強を始めたい方

この授業では、上のような方のために、まずはお試し感覚でほとんど無料で学べるWebデザインの勉強サイトをご紹介しています。

どうぞ最後までご覧になってください。

Webデザインとは

先生
先生
Webデザインの目的は、Webサイトのデザインを美しくて使いやすいサイトを目指すことで、他にもバナーロゴの作成を行うことも多いよ。

Webデザインをするのには次のような知識が必要です。

・HTML

・CSS

・Photoshop

・Illustrator

デザイニャー
デザイニャー
HTMLやCSSはWebサイトのレイアウトをコーディングするために必要なギグ技術で、PhotoshopやIllustratorは、サイトのレイアウトをしたり、バナーのデザインをする上で必要なものだニャン。

先生
先生
企業によっては、Webサイトのレイアウトをとコーディンを違う人が行っていることもあるけれど、Webデザイナーとして働いていく上では、どちらもできる必要があるんだ。
Webデザインとはどんな職業か?未経験からの勉強方法から就職までこの記事は次のような人のために書いていています。 ・未経験からWebデザイナーになりたい ・Webデザインの勉強はどんな...

Webデザインの勉強はサイトでできる

デザイニャー
デザイニャー
Webデザインを学ぶには、やっぱり大学や専門学校に通わないといけないのかニャン。

先生
先生
実はそんなことは全然ないよ。今の時代ではオンラインで、いつでも誰でもどこでもデザインを学ぶことができるようになっているんだ。

Webデザインをサイトで勉強する3つのメリット

先生
先生
Webデザインを学習サイトで学ぶメリットはとても大きいんだよ。

デザイニャー
デザイニャー
そうニャンだね。具体的にどんなメリットがあるのか教えてニャン。

先生
先生
それは次の3つだよ。

・お金があまりかからない

・時間や場所の点で自由に学べる

・もし勉強して自分に合わなかった場合もダメージが軽くて済む

お金があまりかからない

先生
先生
Webデザインを学習サイトで学ぶメリットの一つ目は、お金があまりかからないということなんだ。

デザイニャー
デザイニャー
大学や専門学校やその他のスクールでかかるお金は、安くても数十万円はおかかるんだもんニャ。

先生
先生
その点、学習サイトで学ぶ場合は、無料から月に数千円という安さにもかかわらず、とてもたくさんのことを学ぶことができるんだ。

デザイニャー
デザイニャー
学習サイトでWebデザインを学ぶのは、お財布に優しくて良いニャン。

時間や場所の点で自由に学べる

先生
先生
時間や場所の点で自由に学べるというのも、オンライン学習サイトのメリットだよ。

デザイニャー
デザイニャー
会社や学校がある人は、隙間時間を縫って勉強することが多いだろうから、まとまった時間を確保できないこともあるからニャン。

先生
先生
オンライン学習サイトで勉強するのであれば、その点の問題は解消できるよ。

もし勉強して自分に合わなかった場合もダメージが軽くて済む

デザイニャー
デザイニャー
Webデザインを勉強してみたんだけれど、どうも自分に合わなくてやっぱりやめようということになっても、学習サイトでの場合はお金のダメージが軽くて済むのも大きなメリットだニャン。

先生
先生
高いお金を出して学校に通っても、後になってデザインがそんなに好きではないということがわかったりすることもあるから、そういったことも想定に入れて、まずはオンラインの学習サイトで勉強してみるのはおすすめだよ。

Webデザインをサイトで勉強するデメリット

デザイニャー
デザイニャー
その一方、Webデザインをオンラインサイトで学ぶデメリットもあるのかニャン?

先生
先生
そうだね。Webデザインを学習サイトで学ぶデメリットもあるよ。具体的には次の3つが挙げられるよ。

・モチベーションを保ちづらい

・実践的なスキルが身につきにくい

・転職サポートがない

先生
先生
これらは、オンライン学習サイトでのデメリットというよりも、独学で学ぶという点でのデメリットであると言えるよ。

モチベーションを保ちづらい

デザイニャー
デザイニャー
独学でWebデザインを学ぶには、情報収集も練習も1人で行わないといけないんだニャン。

先生
先生
Webデザイナーとして1人で学んで仕事ができるようになるのに3ヶ月は必要であるとしたら、その3ヶ月の間は1人で学習を維持しないといけないんだけれど、その間1人で学習している間にモチベーションが保てなくて挫折してしまうということもよくある話なんだ。

実践的なスキルが身につきにくい

デザイニャー
デザイニャー
そして独学でWebデザインを学んでいると、どうしても実践的なスキルが身につきにくいということもあるニャン。

先生
先生
現場で働くことになった時に、独学だけでは必要なスキルが身についていないということもあるから、実際に現場で働いているWebデザイナーにお話を聞いておく必要があるね。

転職サポートがない

デザイニャー
デザイニャー
そして、独学ではスクールにはついている転職サポートを受けられないというデメリットもあるんだニャン。

先生
先生
独学だとWebデザイナーに転職する際に、人脈がないのもあって不利になってしまうということだね。

Webデザインの勉強におすすめの9個の勉強サイト

先生

先生
先生
Webデザインの勉強ができるサイトには、次の9個のものがあるよ。

Chot.design


先生
先生
Chot.designは、無料でWebデザインを学べる学習サイトで、デザイン初心者におすすめしたいんだ。

デザイニャー
デザイニャー
ブログのような記事でデザインについて書かれていて、隙間時間に読み進められるニャン。

先生
先生
Webデザインの基礎亜kらHTML・CSSのコーディングの手順まで、Webデザインの現場で役に立つノウハウが学べるよ。

また、

・Photoshop

・Illustrator

・Figma

・Sketch

・バナー制作

・ランディングページの作り方のテクニック

まで学べるのも、Chot.designの魅力です。

先生
先生
会員登録をして、学習記録を残すことで経験値がもらえて、その経験値をためていくことでレベルアップすることができるんだ。

デザイニャー
デザイニャー
Webデザインがゲーム感覚で学べるんだニャン。

先生
先生
今は全部のコンテンツが無料公開されているから、ぜひ覗いてみてほしいよ。

Cocoda

先生
先生
cocodaは、アプリの見た目を装飾するUIデザインが学べるオンラインサイトで、出されたお題に取り組みながら、Webデザインのスキルを身につけることができるというものなんだ。

デザイニャー
デザイニャー
学習した内容から自動的にポートフォリオを作成してもらえるというところが、cocoda!の面白いところだニャン。

先生
先生
そうだね。学んでいくうちに自分だけのポートフォリオを作ってもらえるんだからね。

デザイニャー
デザイニャー
他の人が投稿した作品をみることができるから参考にできるし、良いみでの刺激を受けることもできるニャン。

先生
先生
デザイナーの求人も紹介されているから、デザイナーとして転職している人にも便利だよ。

デザイニャー
デザイニャー
UIデザインを学びたい方だけでなく、転職や副業をしたい方にとってもおすすめできるニャン。

ドットインストール

デザイニャー
デザイニャー
ドットインストールは、全てのレッスンが3分以内の動画になっている学習サイトなんだニャン。

先生
先生
だから隙間時間を利用して、パソコンでもスマートフォンでも気軽に学ぶことができるんだ。

デザイニャー
デザイニャー
Webデザインの勉強をしたいんだけれど、何から始めたら良いのかわからない人にピッタリだニャン。

先生
先生
ほとんどの動画を無料でみることができるから、まずは基礎を一通り学んでみると良いよ。

デザイニャー
デザイニャー
月額制のプレミアム会員になったら、学習中にわからないことを講師に質問することができるから、1人での学習に不安な人でも安心して学習できるニャン。

Progate

デザイニャー
デザイニャー
Progateはドットインストールと同じくらい有名なプログラミングの学習サイトだニャン。

先生
先生
基礎の部分は無料で学ぶことができるけれど、課金して有料版で学ぶ方が圧倒的におすすめなんだ。

デザイニャー
デザイニャー
月々1080円で全ての講義を受けることができるニャン。

先生
先生
基礎から丁寧に学びたいなら、Progateから学び始めるのがおすすめだよ。

Schoo

先生
先生
Schooは、参加型の生放送授業と録画授業で、Webデザインを学ぶことができるサイトなんだ。

デザイニャー
デザイニャー
生放送授業では、講師と受講生同士でコミュニケーションが取れるし、講師へ質問することもできるという、他の学習サイトにはないものがあるんだニャン。

先生
先生
生放送授業を見れなくても、月々980円で録画授業が何回でも見放題で、デザインやプログラミングだけでなく、幅広い分野のビジネススキルについて学ぶことができるよ。

Udemy



デザイニャー
デザイニャー
Udemyというのは、オンライン動画学習サービスで、講座の動画を購入して学習するするものなんだニャン。

先生
先生
動画の料金は、無料の講座もあれば2万円以上する講座まであるけれど、一度購入すれば、期限はなくいつでも動画を視聴することができるから、自分のペースで学習することができるよ。

デザイニャー
デザイニャー
期間限定の割引セールも定期的にあって90%以上割り引いて購入することができるから、そこを狙っている人もいるようだニャン。

先生
先生
イラスト制作やコーディングはもちろん、未経験からWebデザイナーになることについてを目的にしたものが数多く用意されているところがUdemyの魅力のうちの1つだよ。

SkillHub

デザイニャー
デザイニャー
SkillHubは、Webデザイン入門向けの学習サイトだニャン。

先生
先生
Webサイトを制作する講座やWebデザインを身につけるために大切な知識などの基礎講座を無料で学習することができるんだ。

デザイニャー
デザイニャー
レッスン数もそこまで多くないから、忙しい人でも自分のペースで学習できるようだニャン。

先生
先生
14講座98レッスンが無料で公開されていて、基礎的な内容であれば無料で学習することができるんだけれど、もっと深い部分まで学びたい方は、有料レッスンに課金するのがおすすめだよ。

デザイニャー
デザイニャー
有料レッスンってどんなものなのかニャン?

先生
先生
実際に自分が作ったWebサイトを講師からレビューを受けることができるんだ。

デザイニャー
デザイニャー
そうしながらWebデザインのスキルや経験が積めるというところが魅力のうちの一つなんだニャン。

サルワカ

デザイニャー
デザイニャー
サルワカは、主にデザインやWeb制作を学べるオウンドメディアサイトなんだニャン。

先生
先生
誰にでもわかるように丁寧な図解を使って解説してくれるから、Webデザイン初心者におすすめだよ。

・デザインの基礎知識

・WordPress

・Adobeのグラフィックソフトの使い方

・商用利用できるイラストやフリー素材

などについてまとめられた記事が提供されているところがサルワカの魅力です。

先生
先生
初心者の方は、最初からレッスン番号の順に学習できるし、経験者の方だったら、必要な部分だけを選んで学べるようになっているんだ。

コリス

デザイニャー
デザイニャー
コリスは、Webデザインについての記事が毎日更新されているサイトだニャン。

先生
先生
Webデザイナーが仕事で使う便利なツールやライブラリなどが紹介されていて、大いに勉強になる学習サイトなんだ。

デザイニャー
デザイニャー
記事一つ一つを少ない時間で読み終えることができるんだニャン。

先生
先生
昔からあるサイトだから、古いようにも感じるかもしれないけれど、Web制作の構築に関わる情報量などが多いから、ぜひ読んでほしいサイトだよ。

学習サイトで学んだことをクラウドソーシングでアウトプットしてみよう


先生
先生
ここまで紹介した学習サイトで勉強したら、忘れないうちに実践に移していこう。

デザイニャー
デザイニャー
時間をかけて勉強しても、学んだことが活かせなかったりしたらもったいないもんニャ。

先生
先生
学んだことを実践に移すのにおすすめなのが、クラウドソーシングサイトを利用することなんだ。

クラウドソーシングとは、仕事を依頼する企業側と仕事を受注したい個人をマッチングさせるWebサービスの総称です。オンラインで仕事探しから納品までを行えるので、手軽に仕事を得ることができる便利なサービスです。

デザイニャー
デザイニャー
クラウドソーシングの代表的なものには次の3つが挙げられるニャン。

先生
先生
上のようなクラウドソーシングサイトには、Webデザインのスキルが浅い方でもできそうな案件がたくさん掲載されているんだ。

デザイニャー
デザイニャー
学んだことを実践するのにはもってこいだニャン。

先生
先生
勉強サイトで学んだことをスキルに変えられるし、成果をあげれば実績にも繋がるよ。
Webデザイン初心者がクラウドソーシングで報酬をもらえる方法を解説この授業は次のような方におすすめです。 ・クラウドソーシングのことについて詳しく知りたい ・クラウドソーシングで報酬をも...

Webデザインの勉強をサイトでする自信がないならスクールを検討

先生
先生
Webサイトでの学習に自信がない場合は、スクールを利用することをおすすめするよ。

デザイニャー
デザイニャー
Webデザインの習得にかかる時間は短い方が良いからニャン。

先生
先生
次の記事にWebデザインのスクールについて詳しく書いているから、目を通してみてね。
【初心者必見】Webデザインスクール|社会人や主婦の方でも学べますこの授業は次のような方におすすめです。 ・社会人の方でこれからWebデザインスクールで学習して就職したい方 ・どんなWe...

まとめ

先生
先生
この授業では次のことを話してきたよ。

・Webデザインとは

・Webデザインの勉強はサイトでできる

・お金があまりかからない

・時間や場所の点で自由に学べる

・もし勉強して自分に合わなかった場合もダメージが軽くて済む

・Webデザインをサイトで勉強するデメリット

・モチベーションを保ちづらい

・実践的なスキルが身につきにくい

・転職サポートがない

・Webデザインの勉強におすすめの9個の勉強サイト

Chot.design

Cocoda

ドットインストール

Progate

Schoo

Udemy

SkillHub

サルワカ

コリス

・学習サイトで学んだことをクラウドソーシングでアウトプットしてみよう

私たちは頑張るあなたを応援します。