こんにちは、フルスタックエンジニアのryuです。
Webデザインについて勉強するならどの本がいいの・・・？
今回の記事は、Webデザインついて学習したい人にのおすすめの本を紹介します。「Webデザインについて勉強するならどの本がいいの？」、「Webデザインについて分かりやすい本は？」とお悩みの方。
これからWebデザインについて学習する人に向けて、おすすめの参考書をご紹介します。
こんな人におすすめ - ****Webデザインについて****勉強しようと考えている方 - Webデザイン**のおすすめの**本を知りたい方
Webデザインについて学べるおすすめ本5選！¶
「*Webデザイン*のおすすめ本はどれがいいの・・・」とお悩みの方。たしかに、本が多く、選ぶのも大変です。
今回は、参考書選びの助けになるように『*Webデザイン*のおすすめの本4選！』をご紹介します！
今回ご紹介する本は以下の通りです。
| No | ラベル | タイトル |
|---|---|---|
| 1 | 1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座 | |
| 2 | いちばんよくわかるWebデザインの基本きちんと入門［第2版］ レイアウト／配色／写真／タイポグラフィ／最新テクニック | |
| 3 | 動くWebデザイン アイディア帳 | |
| 4 | 動くWebデザイン アイディア帳 実践編 | |
| 2万回のA/Bテストからわかった 支持されるWebデザイン事例集 |
1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座¶
まず初めにご紹介するおすすめ本は、「1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座」です
Webデザイナーに必要なHTMLとCSSの知識が身に付く¶
こちらの本では、ウェブデザイナーに必要なHTMLとCSSの知識が身につきます。HTMLとCSSの基本からレスポンシブ、Flexbox、CSSグリッドなどを学ぶことができます。
本書の内容は以下のようになっています。
- CHAPTER1 最初に知っておこう！Webサイトの基本
- CHAPTER2 Webの基本構造を作る！HTMLの基本
- CHAPTER3 Webのデザインを作る！CSSの基本
- CHAPTER4 フルスクリーンのWebサイトを制作する
- CHAPTER5 2カラムのWebサイトを制作する
- CHAPTER6 タイル型のWebサイトを制作する
- CHAPTER7 外部メディアを利用する
コーディングとデザインの両方を学ぶことができます！
(出版社より)
これからWebサイトを作り始める初心者におすすめ¶
このような方におすすめです。
- これからWebサイトを作り始める初心者
- HTMLとCSSを基本から学びたい人
Amazonで試し読みできるので、興味のある方はこちらからどうぞ。
いちばんよくわかるWebデザインの基本きちんと入門¶
続いてご紹介する本は、「いちばんよくわかるWebデザインの基本きちんと入門［第2版］ レイアウト／配色／写真／タイポグラフィ／最新テクニック」です。
Webデザイナーに必須の基礎知識が学べる¶
こちらの本は、Webデザイナーに必須の基礎知識が網羅できます。レイアウト4つの原則とレスポンシブWebデザインな配色の基本と、実例デザインの配色見本集などを学ぶことができます。
これからWebデザインを学びたい初心者の方におすすめ¶
このような方におすすめです。
- これからWebデザインを学びたい初心者の方
- 1冊でWebデザイナーの基礎知識を網羅して学びたい方
Amazonで試し読みできるので、興味のある方はこちらからどうぞ。
動くWebデザイン アイディア帳¶
続いてご紹介する本は、「動くWebデザイン アイディア帳」です
Webデザインのアニメーションが学べる¶
こちらの本では、Webページによく実装される「動くパーツ」を13種類に分類して解説しています。特設サイトやダウンロードできるサンプルデータのコードをそのままコピー＆ペーストするだけで、動きを実装することができます。
これからWebデザインを学びたい初心者の方におすすめ¶
このような方におすすめです。
- JQueryやCSSのアニメーションを学びたい方
- Webデザインの中級者を目指したい方
Amazonで試し読みできるので、興味のある方はこちらからどうぞ。
こちらの本もおすすめです。
2万回のA/Bテストからわかった 支持されるWebデザイン事例集¶
最後にご紹介する本は、「2万回のA/Bテストからわかった 支持されるWebデザイン事例集」です。
Webデザインの改善事例が学べる¶
こちらの本では、Webデザインの改善事例を学ぶことができます。A/BテストでどのようにWebサイトが改善されたのか、どのような効果があるのかの事例を見ることができます。
2万回という大量の実例から厳選されたA/Bテストの実例をもとに、どのようなUIデザインが支持されるのかを解説されています。A/Bテストの結果により導き出された、理論だけではないユーザーから本当に支持されるデザインがわかります。
Webデザインを改善したい方におすすめ¶
このような方におすすめです。
- Webデザインを改善したい方
- LPやECサイトのCVRを上げたい方
Amazonで試し読みできるので、興味のある方はこちらからどうぞ。
Webデザインのおすすめ本5選まとめ¶
今回の記事では、Webデザインのおすすめ本をご紹介しました。紹介した本はこちら。
- [1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座](https://af.moshimo.com/af/c/click?a_id=1841358&p_id=170&pc_id=185&pl_id=27060&url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB07PS1ZJN6)
- いちばんよくわかるWebデザインの基本きちんと入門［第2版］ レイアウト／配色／写真／タイポグラフィ／最新テクニック
- 動くWebデザイン アイディア帳
- 動くWebデザイン アイディア帳 実践編
- 2万回のA/Bテストからわかった 支持されるWebデザイン事例集
これからWebデザインについて勉強しようと考えている方は参考にしてください。
当ブログでは、このようなITに関する記事を発信しているので興味のある方は引き続きご覧ください。
あわせて読みたい - JavaScriptのおすすめ参考書4選！【JavaScriptを勉強したい方必見】 - Webマーケティングおすすめ本4選！【Webマーケティングを勉強しよう】 - Google Apps Script(GAS)のおすすめ参考書4選！【GASで作業を自動化しよう！】
