未経験からWebデザイナーになれる超具体的すぎる方法！現役デザイナー社長が実践

未経験からWebデザイナーを目指してるんだけど、
何からはじめればいいの？

未経験からWebデザイナーになるための具体的な方法が分からない
勉強だけで終わらずWebデザインを仕事にできるまでのロードマップを知りたい
デザインには興味があるけどコーディングが苦手。それでも大丈夫？

未経験からWebデザイナーになりたいけど具体的な方法が分からず、悩んでいませんか。
SNSやメディアにも未経験からWebデザイナーになる方法があふれていて、何を信じればよいのか分からず結局、行動に移せないでいる方も沢山います。

本記事ではよくあるPhotoshop、Illustratorを勉強しHTML＆CSSやjQueryを勉強する方法とは一線を画する東フリ流の「未経験からWebデザイナーになる実践的な方法」をご紹介します。

東フリ流のWebデザイン学習方法の特徴は以下の通り

徹底的に無駄を省いて最短で実際にWebデザインを仕事にできるようにこだわった
思いきってコーディングは勉強しない（しても深入りしない）
デザインツールはFigmaをメインに使う

この学習方法で本当に大丈夫なの？？
他では聞いたことがないよ！

目的や講義形式によって人に合うのはそれぞれ変わると思うけど、副業や独立を目指していて自宅でコツコツ頑張りたいという人にはデイトラのWebデザインコースがおすすめだよ！

本当？それならお話を聞いてみるよ。

1. 未経験からWebデザイナーになる3つ方法
2. 他にはない完全独学でデザイン社長になったノウハウ
3. デイトラWebデザインコースの他のスクールと違う3つのポイント
4. デイトラWebデザインコースの進め方
5. Adobeは勉強しないの？Photoshopの画像加工は勉強します！
- 5.1. Figmaを使っていない会社にFigmaを提案してみよう！
- 5.2. Adobeのツールの使い方は他で勉強できるところが沢山ある
6. ツールが使える人ではなくデザインができる人になる方が重要
7. コーディングも勉強しないとダメ？
8. デザインコンテストも開催しています！
9. まとめ

未経験からWebデザイナーになる3つ方法

まず未経験からWebデザイナーなる一般的な方法を紹介するよ！
未経験からWebデザイナーになる方法は大きく分けて3つあるんだ。

デザインスクールに通う
Webデザイナーとして会社に就職
完全独学

3つあるのは何となく知ってるけど、それぞれの特徴がいまいち分かんないよ。

それぞれの特徴を解説するね✨

1：デザインスクールに通う

一つ目は自分でお金を払ってデザイナーを養成するスクールに通って勉強して就職・独立を目指す方法があるよ。

プログラミングスクールのデザイン版みたいな感じだね。
でも、お高いんでしょ？

通学するところだと30万円〜50万円以上はかかるところが多いね。
最近はオンラインのスクールやコンサルみたいなのも増えてきたけど10万円前後から50万円以上のところまで幅広いよ。

いろいろあるね。
デイトラちゃんのおすすめのスクールはどこ？

▶︎今すぐデイトラWebデザインコースに申し込む！

本当にデイトラのWebデザインコースっておすすめなの？

もちろんだよ✨
未経験からでもWebデザイナーになれるようにデザインだけでなく、営業や仕事の進め方までカリキュラムに入っているからね！

しかもデイトラは他にはないカリキュラムだから別のWebデザインスクールを勉強した人がプラスアルファで勉強するにもおすすめなんだよ✨

本当？
でもスクールも相性とかあるよね？

もちろんスクールも合う合わないの相性はあるね✨
例えばPhotoshopやIllustrator、Adobe XDの使い方を重点的に勉強したい人だと、デイトラのWebデザインコースは向いていないからね。

自分に合うスクール選びのコツは実際にスクールに行ってる人や卒業生のリアルな口コミを聞いてみるのがおすすめだよ！
Twitterでも「#デイトラ」で受講生の感想が見れるから良ければ参考にしてみておくれよ✨

Webデザインスクールを選ぶ際には受講生や卒業生のリアルな口コミが参考になる

2：Webデザイナーとして会社に就職

二つ目は就職✨
デザイン会社や自社サービスをもっている会社に入社してデザインをさせてもらう方法もあるよ。
仕事をしながら泥くさくデザインを勉強していくんだ。

未経験から就職するのは流石に難しくない？

未経験からデザイナー採用で会社に入るのは、やっぱりハードルは高めだよね。でも、お給料をもらえるし吸収できることも多くて、おすすめだよ✨

未経験から就職するのは、やっぱり難しそうだね…

デイトラ生で未経験から就職に成功した人たちの話を聞くと、自分でいくつもデザインを作成してそれをポートフォリオとしてアピールしたという人が多いね。未経験でもしっかりとスキルや前向きな姿勢を見せられたら就職は不可能じゃないよ！

デザイナー採用で就職するのが一番、おすすめ！だけどハードルが高い。

3：完全独学

三つ目は完全独学✨
ただ全然おすすめはしないし、言葉を選ばずにいうと死にかけるかもね！

デイトラちゃん、涼しい顔してこわいこと言わないで！

ごめんごめん（笑）でもこれはデザインコースの講師でもある船越良太さんの言葉なんだ。彼は会社を辞めてフリーランスデザイナーとして独立したけど、独立当初は本当にお金がなくって毎日うどんで食いつないでいたんだ。

デイトラWebデザインコースサービスページより

どうして独学だとそんなに大変なの？本とか動画を見れば勉強できそうだけど…。

ツールの使い方だけなら独学でいけるけど、デザインと営業は独学だと難しいよ。

デザインは実際にプロから添削してもらうことで、自分だけでは気づけない改善点が分かるからね。だから添削してもらえる環境がとても大事なんだ✨

たしかに一人じゃ自分のデザインが良いのか悪いのか、どうすれば良くなるのかってわかりづらいよね。

あと未経験からデザイナーとしてどうやって営業していくかも一般的なデザイン本や教材には載ってないからね。
デザインコース講師の船越良太さんの実体験をもとに営業のコンテンツもつくったから、実践的な内容だよ✨

完全独学は茨の道だね…
ツールの使い方は独学で勉強できても、デザインの添削や営業のノウハウは独学で身につけるの大変そう。

未経験から完全独学でWebデザイナーを目指すのは茨の道
独学ではデザインの添削も受けられなし実践的な営業方法も教えてもらえない

おすすめの方法は結局どれ？

結局、未経験からWebデザイナーになるおすすめの方法はどれなの？

二つ目の就職が一番、おすすめだね✨
一番、安全だし一番、確実にデザイナーとして成長できるよ！

でも、完全未経験でデザイナー採用なんて難しいんでしょ。
スクールも学費は結構、高いし諦めるしかないのかな…

そこでデイトラのWebデザインコースの出番なんだ！
オンラインスクールでコスパよく学べて未経験からでも稼げるデザイナーになれるノウハウを詰めこんだ自信作だよ✨

Photoshopじゃなくて新しいデザインツールFigma中心で勉強するんだっけ。
本当にそんなので未経験からWebデザイナーになれるの？

もちろん頑張れば未経験からでもWebデザイナーになれるよ✨
スクールと独学の良いところどりで在宅でも実践的で稼げる技術が勉強できるよ！

他にはない完全独学でデザイン社長になったノウハウ

実はデイトラのデザインコースは東京フリーランスCEOのデザイナー社長、船越良太さん（@ryota_funakoshi）が完全独学からデザイナーとして独立したときの経験の集大成なんだ✨

実際に船越さんが独学してたときの学習や仕事の取り方までをオンラインスクールにした感じ？

そうだね。
デザイン社長に未経験からなった船越良太さんの経験と知見の集大成だから一般的なスクールのカリキュラムとはかなり違うよ。

一般的なWebデザイナー養成スクールだとPhotoshopでデザインカンプを作って、コーディングをするっていう流れをとるんだよね。
でもデイトラのWebデザインコースは船越良太さんの実体験や経験をコンテンツ化したから超実践的・超個性的なカリキュラムに仕上がったんだ✨

デイトラWebデザインコースの他のスクールと違う3つのポイント

デイトラのWebデザインコースの他のスクールと違うポイントは全部で3つあるんだ✨

Figmaをメインツールに使う
ツールの使い方よりデザインができるようになることにこだわり
デザインを仕事にするために必要な営業法・仕事の進め方まで解説

ポイント１：Figmaをメインに使う

メインツールはFigmaを使うよ✨

Figmaってよく聞くけど特徴がよく分かんないだよね。

Figmaの特徴は以下の通り。
2020年には世界で一番、支持されたデザインツールと言われていたよ。
実際にFigmaを採用している企業もどんどん増えているんだ✨

無料でも使える
アプリをインストールする必要なし
直感的な操作で学習コストが低い
軽い
複数人で同時編集ができる
プラグインで多機能にできる

Figmaは2020年に世界で一番、指示されたデザインツールでした

Figmaってこんなにすごいの？

本当にすごいんだって✨
新しいツールだし特にWebやアプリのデザインをするなら本当におすすめなんだよ！

でもFigmaって本屋さんでも使い方ガイドとか見かけないんだよね。
ツールも英語みたいだし。

たしかにFigmaの使い方を解説している教材って少ないし、英語のツールだから抵抗あるかもしれないね。
でもFigmaは直感的に使えるツールだから安心して✨

それにデイトラでは動画で分かりやすくFigmaの使い方を解説しているし、手を動かして練習する課題もあるからすぐに使えるようになるよ。

Figmaの操作法って日本語だと情報がまだまだ少ないから、助かるよ！

あと、デザインツールって操作法どれも似てるから、Figmaから勉強して必要になったらPhotoshopやIllustrator勉強をはじめてもいいよ！

ポイント２：ツールの使い方よりデザインができるようになることにこだわり

デイトラではツールの使い方よりも、デザインそのものができるようになることにこだわっているんだ✨

そりゃデザインコースだから当たり前じゃないの？

意外とそうでもないんだよ。
デザイン講座の中にはPhotoshopやIllustratorのようなツールの使い方が中心で、デザインそのものの勉強や練習が十分にできないままカリキュラムが終わってしまうところも多いみたいなんだよね。

ツールの使い方だけ勉強してもデザイン自体ができるようにはならないよね…

PhotoshopやIllustratorは優れたツールだけど多機能で覚えることが多くて学習コストが高いから仕方がないところなんだけどね。
ツールの使い方を覚えるだけで息切れしないためにも、最初にFigmaでデザインそのものを実践的に練習できるようなカリキュラムにしたんだ✨

ツールの使い方だけで終わらないのはいいね。

とにかく手を動かす、プロのデザイナーからフィードバックをもらう、さらに積極的にデザインコンテストに参加と自分でデザインをとにかく手を動かしてつくる機会を沢山、設けているんだよ✨

ポイント３：デザインを仕事にするために必要な営業法・仕事の進め方まで解説

デイトラではデザインだけでなく、デザイナーとして仕事をするために必要な営業法や仕事の進め方まで解説しているよ✨

デザインコースなのに営業や仕事の進め方を勉強するの？

実際に仕事をするとデザインだけだとつまずくところも沢山あるんだよ✨
デザイナーとして仕事をするなら実際の営業の仕方や契約書まわり、要件定義の仕方は軽視してはいけない部分だよ。

デザインをせっかく勉強したなら実際に仕事ができるようになりたいもんね。仕事ができるところまで、解説してくれるのは嬉しいね！

▶︎今すぐデイトラWebデザインコースに申し込む！

他にはないデザインをしっかり仕事にすることに徹底的にこだわりました✨

デイトラWebデザインコースの進め方

デイトラのWebデザインコースってどんな感じで勉強していくの？

気になるところだよね。
大体の流れを説明していくね✨

初級：理論を叩きこんですぐにLPのデザインを実践

初級編ではデザインに最低限、必要な理論を勉強するよ。
そしてFigmaの操作方法を勉強したら名刺やバナーを作って、すぐにLP模写、自作のLPデザインをするんだ。

初級編でいきなりLPのデザインまでしちゃうの？

そうだよ✨
とにかく手を動かして実践！実践！実践！にこだわっているんだ。

LPのお仕事って沢山、見かけるから、初級ですぐにできるようになるのは良いよね。

バナーやアイキャッチの仕事よりもLPデザインの仕事の方が単価が一般的に高いからね。
なるべく早めに高めの単価の仕事にも応募できるようにっていう狙いも実はあるんだよ✨

中級：コーポレートサイトのデザインと営業法・仕事の進め方を勉強

中級編ではコーポレートサイトのデザインや営業法・仕事の進め方を勉強するよ✨

中級編でそんなことまでやるんだ！

中級編まで終わらせるだけでも実際にデザイナーとして仕事をはじめられた人も多いよ✨
もちろん仕事の中でもデザイナーとして、ビジネスマンとして成長するための努力を続ける必要はあるけどね！

こしばもかっこいいデザイナー、ビジネスマンになりたい…!

上級：ECサイトのデザインやLPOを勉強する

上級編では今、熱い分野のECサイトのデザインについて勉強するよ✨

ECって今、盛りあがっているよね。
ECサイトを構築するためにShopifyを勉強してる人も今、増えているもんね。

ECのデザインって意外とできる人が少ないんだよね。
さらにShopifyに適したデザインができる人となると本当に少ないんだよ。

ECサイトのデザイナーも気になる…

デイトラではShopifyコースも用意しているから、ShopifyコースとWebデザインコースで勉強してShopifyに特化したデザイナーになるのもいいかもね✨

Shopify×Webデザインの組み合わせを実際にできる人ってまだまだ少なそうだから、チャレンジしてみる価値はありそうだね！

他にもLPOっていうランディングページを改善するコンテンツもあるよ✨
上級まで勉強すると仕事の幅も広がるんじゃないかな。

UI・UXデザインのカリキュラムも追加しました！

UI・UXデザインでは使いやすいアプリのデザインを勉強するよ✨

UI（ユーザー・インターフェイス）：ユーザーがPCやスマホで入力や表示画面、仕組みのこと
UX（ユーザー・エクスペリエンス）：Webサイトやアプリなどのサービスで得られるユーザー体験

アプリのデザインができると何かいいことあるの？

UI・UXデザインができる人って市場にまだまだ少ないんだよね。
使いやすいアプリのデザインができる人は必要なのに全然、勉強できるところがないから人手不足なんだよ。

言われてみれば、あんまりUIやUXを勉強できる学校って聞いたことないかも。

アプリ開発できるエンジニアはいるのにデザイナーがいない！って困っている企業も多いからUI・UXのデザインができると、とても喜ばれるよ✨

UI・UXデザイナーも気になる…!!

▶︎今すぐデイトラWebデザインコースに申し込む！

詳しいカリキュラムはこちらのデイトラWebデザインコースの特設サイトを参考にしてみてね✨

Adobeは勉強しないの？Photoshopの画像加工は勉強します！

Figmaを中心に勉強するって言ってたけど、やっぱりAdobeのPhotoshopやIllustrator、XDの勉強もしないと駄目じゃない？

実はPhotoshopの画像加工の講座ならデザインコースの中に入っているよ✨
画像の素材を加工する際にFigmaだと難しいこともPhotoshopだとできるからね！

Photoshopはそもそも写真や画像を加工するためのツールだから、本来の用途で使えると便利だよ！
デザインのレイアウトをするだけならFigmaの方が良いと思うけどね。

あとデザインツールって使い方がどれも似ているから、Figmaに慣れたらPhotoshopやIllustratorもすぐに慣れるよ✨

それなら後から別のデザインツールの勉強をしたくなったときも安心だね！

Figmaを使っていない会社にFigmaを提案してみよう！

でも仕事をするときにデザインをPhotoshopで作ってほしいっていうお客さんにはどう対応すればいいの？

一度、お客さんの話をよく聞いてみて、Photoshopである必要が本当にあるのかどうかを考えてみると良いよ✨

それで、もしPhotoshopである必要がなさそうなら「Figmaでやりませんか？」って提案するのもありだよ✨

え！？
そんなこと言っちゃっていいの？？

Figmaを提案すること自体は問題ないよ✨
意外とPhotoshopを惰性で何となく使っているだけのところも多いから、Figmaのメリットをちゃんと伝えると意外とFigma使ってみようっていう話になることも多いよ。

もちろんお客さんにも色々な事情があるから、ちゃんと話あって最後はデザインツールを決めるようにしよう✨

Figmaを知らない人も多そうだもんね。
Figmaの便利さをしっかり説明できたら理解してもらえることもありそう！

でも、Web制作会社の中にはPhotoshopでデザインデータをつくる流れを頑なに続けるところもあるよね？

もちろんあるよ。
その場合はFigmaでできる仕事だけをうけるか、改めてPhotoshopを勉強すればいいよ✨

お客さんと話をしてみてFigmaでも問題なさそうなら、Figmaの魅力を伝えてみるのも一つの手

Adobeのツールの使い方は他で勉強できるところが沢山ある

デイトラでPhotoshopをはじめとしたAdobeのツールの使い方は講座にしないの？
画像加工だけじゃなくてPhotoshopでデザインカンプをつくる練習もした方が良いと思うんだけど。

PhotoshopやIllustratorのチュートリアルって実は沢山あるんだよ✨
既に良い教材も沢山あるから、必要ならそれで勉強すれば良いよ。Adobeの公式サイト、書籍、Udemy、他のスクールで勉強すれば大丈夫だよ。

既にAdobeの使い方に関しては良い教材があるから、あえてデイトラでは扱ってないんだよ。

たしかにAdobeの使い方は勉強できる方法が沢山あるみたいだから、必要になったら良さそうな教材を探してみようかな。

ちなみにPhotoshopやIllustratorを他のスクールで勉強してきた人にもデイトラのWebデザインコースはおすすめだよ✨

どうしておすすめなの？

他のスクールや講座と内容が全然、違うからさ✨
Figmaの使い方も勉強できるしデザインを実際につくる課題も多いし、営業や仕事の進め方も勉強できるからね。

他で勉強したことを活かせていない人がデイトラを受講すると上手くいくこともあるよ！

ツールが使える人ではなくデザインができる人になる方が重要

デザイナーはツールが使えることも大事だけど、それ以上にデザインができることが大事だよ✨

ツールが使えるよりデザインができることが大事？

そうだよ✨
どんなツールを使うかより、どんなデザインができるか？の方が大事。だからツールの使い方よりも実際にデザインをどんどん作っていってほしいんだ。

ツールはあくまでもデザインするための手段だもんね。

デザインツールにはやり廃りはあってもデザインの基本や原理・原則は変わらないからね！
どんなツールを使うかよりも、どんなデザインができるかの方が長い目で見ると大事なんだよ✨

コーディングも勉強しないとダメ？

デザイナーってコーディングも勉強しないとだめ？
クラウドソーシングで仕事を探すとデザインからコーディングまでお願いされること多いんだよね。

みんな、悩むところだよね。
デザインを勉強してるとコーディングもやらなきゃ…、コーディングを勉強しているとデザインもやらなきゃ…って心配になっちゃう人が多いよね。

もちろんコーディングができる方が良いし、少なくともコーディングの基礎が分かっていることはWebデザイナーとしてプラスに働くよ✨

やっぱり！こしば、デザインもコーディングも広告運用もECもUI.UXも動画編集もドローン操縦もRuby on RailsもPyphonも勉強しなきゃ…

もう駄目。頭がパンクする…

大丈夫かい？こしば君！
落ち着いて。

デザイナーがコーディングまで完璧にできなくても、ちゃんと仕事にできるから大丈夫だよ✨

デザイン特化でも仕事になる話

デザイン特化でも仕事になるから安心して✨
むしろデザインに絞った方がフリーランスとして時給や単価があがることも多いんだよ！

え？デザインもコーディングもできた方がお金、稼げるんじゃないの？

いや、そんなこともないんだよ。1日8時間、働いた場合を考えてみよう。
例えばデザイナーとしての時給が3000円、コーダーとしての時給が1000円の人がいるとするじゃない？

この場合、デザインだけ1日8時間やれば3000円×8時間で24000円になるよね。

うん。それぐらい、こしばにも分かるよ！

デザイン1日4時間、コーディング1日4時間で合計8時間、働いた場合を考えてみよう✨

デザイン、3000円×4時間＝12,000円。コーディング、1000円×4時間＝4,000円。合計16,000円だね！

デザインだけしてた方が日給が高くなるね…

1日に稼働できる時間は限られているからね！
デザインする際にコーディングの知識がないと実装できないデザインをつくる可能性もあるから、素養はあった方がいいけどね✨

でも、色々中途半端にやるより一つのことを極めていく方が結果的に時給が上がることも多いね。
実際にコーディングをしないで活躍しているデザイナーも多いんだよ✨

色々、目移りしちゃうけど中途半端にならないことが大事なんだね！

スキルを2つに増やしても時給が2倍になるわけではない
デザイン特化でもバリバリ、Webデザイナーとして活躍している人も多い

コーダーと一緒に仕事をしてもOK

コーディングが苦手だったら得意な人に頼めばいいんだよ✨
例えばデイトラのWeb制作コースでコーディングを勉強している人とチームを組むのもおすすめだよ！

そっか。ひとりで全部、何でもやる必要はないんだね。

Web制作会社でも大きいところだと分業化も進んでいるからね✨

ノーコードを使えば実装までできる

最近だとSTUDIOみたいなノーコードでWebサイトを作れるツールも沢山、出てきているね✨
しかも年々、できることが増えている！

最近、ノーコードも話題だよね。ノーコードでWeb制作をする人も増えているって聞いたことがあるよ。

ノーコードでWebサイト制作の仕事をしている人も増えているからね✨
もちろんノーコードで対応できること、できないことを事前に見極める必要はあるけどね！

最低限、コーディングの勉強をするならどれぐらい勉強すれば良い？

コーダーの専門職ほどコーディングはできなくても良いけど、少しは勉強した方が良いよね？

全くHTMLやCSSが分からないと流石に困るかもね✨
例えばノーコードツールのSTUDIOも最低限のコーディングの知識がないと使いこなすの難しいからね！

最低限、コーディングはどれぐらい勉強した方が良い？

最低限ProgateのHTML/CSSコースを全部やるか、デイトラWeb制作コースの初級編で扱うレベルの内容まで勉強しておくと良いかもね✨

デザインコンテストも開催しています！

デイトラではデザインコンテストも積極的に開催しています✨
プロのレビューも受けられて賞金ももらえちゃうかも！

デザインコンテストってどんな感じ？

下の動画を見てもらえるとイメージつくんじゃないかな？

なんだか本格的で楽しそう！

プロのデザイナーのレビューも受けられるし、他の参加者さんのデザインを参考にできたりと好評な企画なんだ✨
受講生の皆さんにも楽しんでもらっているよ。

【#デイトラ #デザインコンテスト3 結果発表🎉】
優勝🏆　あやさい(@ayasai27 )
優秀賞🏅　かとりょ(@rioteny0702 )
優秀賞🏅　せきしい(@utakata_25)
優秀賞🏅　スーギー (@Sugi_1127)
あやさいさんには賞金5万円が贈られます✨次回のコンテストは来週発表します🎨続く👇https://t.co/7MeMNhPB23
— 船越@デイトラ運営🍐 (@ryota_funakoshi) June 27, 2021