【Amazon】人気の商品が日替わりで登場!
毎日お得なタイムセール!商品をみる

Webデザインの勉強におすすめの本6選

本記事では、Webデザインの勉強におすすめの参考書を紹介しています。

気になった参考書があれば、購入する前にAmazonの無料試し読みで内容を確認することをおすすめします。

表紙がイラストをたくさん使っているから、内容も初心者向けだろうと思い購入してみたら、図解での説明が少なく文字で埋め尽くされている参考書だった。。なんてこともありますので。

【月額980円で読み放題!】
Amazon Kindle Unlimited
先輩くん

Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ!

後輩ちゃん

初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね!

全プログラマー必見!
変数名/関数名にもう悩まない!
リーダブルコード
総合評価
( 5 )
メリット
  • 美しいコードが書けるが自然と書けるようになる
  • 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 (2023/07/23 02:48時点 | Amazon調べ)
目次

動くWebデザイン アイディア帳

総合評価
( 5 )
出版社ソシム
著者久保田涼子 / 杉山彰啓
発売日2021/2/26
ページ数523ページ
本書情報
本書の構成
  • サンプルサイトから見る機能に関わる動き
  • 動くWebデザインの基礎知識
  • Webサイトの動きを実現する仕組みと準備
  • ローディング・画面遷移
  • ナビゲーション・メニュー
  • ギャラリー・動画
  • ボタン・検索

Webデザインを学び始めたばかりの者です。
解説が丁寧でわかりやすく、初心者でも簡単に挑戦できました!

動きのあるデザインは苦手意識があったのですが、
この本のおかげでデザインの幅が広がりそうです。

これやりたかった!がたくさん詰まっている上、
本だからこそ、逆引きも簡単にできてこれから重宝しそうです。

引用元:Amazon

webデザインの勉強を始めて6ヵ月です。
html、cssとは違って格段に取っ付きにくいjava scrpt。
見様見真似でコピペでやっても上手くいったり行かなかったりという事が多かったので、文系脳の方に一番最初に基本を抑えつつ、確実に動く方法を教えてくれるという意味でとてもありがたい本だと思います。
最初からこれで学びたかったです。

引用元:Amazon
著:久保田涼子, 著:杉山彰啓
¥1,399 (2023/07/14 20:46時点 | Amazon調べ)

動くWebデザイン アイディア帳 実践編

総合評価
( 5 )
出版社ソシム
著者久保田涼子 / 杉山彰啓
発売日2021/7/31
本書情報
本書の構成
  • サンプルサイトから見る印象に関わる動き
  • 「動くWebデザイン」の基礎知識
  • Webサイトの動きを実現する仕組みと準備
  • 最低限覚えておきたい現れ方
  • 背景の動き
  • エリアの動き
  • 画像リンクの動き
  • テキストの動き
  • イラスト・オブジェクトの動き

jQuery を使用してのwebデザインです。コピーして使用できるので嬉しいです。
簡単に可愛いページが作成できます!
購入して本当に良かった一冊です。

引用元:Amazon

動く系はややこしいと思い敬遠してましたが、図解とCSSでわかりやすく説明されており、理解しながら設置することができるようになりました。
動き別に詳しい説明があるので、とっつき易いです。
少しのアニメーションでサイトがリッチに見えるようにもなります。
買った甲斐がありました。

引用元:Amazon
著:久保田 涼子, 著:杉山 彰啓
¥2,860 (2023/07/14 20:48時点 | Amazon調べ)

Webデザイン良質見本帳[第2版] 目的別に探せて、すぐに使えるアイデア集

総合評価
( 4.5 )
出版社SBクリエイティブ
著者久保田 涼子
発売日2021/12/21
本書情報
本書の構成
  • Webデザインの基礎知識
  • 印象から考えるデザイン
  • 配色から考えるデザイン
  • 業種・ジャンル別から考えるデザイン
  • レイアウトや構図から考えるデザイン
  • 素材・フォント・プログラムを使ったデザイン
  • トレンドのデザイン
  • パーツ別デザイン

印象、配色、業種・ジャンル、レイアウトなど、さまざまな角度からのWebデザインのアイデアが詰まった一冊です。
インデックスでカテゴライズされているので、求めているWebデザインのヒントをすぐに探せます。
全編フルカラーで画面写真も多く掲載されているので、各章の解説もわかりやすいですね。

引用元:Amazon

さまざまなデザインが掲載されているためとても参考になりました。
またその作り方も載っているのでとてもわかりやすく初心者でも問題ありません。
初めはこの本の通りにやっていき、慣れてきたら組み合わせて応用していくのもいいと思います。
とてもいい本だと思います。

引用元:Amazon

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

総合評価
( 4.5 )
出版社翔泳社
著者原田 秀司
発売日2019/1/21
ページ数211ページ
本書情報
本書の構成
  • デザインの目的とUI/UX
  • 物理的な制約
  • ソフトウェアの影響
  • 人間の認知特性
  • 階層と構造
  • ナビゲーションとインタラクション
  • デザインを形にする

良いアプリ、ウェブサイトを作るために知っておくとよいことばかり。
今の自分には理想的な一冊です。重宝しています。

引用元:Amazon

UIに関する本を読んだのは、この本が初めてでした。
とても詳しく、論理的に説明されているので、初めてでも理解できました。文字が多いですが、理解できずもやもやするようなこともなく完読。なにげなく使っているデジタル媒体は、すごく緻密に、思いやりを持って設計されていることに気づけた良書です。

引用元:Amazon

現場で使える Webデザインアイデアレシピ

総合評価
( 4.5 )
出版社マイナビ出版
著者小林 マサユキ
発売日2022/1/31
本書情報
本書の構成
  • 背景・画像・写真装飾
  • 見出しやテキストの装飾
  • レイアウト
  • ボタンデザイン
  • お問い合わせフォーム
  • 役立つWebツール
  • Google検索結果ページへの対策

実務ではコーディングにもデザインにもアイデアのヒントなったり、行き詰まった時はこの本で調べたりと手元において活用しています!説明も簡潔でとてもわかりやすいです。

引用元:Amazon

クライアントさんから、「ちょっとここ寂しいんでなんかして下さい」みたいなフワッと要望を一気に片付けてくれる1冊です。

また単に「装飾」というデザインにとどまらず、フォーム周りの「こうあるべきUIってどう組むんだっけ問題」がとても良くまとめられています。
サンプルコードが貰えるので時短にもなるし、特に初心者コーダー&デザイナーさんは手元に置いておくと重宝する1冊です。

引用元:Amazon

いちばんよくわかるWebデザインの基本きちんと入門

総合評価
( 4 )
出版社SBクリエイティブ
著者伊藤 庄平 / 益子 貴寛 / 久保 知己
発売日2017/2/24
ページ数251ページ
本書情報
本書の構成
  • Webデザインの基本
  • レイアウト
  • 配色
  • 写真と図版
  • タイポグラフィ
  • HTML5とCSS3
  • インタラクション
  • 運用とマーケティング

仕事としてWeb制作をすることになり、大変参考になりました。
本書を読む前にも他の本を数冊読んでいたのですが、とっかかりとしてはこの一冊だけ読んでおけば間違いありません。
Webとは、またブラウジングとは、という概念を理解できます。
タイトル通り、特にデザイン面での説明が秀逸で、いきなりコーディング技術を身に付けるよりも、先にこちらを学んだ方がWebというものを俯瞰して見ることができるようになるので、全体のスキルは向上するでしょう。
これ以上の内容を求めるのであれば、それぞれの専門書にステップアップしていけばよいかと思います。

引用元:Amazon

各項目ごとにしっかり分かれていたり、どこまで対応するかなど、
ひとそれぞれ考え方や作り方が違う部分もスタンダードはこれだとしっかり明記してあるので勉強になりました。
最新のWEBデザインやWEBデザイナーとして勉強し始めた人が分からない基礎の基礎の部分を丁寧に解説してくれているので、とても良かったです。
知らなかったり、間違えやすいところを知ることができました。

WEBデザインを始める人は必ず最初に読んでおきたい一冊になると思います。

引用元:Amazon
著:伊藤 庄平, 著:益子 貴寛, 著:久保 知己, 著:宮田 優希, 著:伊藤 由暁
¥2,356 (2023/07/14 20:54時点 | Amazon調べ)

ブログランキング・にほんブログ村へ PVアクセスランキング にほんブログ村 FC2 Blog Ranking

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