無料オンライン勉強サービス10選おすすめ

【無料】Webデザインの独学方法!4ステップだけ

無料でWebデザインを独学する方法を紹介します。

自分が独学で勉強した方法をまとめました。

Webデザイン は「感性やセンス」よりも「論理的に」身につける方が着実にマスターできます。

 

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

Webデザインの勉強はこのブログを読み漁れば、無料でできます。

このブログには現役フリーランスデザイナーの自分が、最低限稼げるレベルになるまでの方法を20記事ほどでまとめており、全て無料で読めます

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

 

Webデザインの独学方法4ステップ

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

成功例を知る

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

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

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

Webデザインの基本

 

コーディングメインの人向け

 

UIUXデザインの基本

Webデザインの中で最近注目されているのが、UIUXデザイン。

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

 

Webデザイナーの将来

今後のフリーランスデザイナーの動向についてです。時間があれば読んでみてください。

 

失敗例を知る


ここで、どのようなデザインが失敗と言われているのか知りましょう。

この「失敗例」に当てはまらないデザインができれば、最低限のWebデザインができているということになります。

 

実践する

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

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

Webデザインツールは、Photoshopよりも、無料のAdobe XDやfigmaのほうが動作が軽く、簡単で使いやすいです。

パワポを使う要領で使えるので、パワポを使ったことがある人なら、すぐ飲み込めると思います。

Adobe XDの方が融通が利くのでfigmaよりオススメです。

 

Adobe XDの使い方

Adobe XDは、ローカル上でWebデザインをするツールです。

ファイルを送らなくとも、オンラインで共有が出来るので便利です。

Adobe XDの最低限のデザイン方法を初心者向けに紹介!プラグインなし

 

figmaの使い方

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

Figmaの使い方は5分で3つだけ覚えればOK【初心者向け】画像で説明

 

 

フィードバックをもらう


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

ここでポイントとなるのは、Webデザインは手段にすぎず、目的は「CVを上げる」ことだということです。

最も良いフィードバックをもらう方法は、Webサイトのターゲットに見てもらい、購入したくなるかフィードバックをもらうことです。

ここで、Webサイトの内容ではなく、Webデザインが原因(例えば、サイトがごちゃごちゃしてるから見にくいなど)のことで購入をやめようと考えたと思われたなら、改善の余地があるということです。

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

短期集中1ヶ月!Webデザイン講座のオススメまとめ