Webデザイナーを目指す人に読んでもらいたい書籍

この記事を書いてる人

オジー

  • WordPress歴8年
  • 副業でデザイン/開発を受託→法人化
  • WordPressで会社HPをオリジナルテーマで作成
  • 主軸はデザイン、たまにフロントエンドのコードも書きます
  • 事業会社/受託会社 両方経験あり

Webデザイナーを目指そうと思うけど、おすすめの書籍は?

ネットで調べる情報はおおかた見たから書籍でも情報収集したい

体系的にWebデザインについて学びたい

Webデザインについて学び始めた、または学ぼうと思っている方からこのような質問をいただきます。今やネットで色々と情報も入手できるようになってきている昨今、体系的に学ぼうと思うと少し物足りないこともありますよね。

今回は私がWebデザインをやってきた上で、ためになった本を紹介したいと思います。

目次

デザインの基礎

ノンデザイナーズブック

こちらの本はかなり有名なのでご存じの方、すでにお読みになられている方はいらっしゃるかと思います。デザイナーではない人がデザインについて学ぶのに最適な本です。

デザインの4つの基本原則である近接、整列、反復、コントラストについて具体例を示しながら解説してくれます。またビジュアルデザインの要素の一つであるタイポグラフィについての基本も学ぶことができます。

今までデザインについて触れてこなかった人が、「デザインとはこういうものか」「こういう風に普段触れているものを観察すれば良いのか」という気づきを得ることができます。

なるほどデザイン

こちらも同じくデザインの基礎について学ぶことができます。字を読むというよりは絵で見て楽しむ本になっており新人デザイナー向けの本になります。デザイナーがどうやって構造を整理し、優先順位をつけて、最終アウトプットまで持っていくのかのプロセスを見ることができるので、なんとなくデザインをやっているという人にはおすすめです。

新人デザイナー向けではありますが、プレゼン資料などを作ったりするビジネスパーソンでもためになるような内容になっています。

著:筒井 美希
¥1,980 (2023/08/05 09:54時点 | Amazon調べ)

けっきょく、よはく。余白を活かしたデザインレイアウトの本

最初の頃って余白の感どころがわからずリズムがつけれなかったり、気付いたらギチギチに詰まっていたりしますよね。そういった方に向けたデザインする際の余白について書かれている本です。

先輩後輩のやり取りで構成されている本なので、デザイナーで経験が浅いけど先輩にレビューしてもらえる環境にない人にはおすすめだと思います。

また、本の中で紹介されているフォントはAdobe Typekitで提供されているものなので、真似がしやすいというのもポイントですね。余白についてがメイントピックですがフォントや色の組み合わせなども、各参考作品ごとに紹介されておりデザインの引き出しが少ないなと思う人は読んでみてください。

著:ingectar-e
¥916 (2023/08/05 09:55時点 | Amazon調べ)

タイポグラフィの基本ルール

Webに限らずビジュアルをデザインする上でタイポグラフィ必須の項目です。こちらの本にはタイポグラフィの実例と実装例が大量に載っているので参考になると思います。

初心者から脱却するには文字の扱いをマスターしましょう。

オンスクリーンタイポグラフィ

Webデザインをやる上でパソコンやスマートフォンなどで文字がどのように表示されているのかを理解し、調整できるのは必須のスキルです。この本では9名の執筆者がそれぞれのテーマで論説をまとめ、文字の扱い方が特徴的なWebサイトの事例約80 例を紹介しています。オンスクリーンで読みやすい本文組みやフォント、印刷物とWebの本文組みの違い、アクセシビリティ、文字組みやWebフォントの技術的変遷など知りたい方はぜひ読んでいただきたいです。

著:伊藤 庄平, 著:佐藤 好彦, 著:守友 彩子, 著:桝田 草一, 著:カワセタケヒロ, 著:ハマダナヲミ, 著:きむみんよん, 著:関口 浩之, 著:生明 義秀
¥3,135 (2023/08/05 10:15時点 | Amazon調べ)

グリッドシステム グラフィックデザインのために

こちらはグラフィックデザインを学んできた方はご存知だと思います。グリッドシステムの成り立ち、考え方が学べる本でHow to本ではありません。ただ基礎としてなぜグリッドシステムが誕生して、どのように使われてきたのかを理解することで今後も活きる知識になると思います。

ボーンデジタル
¥7,150 (2023/08/05 10:03時点 | Amazon調べ)

ロゴデザインの教科書

ロゴってかなり奥が深く、初心者がツールの使い方覚えて作るものではないです。(今でも私はロゴ作成をするときは恐れ多い気持ちで取り組んでいます。)そもそものロゴとは何か?からどのように作られ、展開されというのを実例を用いて解説している本になります。

著:植田 阿希
¥1,320 (2023/08/05 10:09時点 | Amazon調べ)

テクニック・方法論・引き出しを増やす

新しいとロゴとツール展開

全国様々な業種から、ロゴとそのツール展開の事例を多数収録した本です。商品・企業・ショップ・施設などのロゴマークと、イベントやプロジェクトなどのプロモーションのためのタイトルロゴを、その展開例と共に紹介しています。

  • 和文・英文、シンボルマーク、様々なロゴを活かして、どのようにデザイン展開がされているのか
  • どのような世界観を目指しているのか
  • ブランドのターゲット設定やコンセプト
  • ロゴの造形に込められた想い

様々な業種のデザインコンセプトやアプローチを知りたい時や、ロゴマークだけでなくツール展開を提案したい時に読んだ方が良い本です。

ビー・エヌ・エヌ新社
¥3,740 (2023/08/05 10:17時点 | Amazon調べ)

Brilliant Logo

日本・世界から選んだロゴを、その形を10のカテゴリーに分けて紹介する本です。
ロゴの制作に関する考え方やコンセプトからどういった変遷をたどってこのロゴの形ができあがったのか、
どういった思いでつくられたロゴなのか、などさまざまなことが知れる本です。
これらは、新規でロゴをつくらなくてはならない場面で強いコンセプトや自由な発想という点が必要なときに読みたい本です。

¥4,400 (2023/08/05 10:20時点 | Amazon調べ)

点・線・形から生まれるデザイン

デザインの最小単位である、点、線、形を用いたシンプルだが強い図像を最大限に活かしたデザインを集めた本です。世界のデザイナー、デザイン事務所の最新作から選りすぐられています。文字の解説は少なめで写真メインの本です。

編集:ヴィクショナリー, 翻訳:和田 侑子
¥3,800 (2023/08/05 10:22時点 | Amazon調べ)

最強構図

最初の頃はデザインを見る絶対数が少ないので、レイアウトのパターンが少なくなりがちです。こちらの本は主にバナーやチラシで用いられるレイアウトパターンを豊富に記載しているので参考にしてみてください。

著:ingectar-e
¥899 (2023/08/05 10:01時点 | Amazon調べ)

概念など抽象度高め

誰のためのデザイン

これもかなり有名な本ですね。認知科学とデザインを結びつける古典的な本で、ベストセラーです。デザインに携わる全ての人に読んでもらいたい一冊です。

著:D. A. ノーマン, 翻訳:岡本明, 翻訳:安村通晃, 翻訳:伊賀聡一郎, 翻訳:野島久雄
¥3,630 (2023/08/05 09:53時点 | Amazon調べ)

予想通りに不合理

デザインをする上で人間の特性の理解は必要不可欠です。この本では人の行動や選択がどれだけ不合理で、無意識に認知バイアスの影響を受けているか、実際に行われた様々な興味深い実験を例に説明しています。人に行動してもらうためのヒントを得たい方にはぜひ読んでいただきたいです。

著:ダン アリエリー, 翻訳:熊谷 淳子
¥1,078 (2024/04/24 16:50時点 | Amazon調べ)

デザインに活かせるマーケティング系

デジタルマーケティングの定石

デジタルマーケティングの戦略やツール、分析方法などについて、非常にわかりやすく解説しています。また、実際にキャンペーンを立ち上げるための手順や、効果を最大化するためのアイデアも豊富に紹介されており、非常に実践的な内容となっています。

デザイナーの立場からマーケターはこのようなことを考えて行動しているのかという理解にも繋がりますし、実際にWebサイトを設計する上で重視するポイント・考え方も記載されているので非常に勉強になります。

まとめ

デザインだけでも色々な本がありますが、その周辺領域でも学ぶと良いことがあり常に毎年本を買い続けている気がします。引き続き購入して良かった本はこちらで紹介していきます。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次