1日1時間の副業【怪しくない】

【無料】webデザインの独学方法!最短でマスターする4ステップを紹介

無料でwebデザインを独学して、最短でマスターする4ステップを紹介します。

私は現在、webデザインとコーディングで生計を立てているフリーランスですが、自分が独学で勉強した方法をまとめました。

よくwebデザイン は「感性やセンス」と言われますが、それよりも「論理的に」身につける方が着実にマスターできます。今回は論理的なWEBデザインの勉強方法を知って最短で成果を出す方法を紹介します。

webデザインの独学は無料でできる

ゴロニャン

webデザインの勉強って無料で出来るの?
このブログを読み漁れば、無料でできるよ!

ニャンニャン

webデザインを独学することは無料で出来ます。

このブログに現役フリーランスデザイナーの自分が初心者から学んだことを、20記事ほどまとめており、全て無料で読めるからです。

まず、このブログに書いてあるwebデザイン系の記事を全て読んでwebデザインの概要を掴んでから、適宜必要と感じた部分はググったり、本を読む、スクールにいくなどすれば良いです。

このブログのデザイン記事を全て読む

 

【無料】webデザインの独学方法!最短でマスターする4ステップ

  1. 成功例を知る
  2. 失敗例を知る
  3. 実践する
  4. フィードバックをもらう

成功例を知る

まずは、ウェブデザインの成功例を知って、成功例のチェックリストに当てはまるデザインを行いましょう。

ポイントは成功例を言語化して理解することです。

ここが「センスや感性」とは違って「論理的に」デザインを行うことにつながります。

webデザインの基本を独学で学ぶための記事

 

コーディングメインの人向けの最低限のwebデザインを独学で学ぶ

 

UIUXデザインの基本を独学で学ぶ

webデザインの中で最近注目されているのが、UIUXデザイン。これは「ユーザーの使いやすさ」を主眼に置いたwebデザインです。これが出来るようになると、より貴重なデザイン人材になれます。

 

時間があれば読んでほしいwebデザイナーのに必要なスキルや将来の記事

 

失敗例を知る


ここで、どのようなデザインが失敗と言われているのか知りましょう。この「失敗例」に当てはまらないデザインができれば、最低限のウェブデザインができているということになります。

ポイントは失敗例を言語化して理解することです。ここが「センスや感性」とは違って「論理的に」デザインを行うことにつながります。

 

実践する

webデザインの理論がわかったら、次はツールを使いこなし、実際に自分でデザインをしてみましょう。

webデザインを独学するなら無料で簡単なAdobe XDかfigmaを使いましょう

webデザインツールは、photoshopよりもAdobe XDやfigmaのほうが動作が軽く、簡単で使いやすいです。パワポを使う要領で使えるので、パワポを使ったことがある人なら、すぐ飲み込めると思います。

Adobe XDやfigmaは無料で使えるのも嬉しいところです。

 

Adobe XDで無料でwebデザインを独学してみる

Adobe XDは、ローカル上でwebデザインをするツールです。ファイルを送らなくとも、オンラインで共有が出来るので便利です。

Adobe XDはデザイン初心者向け。プラグインなしで効率化する方法を紹介

 

figmaで無料でwebデザインを独学してみる

figmaは、オンライン上でwebデザインをするツールです。複数人で一緒に同じアートボードを確認して同時にデザインもでき、オンライン共有もできます。

【5分】デザインツールfigmaの使い方を初心者向けに1番わかりやすく解説

 

 

フィードバックをもらう


実際にデザインをしてみて、他の人に見せてみましょう。そこで何を思うかフィードバックを受けましょう。

ここでポイントとなるのは、ウェブデザインは手段にすぎず、目的は「CVを上げる」ことだということです。最も良いフィードバックをもらう方法は、ウェブサイトのターゲットに見てもらい、購入したくなるかフィードバックをもらうことです。ここで、ウェブサイトの内容ではなく、ウェブデザインが原因(例えば、サイトがごちゃごちゃしてるから見にくいなど)のことで購入をやめようと考えたと思われたなら、改善の余地があるということです。

 

ここまで無料でwebデザインを独学で勉強する方法を紹介しましたが、教えてもらいながら学びたい人は、短期で1ヶ月ほどスクールに通うのもオススメです。