Webデザイン初心者がゼロイチを達成する方法はこちら

厳選5冊:Webデザイナーを目指すひとにおすすめ【書籍・本】

当ページのリンクには広告が含まれています。

ウェブデザインの本いっぱいあって悩む。どれ買ったらいいの?

今回は、このようなお悩みを解消します!

まめ

筆者が30冊以上買ってわかった、ほんとに使える私の厳選5冊を紹介します!

もくじ

本の選び方

まずは、本の選び方を紹介します♩

本を選ぶ時に大切なのは、自分に合う本を選ぶこと!

選ぶときに確認するポイント
  • 自分の目的・欲しいスキルに合っている内容か
  • 自分にとって読み進めやすい本か
まめ

30冊以上購入してきましたが、パラパラっとめくっただけや眺めるだけで終わってしまった本が半分以上あります…!
ちゃんと考えて買えばよかった😭

詳しく解説していきます!

自分の目的・欲しいスキルに合っている内容?

まずは、自分がどんな仕事をしたいのか、その仕事をするにはどんなスキルが必要か確認してください。

まめ

なんとなく必要かも…表紙が映えてるから買う、は一旦ストップ

〇〇ができるようになりたい」と目的を明確にしてから、本の選定を始めましょう。

「バナーを作れるようになりたい」のに、WordPressの本を買うのは目的に合っていませんよね…!

目的を決めてから本の選定をすると失敗しにくいです。

そして、

同じスキルの本でも、自分のレベルに合う本を選ぶことも大切。

初心者向け・上級者向け・入門・現場ですぐに使えるなど、本によって、ターゲットは異なります。

自分のレベルに合う本を選ぶことで「この本使えない…」を防ぐことができます◎

「大は小を兼ねる」といきなり実践編の本を買って『自分にはムリ。勉強辞めたい…向いてない…』とモチベゼロになったことも…。
自分のレベルに合う本かどうか、確認必須です!

ウェブデザイナーの詳しい仕事内容や必要なスキルはこちらからどうぞ

読み進めやすい本

本の内容が似ていても、読みやすい本・読みにくい本は、人によって異なります。

読み進めやすいか確認するポイント
  • イラストや図解と文字の割合
  • 文字の大きさ
  • 色使い
  • 本の厚み
  • 紙の感じ
  • 言葉遣い
  • なんとなく(手にとったらしっくりきた!などの直感です)

本屋さんでパラパラめくってみたり、電子書籍でサンプルを読んでから購入すると「自分に合ってるかな〜」がわかります♩

「絶対学びたいスキル!」「〇〇のオススメだから!」と買っても、
自分に合わないと本を開くのが嫌になっちゃうことも。

同じジャンルの本はいくつかあるので、読み比べがオススメです☺️

まめ

私は、本によって紙の本と電子書籍を使い分けています。

デザインツールの操作の本は、理屈より操作を学ぶので、パソコンの画面だけで完結できる電子書籍が使い勝手よかったです◎

目的別:おすすめの本

私が仕事につなげることができたオススメの本を、学びたい目的別に5冊厳選してご紹介します。

選んだときのポイント
  • イラスト・図解多め
  • 手を動かしながら学べる
  • ページ数が多すぎない(300ページ以内くらい)

デザインツールは、操作を単体で学ぶより、実際にデザインを作りながら操作を覚えていく方が効率良いです◎

デザインと並行してツールの使い方を覚えていくと「どんな時にこのあしらいをどう付けるか」など、より実践に近いカタチで吸収できます。

まめ

以下でご紹介する本で、内容は合ってるけどなんとなく違う…っていう本があったら、コンタクトからお気軽にご連絡ください。
他の本をピックアップしてお返事いたします♩

おすすめの書籍
  • なるほどデザイン 目で見て楽しむ新しいデザインの本
  • トレース&模写で学ぶ デザインのドリル
  • 思わずクリックしたくなる バナーデザインのきほん
  • 1冊ですべて身につくHTML&CSSとWebデザイン

ウェブデザインの基礎

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

ウェブデザイナーなら誰しも手に取ったことがある1冊。

サンプルや図解がとても多く
見ているだけでワクワクする
こんなデザイン作れるようになりたい!
と、刺激をもらえます。

デザインの基本的な考え方から実際に作成していく過程、ブラッシュアップする方法。

見るだけで楽しく学べるけど、内容はしっかり技術書です。

  • なんでこの色?
  • 目立たせたいところはどうするの?
  • 写真の配置は?

など、デザインの意図を理解しながら学ぶことができます。

読みながらホントに「なるほど〜」って言っちゃいました!
駆け出しの頃だけじゃなく、いまも定期的に読み返している1冊です。

デザインツールの操作+デザインの基礎

Photoshop・ Illustratorの操作

以下の2冊はPhotoshop・illustrator、どちらで取り組んでも問題ありません◎

トレース&模写で学ぶ デザインのドリル

すぐに手を動かして習得したいなら『デザインのドリル』がオススメ◎

トレース・模写をしながら、フォトショップの操作、デザインの意図やあしらいを学べます。

この本の推しポイントは、デザインの勉強に集中できるところ!

書面で使用されている素材(写真やイラストなど)がダウンロードできて素材を探す手間が不要、題材・フォント・カラーもまるッと掲載されているので、すぐに始められます✨

思わずクリックしたくなる バナーデザインのきほん

バナーデザイン・デザインの基礎を学ぶなら『バナーデザインのきほん』がオススメ◎

この本は、デザインの基本から応用まで、すぐに案件に活かせる内容が満載です。

パッと見て伝わるデザイン』を作ることを目的としていて、

なんとなくおしゃれ』じゃない、伝えたいことがしっかり相手に伝わるデザインを学ぶことができます。

この本の推しポイントは(全ページ推したいけれど)バナー練習問題が6つ載っているところ。

練習問題は、依頼内容・入れる要素・制作のポイントが記載されていて、お題も実案件に近く、腕試しにピッタリです。

練習問題で作成したバナーはSNSなどで公開してOK◎

架空のバナーのお題とか内容を1から考えるのって実は大変…!
ポートフォリオにも載せられるし、絶対チャレンジしてほしいです。

心をつかむバナーデザインのアイデア74 神技クリエイティブ

HTML・CSSの基礎

1冊ですべて身につくHTML&CSSとWebデザイン

コーディングを学ぶ最初の1冊目は絶対コレ。

ウェブサイトの仕組みから、HTML・CSSの基礎、よく使うHTMLタグやCSSプロパティ、サンプルサイトのコードがすべて記載されています。

右も左もわからない状態から始めても、
1冊終わる頃にはコーディングの基礎が身につきますよ。

本屋さんで横にいた人がこの本読んでて『全力でオススメです』って声かけたかった…!知人に相談された時に、勧めるのもこの本。

WordPressの基礎

1冊ですべて身につくWordPress入門講座: (1冊ですべて身につく)

HTMLとCSSを学んだら次のステップはWordPress(ワードプレス)!

クラウドソーシングでもとっても需要が高い多いツールです💡

HTML・CSSの基礎で紹介した『1冊ですべて身につくHTML&CSSとWebデザイン』と同じ著者 Manaさんの本です。

WordPressは世界中で使用されていて、日本のウェブサイトは80%以上がWordPressで構築されています。

難しそう…とっつきにくいかもですが、使えて損はナシ◎
このブログもWordPressで構築しています!

WordPressをここまでわかりやすく、実践に近いカタチで学べる本は他にないと思っています。

WordPressができると仕事の単価も数もぐんっと上がります↑

なるべくお金をかけたくない人へ

購入を迷うとき、本によっては図書館を利用することもあります。

人気な本や最新の本は、半年待ちなど、すぐに借りられないことも。
時期と必要性に合わせて利用するのがオススメ。

図書館を活用する際は、

借りたい本をピックアップして、市内で取り扱いがあるか確認します
(インターネットで『〇〇市 図書館 検索』と検索して、借りたい本を検索します)。

下調べなしに図書館に行くと、目当ての本が貸し出されていたり、取り扱いがなかったり、すぐに借りられないことが多いです。

図書館を利用する際、
発行日のチェックは必ずしてください…!

ウェブ関連は日々、情報が更新されていく業界。

本屋さんは本の入れ替わりが激しいので、10年前の発行本は見かけませんが、

図書館には10年前のWebデザインの本がふつーーーうに並んでいます

特に、デザイン作成ツールはどんどん新しい機能が増えて、アップデートされているので、発行日の確認はマストです。

初版発行日が数年前でも、最近の日付で増刷されている場合は、今も有効な情報+人気な本です◎

発行日は本の最後の方に載ってることが多いです。

さいごに

この記事では、Webデザイナーを目指すひとにおすすめ【書籍・本】厳選5冊をご紹介しました。

本選びの参考になれたらとても嬉しいです。

もくじ