2024年WebデザインとUI/UXデザインの勉強に役立つ書籍・本まとめ

こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。

今回は、WebデザインとUI/UXデザインの
参考になる本をまとめた記事になります。

この記事の目次

Webデザインと
UI/UXデザインの書籍・本

この記事では、
WebデザインとUI/UXデザインを
学べる本を紹介していきます。

特に、次のような人は読んでみて下さい。

また、デザイン書籍等を1ヶ月無料で読むなら、
Amazonの「Kindle Unlimited」がおすすめ。

mrzw-design.com

2021-05-26 15:06

「WebデザインとUI/UXデザインの
　書籍・本の一覧」

系統	書籍名
UX+理論のWebデザイン	ノンデザイナーでもわかる UX+理論で作るWebデザイン
レスポンシブWebデザイン	プロが教えるレスポンシブWebデザイン現場のメソッドレイアウト・UIのマルチデバイス対応手法
Webデザインとプロトタイピング	Adobe XDではじめる Webデザイン & プロトタイピング一歩先行く現場のスキル

下でそれぞれ詳しく紹介しています。

川合俊輔/大本あかねマイナビ出版 2017年09月26日

WebデザインとUXデザインについて
体系立てて説明されている本。

タイトル (書籍名)	ノンデザイナーでもわかる UX+理論で作るWebデザイン
価格	¥2,739 (税込)
発売日	2017/9/26
特徴	・Webサイト制作・デザインする際に必要な考え方や法則をUXと理論の２つの側面からまとめている。・UXとは何かから始まり、UX設計の方法、具体的なデザイン手法まで解説。
内容	第1章デザイン思考とWebデザイン第2章 WebデザインとUX 第3章ビジネスモデルのデザイン第4章サイト構成のデザイン第5章情報のデザイン第6章ユーザー導線のデザイン第7章画面設計のデザイン第8章ユーザー操作とモバイルのデザイン第9章ユーザーの感性に訴えるデザイン
おすすめの人	・感覚的にUXデザインを行なっている人
その他

笹尾万里子/中村真己エムディエヌコーポレーション 2016年04月

レイアウトをはじめ、ナビゲーション・
フォーム・モーダルウィンドウ等の
パーツごとにレスポンシブに対応させる
実装方法を解説した本。

タイトル (書籍名)	プロが教えるレスポンシブWebデザイン現場のメソッドレイアウト・UIのマルチデバイス対応手法
価格	¥2,530 (税込)
発売日	2016/4/15
特徴	・シンプルな分かり易い作例をベースにステップ・バイ・ステップ形式で解説しているので本質的な仕組みを理解可能・掲載コードをダウンロードでき、コピー&ペースト等で利用できる。・Googleマップ等の外部API、Webアイコンフォント、遅延読み込みといった周辺技術も取り上げている。
内容	Chapter1 基本の確認 Chapter2 レイアウト Chapter3 ナビゲーション Chapter4 ギミック Chapter5 フォーム Chapter6 細かなテクニック Chapter7 API・外部サービスの活用
おすすめの人	・レスポンシブWebデザインを学びたい人
その他

松下絵梨翔泳社 2020年05月29日頃

コーディングに適した
プロトタイプが作れるAdobe XD本。

タイトル (書籍名)	Adobe XDではじめる Webデザイン & プロトタイピング一歩先行く現場のスキル
価格	¥2,750 (税込)
発売日	2020/5/29
対応バージョン
特徴	・WebデザインとUIのプロタイピングを高品質なサイトを作りながら、現場のワークフローに沿って学んでいく本・現場レベルで求められるスキルをより実践的な学び方で習得できる。・XD特有のクセの解決メモが役立つ。・キャプションも多く丁寧で分かり易い内容・細かい補足が多いのも特徴的。・Mac向けなのでWindowsの場合は少し不便
内容	1 Adobe XDの基本と製作準備 2 ワイヤーフレームの制作 3 スマートフォン版デザインカンプの制作1 トップページ 4 スマートフォン版デザインカンプの制作2 下層ページ 5 インタラクティブ・プロトタイプの制作 6 プロトタイプとデザインスペックの共有 7 デスクトップ版デザインカンプの制作 8 コーディングの準備と画像の書き出し 9 動きのあるUIの制作 10 プラグインの活用
おすすめの人	・プロトタイピングを実践的に学びたい人
その他