【学習時間が短いと失敗する】独学でwebデザイナーになる方法を紹介

独学でwebデザイナーになる方法を知りたい人向け。

「独学でwebデザイナーってなれるの？」「独学でwebデザイナーになる方法を教えてほしい」「webデザイナーになるには、どれくらい時間がかかるの？」「独学でおすすめの本が知りたい」「webデザインを独学で学べる通信教育を教えて欲しい」。

こんな独学悩みを解消していきます。

 

※この記事は3分くらいで読み終わります。

読み終える頃には、独学での勉強方法が理解できるはず(｀･ω･´)ゞ

こんにちは。 webデザイナー歴12年のtakeです。

独学でデザインを勉強してデザイン事務所に入社し、今はフリーランスのデザイナーとして生きています。

 

今回は、「独学でデザイナーになる方法」のお話。

今はwebデザイナーの「売り手市場」でして、webデザイナーとして生きていくことが可能な時代となりました。

そして、「独学でwebデザイナーになりたい！」という人も増えつつあります。

今回は、過去の経験を話しながら、独学でデザイナーになる方法をレクチャーしていきます。

 

１：【可能】独学でwebデザイナーになれる理由。

理由はつぎの３つ。

1番最後だけ、半独学な感じですが、独学でも十分にwebデザイナーになれます。

詳しく解説します。

独学でwebデザイナーになれる理由１：僕自身が、実際になれた。

僕はもともと、デザインとは無縁の「小売業界」で働いていおり、仕事内容も事務作業がメインで、Illustratorも触ったことがありませんでした。

独学方法も、本やネットがメインで、普通の人がやる勉強法と大差なかったです。

ちなみに、信憑性の１つとして、デザインの神「水野学さん」も似たような感じでデザイナーになっています。

水野さんの場合は、デザイン事務所や広告代理店を経験することなく、そのまま独立しプロとして活躍しています。

※水野学さんの本でも紹介されています。

＞good design company 水野学

なので、独学でwebデザイナーになることは可能と言えます。

 

独学でwebデザイナーになれる理由２：プログラミングができなくても、webデザインはできる。

webデザイナーになるには、幅広い知識が必要になります。

しかし、みなさんが思っているより、その幅は狭いです。

理由はシンプルで、「webデザイナーはプログラミングまでできる必要がない」から。

事実として、周りのwebデザイナーも、Illustratorでデザインを作り、「プログラミングはプログラマーに依頼する」。という感じが多いです。

なので、webデザイナーになりたければ、独学内容は、「ほぼwebデザインのことだけ」やっておけばOKです。

ちなみに、「CSS」「JavaScript」「PHP」「WordPress」といった知識は、当初の僕はほぼゼロでした。

 

独学でwebデザイナーになれる理由３：通信講座が充実している。

独学が不安な人は、通信講座でwebデザイナーを目指すこともできます。

理由もシンプルで、今はwebデザイナーの売り手市場なので、通信講座もwebデザイナー養成に力を入れているから。

現に通信講座を見てみると、わりと実務向きの講座が増えてきてる印象です。

ちなみに、学習効率の面では、スクールのほうが優れていて就職も有利ですが、時間・金銭的余裕がない方は、通信講座でも十分にwebデザイナーになれます。

 

以上が独学でもOKな理由です。

デザイン素人でも、がんばって努力すれば、独学でwebデザイナーになることは可能です。

 

２：webデザイナーになるための、4つの独学方法を紹介。

独学するときは、勉強する順番が重要になります。

おすすめすは次のとおり。

詳しく解説します。

 

独学方法１：【webデザイナー必須】グラフィックデザインの基礎を独学する。

はじめに学ぶことで、後にwebデザインのスキルが飛躍的にあがります。

理由もシンプル。

webデザインは、グラフィックデザインのひとつです。

つまり、webデザインの根っこである、グラフィックデザインの基礎が身についていないと、美しいデザインに仕上げることはできません。

事実として、webデザイナーになってみたはいいものの、「秀逸なデザインができなくて悩んでいる」というデザイナーはたくさんいます。

逆に、webデザイナーで活躍している人の多くは、グラフィックデザインの基礎が身についている人が多いです。

理由も単純で、基礎が身についていると、表現の幅も豊富になりやすいから。

つまり、腕のたつwebデザイナーとして活躍しやすくなります。

 

まずはグラフィックデザインを学ぶことが、デキるwebデザイナーへの近道です。

 

独学方法２：プログラミングをちょっとかじる。【webデザイナーでもやったほうがいい】

ここでのポイントは、「ちょとだけ」かじること。

具体的には、「webサイトがどのようにして表示されているか」が、ざっくり分かればOK。

先にも述べた通りwebデザイナーは、プログラミングまでできる必要はありません。

が、webサイトがどのようにして表示されているかは、必ず知っておく必要がります。

理由もシンプル。

デザインの自由度が高いwebサイトでも、再現不可能なことは多くあります。

例えば、掲載する写真やコンテンツの幅は「0コンマ1px」といった再現は不可能です。

これは、ある程度プログラミングの知識がなければピンとこないですよね。

ちなみに、再現不可能なデザインを提案してしまったばっかりに、実際プログラミングを依頼したら、「再現できませんよ」と、お断りされてしまい、途方にくれているwebデザイナーをけっこう見かけます。

そうならないためにも、プログラミング知識をかじっておくことをおすすめします。

 

独学方法３：【デザイナーへの１歩】実際に独学でwebデザインを作ってみる。

独学の中で、一番力をいれましょう。

理由はシンプルで、スキルの上達は実践でのみ養われるから。

そして、おすすめの独学手順はこんな感じ。

こんな感じです。

すこし解説します。

 

１：市販本の内容とおりに作ってみる。

理由はシンプル。

教材本とおりに作ることで、webデザイナーとして最低限必要なスキルを身につけることができるから。

一度実践したらわかりますが、最近は良本が増えており、網羅的にWEBデザインを学べる本が増えてきました。

僕も最初の頃は本を中心に学んでおり、イロハの「イ」まで身につけることができました。

そして、独学でおすすめの本はこちら。

＞スラスラわかるHTML&CSSのきほん

 

またあとで紹介しますが、実際に手を動かす独学本の中で、もっともやさしい内容です。

とりあえず、本に書かれている通りに作っていけば、webデザインのイロハの「イ」まで身につけることができます。

まずは教材本で、最低限の知識を身につけましょう。

 

２：秀逸なデザインをトレースしてみる。

ぶっちゃけ、ここが最重要ポイントです。

ちなみにトレースとは、Illustratorで見本のとおりに真似してつくること。

トレースのポイントは、次のとおり。

こんな感じです。

一番重要なのは、何px空いているかをチェックしながらトレースすること。

理由は簡単で、webデザインの見た目の良し悪しは、余白の取り方によって決まるから。

 

実は、デザインの美しさは、空白の取り方に大きく左右されます。

ググったらわかりますが、世の中で「かっこいい」「おしゃれ」と感じるデザインは、余白の取り方が、非常にうまいです。

ちなみに、余白の取り方は「グラフィックデザインの基礎」で学ぶ項目なので、今回紹介した方法を実践できている方は、スムーズに理解できるはず(｀･ω･´)ゞ

秀逸なwebサイトを探す場合は、こちらのサイトがおすすめ。

＞MUUUUU.ORG

秀逸なデザインをトレースしまくって、スキルアップを目指しましょう。

 

独学方法４：【webデザイナーの武器になる】SEOの知識を独学してみる。

webデザイナーとしてご飯を食べていきたい人は、SEOを学ぶことをおすすめします。

理由は次のとおり。

SEOとは「検索エンジン最適化」と言う意味で、簡単に言うと、検索結果で自分の作ったサイトを上位表示させるスキルのこと。

指名受注が増える理由も単純で、自分のサイトが上位表示できるのであれば、だれでもそのデザイナーに発注したくなりますよね。

ちなみに、僕は独学でSEOを学び、このサイトも上位表示ができています。

「デザイン_できない_デザイナー」で検索すると、だいたい１位で表示されています。

SEOを学ぶ際は、次の方法がおすすめです。

シンプルですね。

ちなみに、僕が独学でSEOを学んだ本はこちら。

＞現場のプロから学ぶ SEO技術バイブル(特典PDF付き)

 

また、SEOのスキルは「実践でのみ身につく」ので、自分のサイトを立ち上げてブログで検索上位を目指す方法が、もっとも効率的です。

僕自身も、ブログでSEOのスキルが身につきました。

 

以上が、独学でオススメの勉強の流れです。

これから独学を始める方は、ぜひ参考にしてみてくださいね。

 

３：【必要な年数は1年半】独学でwebデザイナーになるために必要な「学習時間」を解説。

結論は、 最短で約１年半ほどかかります。

時間算出するとこんな感じ。

学習時間の算出方法は、１日あたり２～３時間くらいで計算しています。

ちなみに、他で紹介されている独学期間は「半年」だったり「1年」だったりとまちまちですが、いずれも正しいです。

 

理由もシンプルで、目指すwebデザイナーのレベルによって、学習時間は異なるから。

例えば、今回紹介した学習時間は、「かっこいいwebデザインを作れるレベル」を目標にしています。

とりあえすでwebデザイナーになりたいのであれば1年～半年でOKですが、実務にはいるとデザイン面で苦労する場合が多くなるので、1年半の独学がおすすめです。

もし、「CSS」「JavaScript」「PHP」「WordPress」といったプログラミングも習得したいのであれば、プラスで4ヶ月ほど見ておけばOKです。

 

✔︎Illustrator・Photoshopを持っていない方は

こちらの記事で、おすすめの購入方法を紹介しています。

安く手に入れたい方は、ご参考にどうぞ。

イラストレーターのソフトを半額以下で購入する方法【勉強方法のレクチャーあり】

 

４：【独学におすすめ】webデザイナーになりたい人にオススメの勉強本を紹介。

５つ紹介します。

今回紹介している独学の手順にあわせて選びました。

 

紹介１：【デザイナーに必須】グラフィックデザインの基礎を独学するならコレ。

なるほどデザイン-目で見て楽しむ新しいデザインの本。

初心者がデザインの基礎を学ぶのに最適な本です。

この本のいいところは、ビギナー目線で、「デザインの基礎」が徹底的に解説されているところ。

ちなみに、デザインの表現の幅は、基礎をしっかりおさえることで、後からどんどん広がっていくのでご安心を。

 

まずは、基礎をしっかりおさえましょう。

 

紹介２：プログラミングをちょっとかじるならコレ。【webデザイナーもやったほうがいい】

HTML&CSSとWebデザインが 1冊できちんと身につく本

プログラミングの方法が丁寧に説明されている本です。

この手の本の中で僕が見た中では、１番わかりやすかったです。

読み方のポイントは、全部わかろうとせずになんとなくで読み進めるとOK。

「webサイトってこんな感じで作られてるんだな」くらいに思えればOKです。

 

紹介３：【デザイナーへの１歩】実際に独学でwebデザインを作ってみるならコレ。

スラスラわかるHTML&CSSのきほん

冒頭に紹介した本といっしょです。

実際に手を動かす独学本の中で、もっともやさしい内容だと思います。

webデザインを最初に作るときは、この一冊をマスターすれば、webデザインするための最低限の知識は身につくはず。

 

紹介４：【webデザイナーの武器になる】SEOの知識を独学するならコレ。

沈黙のWebマーケティング −Webマーケッター ボーンの逆襲− ディレクターズ・エディション

webデザイン界では、もっとも有名な本かと。

まんが形式でSEOのことをレクチャーしている本なので、初心者でも理解しやすくなっています。

ちなみに、僕もこの本でSEOの知識を身につけることができました。

 

紹介５：ブログを書いてSEOスキルを身につけるのに役立つ本。【独学webデザイナーおすすめ】

沈黙のWebライティング-Webマーケッターボーンの激闘 SEOのためのライティング教本-

ブログを書く場合は、ライティングスキルが必須なので、そんなときに役に立ちます。

ちなみに、紹介４でおすすめした「SEO本」の姉妹品です。

同様にマンガ形式なので、初心者でもわかりやすい内容になっています。

 

ぜひお試しにぜひどうぞ(｀･ω･´)ゞ

 

５：【独学が不安な人】webデザイナーになれる通信教育を紹介。

自分一人での独学が不安な人は、通信教育で学びましょう。

きちんとカリキュラム通りに進めれば、スキルはきちんと身につきますよ(｀･ω･´)ゞ

 

紹介１：短期間で学びたい方におすすめ。

画像出典：TECH ACADEMY

＞TECH ACADEMY

ポイントはこんな感じ。

この通信教育のいいところは、自分の好みに合わせて、「4・８・１２・１６週」の4プランから選べるところ。

取り合えず自分で独学してみて、「補足で受講してみる」などでもいいかもしれませんね。

 

紹介２：マンツーマンの個人レッスンが受けられる。

画像出典：CodeCamps

＞CodeCamps

ポイントはこんな感じ。

この通信教育のいいところは、マンツーマンの個人レッスンを受けられるところ。

独学のデメリットは、疑問点の解消に時間がかかるところ、

この通信教育は、質問をがんがん投げかけられるので、一人で学習するのが不安な人にオススメです。

 

紹介３：受講後の手厚いフォローが魅力。

画像出典：デジハリオンラインスクール

＞デジハリオンラインスクール

ポイントはこんな感じ。

この通信教育のいいところは、受講後の手厚いフォローがある点。

仕事マッチングサービスの登録と、受講者限定の求人サイトの利用ができます。

転職を考えている方は、おすすめです。

 

紹介４：webデザインを副業にしたい人ならここ。

画像出典：GEEK GIRL LABO

＞GEEK GIRL LABO

ポイントはこんな感じ。

この通信教育の特徴は、がっつりwebデザインを学ばず、ライトに学べる点。

受講内容は、WordPressを中心に構成されています。

WordPressとは、世界中で利用されてるwebツール。

テンプレート形式なので、デザイン素人でもおしゃれなデザインが作れます。

主婦や副業でwebデザインを仕事にしたい人におすすめです。

 

紹介５：大手のサービスを受けたいならここ。

画像出典：たのまな

＞たのまな

ポイントはこんな感じ。

大手通信教育のヒューマンアカデミーが運営するサービスです。

「テキストベースで学びたい」「受講料を安く抑えたい」という方にオススメです。

卒業後のフォローは特にないので、独立を目指す方にはうれしいかも。

 

「デザインのコツ。」では、独学で困っている方をサポートしていきたいな。と思っています。

勉強の進め方や、転職の不安など、なんでも聞きます(｀･ω･´)ゞ

悩む時間は時間の無駄なので、いつでもどうぞ。

 

６：【独学後の未来】webデザイナーになるための転職サイトを紹介。

独学後は、webデザイナーとして「転職」することが可能になります。

ちなみに、僕も独学後は、東京のデザイン事務所に転職しました。

webデザイナーへの道は後少し。

おすすめの転職サイトを5つ紹介します。

 

転職サイト１：デザインの求人を探すならここ。

画像出典：グラフィカルジョブ

＞グラフィカルジョブ

デザイン職に特化した求人サイトです。

Webデザイナーの求人数も半分くらいあるので、かなりオススメです。

会員登録をすれば、サイトにポートフォリオも登録できる機能もあります。

転職サイト２：業界のことも合わせて情報収集したいならここ。

画像出典：CINRA.JOB

＞CINRA.JOB

求人を探す機能以外に、企業の特集記事や制作実例も見ることができます。

業界未経験者で検索できる機能もあるので、ぜひ活用してみてください。

転職サイト３：専任キャリアアドバイザーにサポートしてほしいならここ。

画像出典：マイナビクリエイター

＞マイナビクリエイター

ここの特徴は、ポートフォリオの作り方などのアドバイスを、専任のアドバイザーがサポートしてくれるところ。

webデザインの職種に特化している求人サイトなので、かなりの求人ストックが用意されています。

 

転職サイト４：ウェブ業界に特化したサイトを利用したいならここ。

画像出典：Geekly

＞Geekly（ギークリー）

ITやweb業界の求人に特化した、求人サイトです。

非公開求人数も2,000近くあるそうなので、一度利用して見るのもありです。

 

転職サイト５：僕が転職するときはここを利用しました。

画像出典：エン転職

＞エン転職

探し方のポイントは、「広報担当」で検索すること。

そうすると、「業界未経験でもOK」のケースも以外と多いです。

僕の場合は、業界未経験者には応募しませんでしたが、わりと使えるテクだと思います。

 

以上が、おすすめの転職サイトです。

皆さんのご健闘を祈ります(｀･ω･´)ゞ

 

７：まとめ

というわけで今回は以上です。

独学でwebデザイナーになるには、ちょっとした勉強のコツが必要です。

独学でも十分webデザイナーになれるので、毎日コツコツ学んでいきましょう！

Design is easy !

※補足

デザイン始めたてのひと向けに、デザインの上達方法をまとめました。

独学のお供に、ぜひどうぞ。

【脱初心者】デザインの上達方法を撤退解説【思考法・デザインのコツ】