これを読んでおけば間違いない！デザイナーにおすすめの本15選（Web編）

こんにちは。デザイナーのもーりーです。

10月に入り、みなさんはどんな秋をお過ごしでしょうか。

スポーツの秋、食欲の秋…………。

去年の僕はファッションの秋とうそぶいてました。

「スマートドール」で配色に気をつけながらコーディネートを考える【ファッションの秋】

もーりー

2018.09.07

3

今年の秋は「読書の秋！」

これを身につけておけばWebデザイナーとしてまず間違いないというオススメ図書を15冊紹介します。

UI

UIデザインの教科書

UIデザインの教科書［新版］ マルチデバイス時代のインターフェース設計

• 原田 秀司
• 翔泳社
• 価格￥2,618(2025/10/09 05:54時点)
• 発売日2019/01/21
• 商品ランキング45,898位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

PC/スマートデバイスの基本的なUIが網羅されています。

目新しさのあるデザインは紹介されていませんが、デザイナーになりたての方や今まで経験のないデバイスのUIデザインに取り掛かる人にオススメしたい本です。

オススメ度：★★★☆☆

フラットデザインで考える新しいUIデザインのセオリー

フラットデザインで考える 新しいUIデザインのセオリー

• 宇野 雄
• 技術評論社
• 価格￥2,618(2025/10/09 05:54時点)
• 発売日2014/11/21
• 商品ランキング839,022位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

5年前の本ですが、けっして古さは感じません。

スキューモーフィズムからフラットデザインへの転換期の話や、現在のWeb/アプリのUIデザインの基本的な概念がわかります。

オススメ度：★★★★★

UIデザインの心理学―わかりやすさ・使いやすさの法則

UIデザインの心理学―わかりやすさ・使いやすさの法則

• Jeff Johnson,武舎 広幸,武舎 るみ
• インプレス
• 価格￥3,286(2025/10/09 05:54時点)
• 発売日2015/03/13
• 商品ランキング49,741位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

理想的なUIを人間の生態に沿って分析した本です。

実はUIについてはあまり書いてなく、認知心理学や脳科学についてがほとんどなのでとっつきにくいですが、なんとなくやっていたUIデザインの輪郭がはっきりして、より解像度が高くなります。

UIデザインをクライアントに言語化して説明したい人にもオススメです。

オススメ度：★★★★★

融けるデザイン ―ハード×ソフト×ネット時代の新たな設計論

融けるデザイン ―ハード×ソフト×ネット時代の新たな設計論

• 渡邊恵太
• ビー・エヌ・エヌ新社
• 価格￥2,640(2025/10/09 05:54時点)
• 発売日2015/01/21
• 商品ランキング52,187位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

UIをとりまく環境を、人類史や社会の視点から考察した本です。

「そもそもUIって?」「使いやすいUIはなぜ使いやすいの?」「将来のUIってどうなっていくの?」という疑問に答えてくれます。

UIデザインが及ぼす、社会への影響について先回りして勉強したい人にオススメです。

オススメ度：★★★★☆

UX

UXと理論で作る Webデザイン: デザイナーでなくてもわかる

UXと理論で作る Webデザイン: デザイナーでなくてもわかる

• 川合 俊輔,大本あかね,菊池崇
• WDE Publishing
• 価格￥2,689(2025/10/09 05:54時点)
• 発売日2017/11/12
• 商品ランキング60,624位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

UXについての基本がわかる最初の1冊にはオススメの本です。

「UXっていったい何?」「UXって人によって言ってることが違う?」「漠然としてていまいちピンとこない……」などのような疑問を持っている人には最適だと思います。

kindle unlimitedでは読み放題ですのでこの機会にぜひ読んでみてください。

オススメ度：★★★☆☆

ウェブ戦略としての「ユーザーエクスペリエンス」―5つの段階で考えるユーザー中心デザイン

ウェブ戦略としての「ユーザーエクスペリエンス」: 5つの段階で考えるユーザー中心デザイン (Web Designing BOOKS)

• JesseJames Garrett,ソシオメディア
• (株)マイナビ出版
• 価格￥2,500(2025/10/09 05:54時点)
• 発売日2005/02/01
• 商品ランキング659,732位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

Web制作を「戦略」「要件」「構造」「骨格」「表層」の5つの段階に分けてシンプルに説明した本です。

現在の担当範囲を俯瞰して見ることができるようになり、視座が高くなります。

プロジェクトの問題がどこに起因しているのかがわかるようになり、問題提起にも繋がるのでオススメしたいのですが、amazonでは中古価格でも1万円前後するのでなかなか手に入りにくい状況です。

オススメ度：★★★★★

さよなら、インタフェース -脱「画面」の思考法

さよなら、インタフェース -脱「画面」の思考法

• ゴールデン・クリシュナ,武舎 るみ,武舎 広幸
• ビー・エヌ・エヌ新社
• 価格￥3,120(2025/10/09 05:54時点)
• 発売日2015/09/17
• 商品ランキング625,197位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

UIデザイナーに喧嘩を売るようなタイトルですが「UXの理想って突き詰めるとこうですよね」というのを具体的な事例で示してくれる本です。

UIが必要のない世界って理想的です。

オススメ度：★★★☆☆

AD

レイアウト

ウェブレイアウトの教科書

ウェブレイアウトの教科書　PC・スマートフォン・タブレット時代の標準デザイン

• 境祐司
• エムディエヌコーポレーション
• 価格￥1,850(2025/10/09 05:54時点)
• 発売日2011/12/21
• 商品ランキング1,359,284位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

7年前の本ですが、現在でも使えるアダクティブデザインについての本です。

フィックスドレイアウト/リキッドレイアウトを行き来して、使いこなしたい人にオススメです。また、これを知っていればエンジニアとのコミュニケーションも円滑になると思います。

オススメ度：★★★★☆

アクセシビリティ

デザイニングWebアクセシビリティ – アクセシブルな設計やコンテンツ制作のアプローチ

デザイニングWebアクセシビリティ - アクセシブルな設計やコンテンツ制作のアプローチ

• 太田良典,伊原力也
• ボーンデジタル
• 価格￥2,036(2025/10/09 05:54時点)
• 発売日2015/07/27
• 商品ランキング428,013位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

マシンリーダビリティやユニバーサルデザインなど、普段はそこまで意識することはないかもしれません。

ですが、たとえば行政関係の案件では視覚障害者や高齢者への対応は必須なので一読の価値ありのアクセシビリティ^※についての本です。

オススメ度：★★★★☆

※ アクセシビリティとは

情報やサービスへのアクセスのしやすさのことである。 アクセシビリティは、高齢者や障害者なども含めたあらゆる人が、どのような環境（うるさい場所や、暗い場所、逆に明るい場所など）においても柔軟にWebサイトを利用できるように構築することを考慮する場合に使われる。

色

配色&カラーデザイン ~プロに学ぶ、一生枯れない永久不滅テクニック

配色&カラーデザイン ~プロに学ぶ、一生枯れない永久不滅テクニック~[デザインラボ]

• 都外川 八恵
• SBクリエイティブ
• 価格￥2,658(2025/10/09 05:54時点)
• 発売日2012/05/29
• 商品ランキング50,163位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

Webデザイナーでも知っておきたい色についての知識が一通り網羅されています。

意外と色を使いこなせていない人も多い印象ですので知識を身につけて、他のデザイナーと差をつけましょう。

オススメ度：★★★★★

文字

タイポグラフィの基本ルール -プロに学ぶ、一生枯れない永久不滅テクニック

タイポグラフィの基本ルール -プロに学ぶ、一生枯れない永久不滅テクニック-[デザインラボ]

• 大崎 善治
• SBクリエイティブ
• 価格￥3,538(2025/10/09 05:54時点)
• 発売日2010/11/30
• 商品ランキング131,174位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

Webデザイナーでも知っておきたい文字について一通り網羅されています。

フォント選びの解像度もグンっと高くなるので、読んでいただきたいです。最近はタイトル周りもsvg対応が多いので、知っておいて損はありません。

オススメ度：★★★★★

制作ルール・コミュニケーション

Webデザイン必携。プロにまなぶ現場の制作ルール84

Webデザイン必携。　プロにまなぶ現場の制作ルール84

• 北村 崇,浅野 桜
• エムディエヌコーポレーション（MdN）
• 価格￥2,200(2025/10/09 05:54時点)
• 発売日2016/03/23
• 商品ランキング307,408位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

「理想的な環境設定」「綺麗なデザインデータ」「Webデザインするときに気をつけるべきポイント」などなどが一通り網羅されています。

これを一冊読めば、ディレクターやエンジニアとのコミュニケーションもスムーズになるので、重宝されるデザイナーになると思います。

オススメ度：★★★★★

Design Systems ―デジタルプロダクトのためのデザインシステム実践ガイド

Design Systems ―デジタルプロダクトのためのデザインシステム実践ガイド

• アラ・コルマトヴァ,佐藤伸哉,株式会社Bスプラウト
• ボーンデジタル
• 価格￥3,180(2025/10/09 05:54時点)
• 発売日2018/12/25
• 商品ランキング296,395位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

「デジタルプロダクトデザインをするときには、どのようにしてチームでコミュニケーションを取ればいいの?」という疑問に答えてくれる本です。

小規模サイトではなく、中/大規模サイトやWebサービスを制作するときに役立ちます。できれば案件に入る前に、デザイナーだけではなくプロジェクトチーム全員が読んでおくのが理想だと思います。

オススメ度：★★★★☆

流行

Webデザイン、これからどうなるの? キーワードから探るデザイン動向の現在と未来

Webデザイン、これからどうなるの? キーワードから探るデザイン動向の現在と未来

• 森本 友理,鈴木 慶太朗,福岡 陽,三宅 太門
• エムディエヌコーポレーション
• 価格￥2(2025/10/09 05:54時点)
• 発売日2018/01/17
• 商品ランキング1,382,394位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

近年のWebデザインにおけるトレンドを網羅している本です。

各センテンスで紹介されている参考サイトを、一つひとつを見ながら読むと、より頭に入ります。

オススメ度：★★★☆☆

その他

イノベーション・スキルセット～世界が求めるBTC型人材とその手引き

イノベーション・スキルセット～世界が求めるBTC型人材とその手引き

• 田川 欣哉
• 大和書房
• 価格￥1,550(2025/10/09 05:54時点)
• 発売日2019/08/24
• 商品ランキング176,550位

※こちらのリンクから商品を購入されると、利益の一部が弊社に還元されることがございます。

デザインだけでは物足りない。デジタルを通して世の中にインパクトを与えたいという人にオススメの本です。

「B＝ビジネス」「T＝テクノロジー」「C＝クリエイティビティ」の掛け算ができる、3領域を跨いだ人材にはどのようになればいいのかや、実際に跨いだ人材/組織が世界で巻き起こしているイノベーションについてを知ることができます。

オススメ度：★★★★☆

まとめ

紹介した図書の内容を身につければ、Webデザイナーとしてはまず間違いありません！

ぜひ、読んでいただければと思います。

以上もーりーでした。

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。