• Webデザイナーの教科書
  • 【独学から転職レベルのスキル】WEBデザインが学べる無料オンライン学習サイトまとめ!

【独学から転職レベルのスキル】WEBデザインが学べる無料オンライン学習サイトまとめ!

【独学から転職レベルのスキル】WEBデザインが学べる無料オンライン学習サイトまとめ!

Webデザイナーになりたい!と勉強を始めようと思っても、専門学校やデザインスクールはお金も時間もかかって1歩が踏み出せないという人いませんか?

また、Webデザイナーに憧れて勉強を始めたものの、自分には合わなかったなんてこともありますよね。
もし、学校の費用を支払ってしまってたら、もったいないからと嫌々通い続けるというマイナスの生活になってしまうかもしれません。

そんなリスクを少しでも回避するために、最初はできるだけお金をかけずに独学で勉強を始めてみようとおもっている方に向けて、無料のオンライン教材について紹介していきます。

Webデザインを独学で学習できる人の特徴とは

デザインの勉強自体は独学でも十分に可能ですが、独学には向き不向きがあります。

向いていない人がどれだけ頑張っても、途中で挫折してしまい自信を失うだけです。
時間をかけて勉強してたとしても実践で使えるレベルまで到達するのは難しいでしょう。

まずは、自分が独学に向いているタイプかどうかをチェックしましょう。
下記に独学に向いている人の特徴を紹介します。

  • 勉強をした先のゴールが明確に想定できている人
  • 自分で考え、課題を見つけながら学んでいける人
  • 真面目すぎず、少しの失敗を恐れずチャレンジできる人

もしも当てはまらないのであれば独学には向いていません。 スクールを検討することをお勧めします。

独学のデメリットについて

独学は金銭面の負担が少ない、隙間時間で出来るなどメリットの多い勉強方法ですが、少し気を付けて欲しいこともあるのでここで紹介します。

未経験から新しいことを学んでいく場合は、疑問点がたくさん出てくると思います。 スクールなどであれば、気軽に質問できますが、独学の場合は質問できる人が身近にいないという場合がとても多いです。
知識があれば数秒で解決するような疑問であっても、自分で調べながらだと解決までに数日かかってしまうというような時間のロスに繋がりやすい点はデメリットでしょう。

こういう場合に備えて、知識のある人と繋がっておくなどの対策をしておきましょう。
今はSNSなどでにも情報を発信している人が大勢いるので、フォローをしておくのもいいのではないでしょうか。

また、デザイナーは横の繋がりを大切にする人も多いです。
早いうちから現役のデザイナーとコミュニケーションを取っておくと、後々の就職の際や仕事を始める際にメリットとなることもあります。

そもそもWebデザイナーとは何をするのか?

独学についての紹介をする前に、「そもそもWebデザイナーって何するの?」という基本の話をします。

WebサイトやWeb上に存在するページの、視覚的な構成をデザインするのがWebデザインです。
Webデザイナーは見やすい色や文字のバランスか、使いやすいレイアウトか、バナーの位置、クリックボタンの位置は適切か、といったことを考え構築するのが主な仕事になります。

一般の人は、なんかかっこいい見た目のWebサイトを作る人、くらいのぼんやりとしたイメージかもしれません。しかし、このようにイメージされる視覚的な部分についてはWebデザイナーの仕事のごく一部です。
他にも、Webサイトの目的に合わせた機能を考えたり、全体のページ構成を考えたり、企画や設計全体に関わっていくため、具体的な仕事内容は多岐にわたります。

本来であればコーダーが行うのですが、簡単な内容であればWeb上にデザインを反映させるためのコードを書くこともあります。

また、Webサイトは一度作って終わりではありません。
制作した後も、ユーザーの反応を見ながらデザインの変更や追加などの定期的なバックアップもWebデザイナーの大切な仕事となります。

WEBデザイン独学に役立つオンラインリソースまとめ

Webデザインを独学で学ぶ人に向けて、役立つオンラインリソースをまとめました。

無料で利用できるサービスを中心に紹介しているので、ぜひ自分に合ったサービスを見つけてください。

【無料で学べる!】サルワカ

サルワカ | サルでも分かる図解説明マガジン

サルワカは「サルでもわかる」を略したサイト名で、初心者でも大丈夫という安心感がありますね。
また、このサイト名通り、デザインの基礎知識から商用利用できるイラストやフリー素材をまとめた記事まで提供されている実践的な学習サイトです。

初めてWebデザインの勉強するという場合は「HTML&CSS入門Webデザインをイチから学ぼう」から始めるのがお勧めです。

レッスン番号に沿って学習すれば自然とWebデザインが身に着きます。経験者の方は必要な部分だけに絞って学ぶこともできるのが嬉しいですね。
豊富な画像と所々で登場するサルワカさんのアイコンで、とっても見やすくわかりやすい解説になってます。

【無料で学べる!】chot.design(ちょっとデザイン)

chot.design - 毎日ちょっとずつデザインを学ぼう

chot.designでは、Webデザインをコーディング、ツールの使い方に関する基本と応用の講座が無料で公開されています。
基本の内容はソフトのインストールや起動方法から、すごく丁寧に解説されているので、本当に何も分からない状態からでも勉強することができます。

会員登録をしてから利用するのですが、学習履歴を残すことができるので学習記録の管理にも役立ちます。自分がどのくらい勉強しているのか、というのも分かりやすいのでモチベーションの維持にも繋がります。

また、有料カリキュラムはテキストだけでなく、動画がついているのでより分かりやすく学べるようになっています。
買い切り方なので、1回購入すればその後も何度でも見返せるので復習もしやすいですね。

【無料で学べる!】Schoo(スクー)

Schoo(スクー) - 社会人向けオンライン学習コミュニティ

Schooは参加型の動画学習サービスです。動画は生放送のライブ授業なので、直接質問もできます。
他のユーザーからの質問コメントもリアルタイムで見ることができるので、オンラインスクールで授業を受けているような感覚で学ぶことができます。

生放送の時間帯は20:00~や21:00~始まるものが多く、仕事が終わってからでも参加しやすいですよね。

また、月額980円のプレミアム会員になると、録画授業の再受講やアプリでのダウンロードも可能です。

Schooでは、デザイン以外にもデジタルリテラシーやビジネス基礎力など、様々なカテゴリーの生配信授業が受講できるので、自分のニーズに合わせてスキルアップしていけるところも魅力です。

【無料で学べる!】Cocoda(ココダ)

Cocoda-みんなでつくるデザインのリファレンスサービス

Cocodaでは、デザインについてのさまざまな情報を収集することができます。
内容的にはデザインだけでなく組織の在り方やフロー整備など、より実践で使える情報が多くなっています。

デザインの勉強を始めた初心者にはちょっと難しいと感じる部分もあるかもしれません。 ある程度、基本の勉強ができている人が、次のステップに役に立つサイトかなと思います。

また、現在Webデザイナーとして活躍している人が、新しい知識や技術を吸収するためにも役に立つサイトです。

【無料で学べる!】Skillhub(スキルハブ)

Skillhub [スキルハブ]

Skillhubは、無料で始められるオンラインスクールです。
初心者から稼げるプロに、ということで、基礎から学べる動画コンテンツが充実しています。

スキルアップを目指して、より専門的な内容を身に付けたい場合は、有料プランへの移行が必要ですが、今から勉強を始めるという場合は、無料の基本14講座だけでも受けてみる価値はあると思います。

特に勉強を始めてすぐは、テキストだけだと内容が難しく感じることがあります。 Skillhubのように動画解説を見ることで、理解がしやすくなるため、独学こそ動画コンテンツを上手く活用しましょう。

【無料で学べる!】Udemy(ユーデミー)

オンラインコース - いろんなことを、あなたのペースで | Udemy

Udemyはオンライン学習のプラットフォームです。
オンラインスクールとは違うの?とは厳密な形式は違いますが、動画で学ぶというところは共通しています。

無料の動画もあり、勉強になる部分もありますが、内容の質は担保されません。やはり有料動画の方が内容的には勉強になるものが多いと思います。
ただ無料のものでも、ためになる部分はあります。とりあえず見てみるというスタンスでも大丈夫なので、試してみてはいかがでしょうか。

有料コースを購入すれば、いつでも何度でも見返すことができます。自分が必要なスキルの動画のみを選んで購入できるため、より実践的なスキル習得に役に立つと思います。

Webデザインだけでなく、プログラミングやビジネスカテゴリーも豊富なので、総合的なスキル獲得にも向いています。

Webデザイナーとして身につけておくとプラスになるスキルや知識

Web制作の過程ではデザインだけでなく、その他にも様々な要素が絡んできます。
そのため、デザイン以外のスキルも身につけておくと、需要の高い人材として重宝されていきます。
特に下記の4つは必要となる場面が多いスキルです。

  • UI/UXに対応できるデザインスキル
  • HTML・CSSなどコーディングスキル
  • Java・PHPなどプログラミングスキル
  • FTPサーバーやドメインに関する知識

自分がどのようなサイトを作りたいのか、そんな風に仕事をしていきたいのかなどを考えてプラスするスキルを選んでみてくださいね。

まとめ

未経験から独学で就職できるレベルまでスキルを獲得していける人は、ずっと成長し続けることができる人です。

今はWeb上に無料で学べる方法がたくさんあります。 オンラインでいつでもどこでも、時間の空いた時にコツコツ勉強する環境が整っているため、独学でも十分に学べることが分かったのではないでしょうか。

また、Webデザイナーになってからも日々技術の進化に合わせて学び続ける姿勢は大切です。
無料サイトで勉強して、自分に合っていると感じたら有料サービスを活用して学びを深めていく習慣を身に付けてしまえば、今後も長く活躍できるWebデザイナーになれるでしょう。

Web業界は、今後ますます拡大していくと見られます。それに伴って、Webデザイナーの需要も延びていくでしょう。
Webデザインの勉強をはじめるか悩んでいる方は、ぜひ最初の一歩を踏み出してみてください。