Webデザインを独学で学習するには?【オススメの本・サイトなど】

Webデザイナーになろうと思っている!

  • さて、Webデザインを学習するにはどうしたらいいのかな?
  • 独学でもWebデザイナーになれる?
  • Webデザインを独学するのにおすすめのサイトとかある?
  • Webデザインを独学するのにおすすめの本は?

という方向けにオススメの学習方法や本などを紹介していきます。

本記事のテーマ

Webデザインを独学で学習するには?【オススメの本・サイトなど】

本記事の内容

  • Webデザインを独学で学習する方法
  • Webデザインを独学する時にオススメのサイト
  • Webデザインを独学する時にオススメの本

本記事の品質保証

この記事を書いている私はフリーランスのWebデザイナーとして活動を始めて7年目になります。おかげさまで、お仕事が途切れることなく続いています。

本記事の読者様のイメージ

Webデザイナーになろうと思っていて、Webデザイナーになる学習方法を模索中。学習するからには効率よく進めたいけど、実際よくわからない。

本記事を読むことで得られること
  • 独学Webデザインを学習する方法がわかる
  • 独学Webデザインを学習する順序がわかる
  • 独学Webデザインを学習する時にオススメのサイトがわかる
  • 独学Webデザインを学習する時にオススメの本がわかる

では、詳しく解説していきます。

独学Webデザインを学習する方法

結論からいうと、WebデザイナーになるならWebデザインのスクールに入ることをオススメします。その理由は下記を参考にしてください。

とはいえ、ここでは独学で学習する方法を解説していきますね。

Webデザイナーとして必要な知識・技術

  1. Webデザインについて、概論を学習する
  2. Photoshop/Illustrator
  3. HTML,CSS,Javascript
  4. レスポンシブ
  5. WordPress&PHP
  6. サーバー・ドメイン
  7. Webマーケティング
  8. Webライティング
  9. 【朗報】実は近道あり

Webデザイナーに必要な知識は意外とたくさんあります。

実際にWebデザインを 独学で学習する方法 

  • まずは計画をたてる
  • Webデザイン系の本で学習する
  • ネットの学習サービスを利用する
  • Google検索を使い込む

まずは計画をたてる

これがないと始まりません。

  • 何を
  • どの順番で
  • いつまでに学習するか

Webデザインを学習する順番

  1. Webデザインについて、概論を学習する
  2. Photoshop/Illustrator
  3. HTML,CSS,Javascript
  4. レスポンシブ
  5. WordPress&PHP
  6. サーバー・ドメイン
  7. Webマーケティング
  8. Webライティング
  9. 【朗報】実は近道あり

まずはWebサイトを作って、サーバーにアップ出来るようになりましょう!

Webマーケティング、Webライティングは、サイト制作が技術的に出来るようになってから学習していけば大丈夫なので、ここでは紹介はしないでおきます。

独学でWebデザインを学習するためにオススメの本

Webデザイン系の本で学習する

【Webデザイン・グラフィック系】 オススメの本を紹介します。

単行本(ソフトカバー) – 2016/6/30

Webデザインを学習するなら基本中の基本、定番中の定番の必読書です。ほとんどのWebデザイナーが読んでいるのではないでしょうか?随時改訂版も出ています。まずはこれを最初に読み込みましょう。

黒野 明子 (著), 庄崎 大祐 (著), 角田 綾佳 (著), 森 和恵 (著) – 2018/10/5

「練習データ付き」IllustratorとPhotoshopとXDを1冊で学習出来るお読本です。Web制作を前提に書かれており、制作現場におけるワーク−フローにそって、Photoshop向きの作業、Illustrator向きの作業、XD向きの作業、Sketch向きの作業なども書かれています。とりあえずこれ1冊買って作業しまくりましょう!

黒野 明子 (著), ロクナナワークショップ (監修)

Photoshopをまったく初めて使う方にもわかりやすく、基本から書いてあります。練習用のDVDも付いているので、実践しながら学習できます。

ロクナナワークショップ (著)

上記のPhotoshopと同じシリーズで、Illustratorをまったく初めて使う方にもわかりやすく、基本から書いてあります。練習用のDVDも付いているので、実践しながら学習できます。

【Webデザイン・コーディング系】 オススメの本を紹介します。

赤間 公太郎 (著), 狩野 咲 (著), 鈴木 清敬 (著) 単行本(ソフトカバー) – 2019/3/1

Webサイトが表示される仕組みから、サーバーにアップロードするまでの一連のフローが載っているので、Webサイト制作というものがどのように行われるのか理解しやすいです。この本で全体像を把握し、各言語の詳細は別の本でスキルアップしていくと良いです。

たにぐちまこと (著) 単行本(ソフトカバー) – 2017/3/27

たにぐちまこと さんの本はとてもわかり易く、たにぐちまことさんの本で学習したWebデザイナーは非常に多いと思います。持っておいて間違いない本です。

加藤善規 (著), できるシリーズ編集部 (著) 単行本(ソフトカバー) – 2020/2/14

コーディングに関しては、リファレンス系の本は1冊持っておくと良いです。全てのコード覚えるのは大変なので、やりたいことからどうやってそれを実現するのか?を調べていきます。

水野 史土 (著) 単行本(ソフトカバー) – 2019/8/27

WordPressを使いこなすためにはPHPの知識が必須です。よく使うPHPなど丁寧に書かれていてとてもわかり易いです。

上記ご紹介した本でWebサイト制作については一通り学習できます。

独学でWebデザインを学習するためにオススメのサイト

Webデザインのオンライン学習を利用する

サイト名ジャンル説明
Udemy 複数世界最大級のオンライン学習プラットフォームで、Webデザイン、マーケティングなどもとても多くの講座がオンラインで学習できます。
TechAcademy [テックアカデミー]デザイン・プログラミング・マーケティングなど最短4週間で未経験からプロを育てるオンライン完結のスクールです。
どこかに通う必要なく、自宅でもプログラミングやアプリ開発を学ぶことができます。
ドットインストールプログラミング3分動画でマスターできるプログラミング学習サービスです。プレミアム会員になると、ドットインストールのサイト内でコードを書きながら学習することができます。
PROgateプログラミング説明を見て、実践の流れでPROgateのサイト上で学習出来ます。見た目も綺麗なサイトです。

Webデザイナーに幸あれ!

この記事がいいね!と思ったらシェアしてね!