【46選】Webデザインを学ぶあなたにおすすめのデザイン本！

Web Designing 2024年2月号に、『UI LIBRARY』が掲載されました。
「もっと学びたい人のためのデザイン資料集」にてご紹介いただいております。是非ご覧ください。

Web Designing は、Web マーケティング、Web サイト構築、Web テクノロジーなど、Web ビジネスに携わる方々が関心の高いテーマを、幅広く体系的に、なおかつわかりやすく伝える雑誌です。

「デザイン＝楽しい」を実感できる！デザイナーのあたまの中を豊富なビジュアルでひも解く。

デザインは「余白」が９割。カフェ（カフェポスター、レストランのメニュー…）、ビジネス（会社案内パンフレット、プレゼン資料…）、和もの（着物レンタル広告、展覧会ポスター…）、化粧品（雑誌広告、新商品店頭ＰＯＰ…）、季節もの（ハロウィン、クリスマス、バレンタイン…）、ラグジュアリー（分譲マンションチラシ、車のポスター…）、豊富なレイアウト例！誰も教えてくれなかった「余白」デザインがわかる本。

印象別／年代別／国別／色相別。さまざまな配色見本が全部で３１７５選。イメージを形にできる新しい配色の教科書。

え？これも３色？マネするだけでオシャレな配色。デザイン、イラスト、ハンドメイド、ＷＥＢなどに使える！

バナー制作はこの１冊で解決！簡単に見えて、実は難しい…。小さなサイズのデザインの攻略法、全部教えます。広告・アイキャッチなどに、今日から使えるテクニック収録。

一生使えるＷｅｂデザインのテクニックが身に付く！Ｗｅｂクリエイターに必須の入門ガイドブック。どうすればプロ仕様のＷｅｂデザインが作れるのか？本書ではＷｅｂデザインの基礎知識と、実例のＷｅｂサイトの解説で、基礎から実践的なテクニックまでをきちんと解説。コンセプト、レイアウト、配色、写真と図版、タイポグラフィといったデザインの基礎力からＷｅｂに関連する技術まで、Ｗｅｂデザイナーがプロとして身に付けておくべき基礎知識がこの１冊できちんと身に付きます。

本書は４２９点の厳選した良質なＷｅｂサイトを集めた見本集です。第２版ではほぼ全てのデザインを見直し全面的な改訂を行っています。今後も長く使える最新のデザインを取り揃えました。レイアウト、配色、フォント、素材、動き、プログラムなど、ページを構成しているデザインパーツまで分解して解説しているので、Ｗｅｂサイトを見るだけではわからなかった「デザインの魅力の理由」がわかり、サイトの制作にもすぐに活用できます。「アイデアが見つからない」「イメージはあるけど、何が必要で、どう作ればいいかわからない」といった時に必見の価値あり。パラパラめくって好きなページを見つけ出し、デザイン制作に役立ててください。

コツを知れば初心者でもプロっぽく！デザインが上手くなるとっておき教えます。

ノンデザイナーさんのモヤモヤをスッキリ解消！あなたのチラシ、ポスター、プレゼン資料、広報誌が必ず良くなる秘訣。むずかしい専門用語やデザイン理論はなし！やってしまいがちなデザインの失敗をやさしくレスキュー。

本書は合計３００点以上の厳選した良質なグラフィックデザイン、Ｗｅｂデザイン、プロダクトデザイン、写真を集めたプロのデザイナーが使える配色見本集です。色相、明度、彩度、トーン、色数値、面積比など、配色を構成しているパーツまで分解して解説しているので、デザインを見るだけではわからなかった「配色の魅力の理由」がわかり、デザインの制作にもすぐに活用できます。「アイデアが見つからない」「イメージはあるけど、何が必要でどう配色をつくればいいかわからない」といった時に必見の価値あり。パラパラめくって好きなページを見つけ出し、デザイン制作に役立ててください。

今よく使われていたり、よく見る表現を集め、「っぽく」なるデザインのポイントを集めました。見るだけで楽しい作例から活用できるポイントを探して、デザイン制作に活かそう。日常の中にある「っぽさ」に目を凝らして分析することで、デザインの練習にもつながります。

原理を最低限理解して、早くサイトを動かしたい。よく使われる動きを最低限覚えたい。サイトに動きをどう組み込むかの事例を知りたい…「実装したい基本の動き」を丸ごとカバー。１９種類の機能から探せて、すぐに使えるサンプル集。

本書は、私がＴｗｉｔｔｅｒで発信してきたＷｅｂ制作Ｔｉｐｓをまとめて、具体的に解説した一冊です。ＨＴＭＬやＣＳＳの基礎を学んできて、次のステップを踏みたい。独学で学んできたので、他人のコードを見てみたい。無駄なコードを省き、短縮化させたい。よく見かけるあのデザイン、どう実装すればいいのか分からない。このような方を対象に、デザインを見ただけで必要なＨＴＭＬタグとＣＳＳコードをイメージし、実装できるように画像を使って詳しく解説しております。

「魅せる文字と読ませる文字は意識して使い分ける」「イメージに合うフォントを取捨選択」-フォント力は最強の武器になる！指摘されるまで気づかない「文字」デザインがわかる本。

スタイリッシュ（イベント告知ＤＭ、カフェのメニュー…）、ポップ（セールのバナー、ショップのフライヤー…）、ビジネス（セミナーのチラシ、書籍のポップ…）、パブリック（市民講座のポスター、ランディングページ…）、ナチュラル（地域のＰＲポスター、商品チラシ…）、ガーリー（ファッション誌の表紙、お菓子のパッケージ…）ほか、すぐに使えるあしらいのコツを紹介。「よはく。」「フォント。」に続く最新作。

「今っぽい」も「定番」も詰まった８つのカテゴリー。デザイン作例と配色のバランスも掲載。

ｉｎｇｅｃｔａｒ-ｅがハンドレタリングのフォントを作りました！おしゃれなパーツ素材も入って、この１冊でデザインがほぼ完成！シンプル＆キッズ向けのデザインを今っぽくポップに。

基本の「き」から１つずつ、Ｐｈｏｔｏｓｈｏｐの使い方とデジタル画像の基礎知識を解説。人気講師が教える「手を動かしながら学ぶ授業」です。楽しみながら学ぼう！世界でいちばんやさしいとことん丁寧な入門書。基本操作から、ずっと使える実践ワザまで、必修機能を完全網羅！

初めてでも安心の解説動画付き。やる気がアップする魅力的な作例。ワンランク上のテクニックまで学べる。

デザイナーになりたい、写真の困ったを解決したい、副業でｗｅｂデザインをしたい、Ｐｈｏｔｏｓｈｏｐを使う全ての初心者へ！

「ちょっと聞きたい」や「言葉で教えにくい」が全部書いてある！ソフト操作、制作知識、制作の流れ、入稿方法ーデザインの必要知識をさくっとマスター！デザイナー１年生、社内デザイン担当者、在宅ワークにお役立ち！

すぐに使えるレタッチの基本から、目を奪われるプロレベルの作品まで、あらゆるスキルを凝縮。この１冊ですべて学べる！使えるテクニック１１０Ｒｅｃｉｐｅｓ。

モノを作るためには道具を自分の身体のように使えることが大切です。デジタルなクリエイティブの世界でもそれは同じ。創造するためには、まず技術を身につけましょう。機能やツールの使い方の初歩の初歩からはじめて、読み終わるころにはしっかりと基礎力がついているように、本当に必要な技術を選んで１５のレッスンを構成しました。

本書は「Ｉｌｌｕｓｔｒａｔｏｒでやりたいことはあるけど、操作方法がわからない」という方のための書籍です。汎用的な頻出テクニックから、ワンランク上のプロの技までを、目的別にまとめた逆引き本です。初心者の方でも確実に操作できるように、全手順を丁寧に解説しています。Ｉｌｌｕｓｔｒａｔｏｒを自由自在に使えるようになるためには「どのように操作するか」に加えて、そのノウハウをみなさん自身が応用できるようになることが大切です。そのため、本書では詳しい手順解説に加えて、各ダイアログの項目説明や、操作理由の解説も行っています。Ｉｌｌｕｓｔｒａｔｏｒの効果的な学習方法の１つに「操作内容をアレンジする」というものがあります。１回目は本書の手順に沿って操作を進め、２回目以降では設定値や形状をアレンジすることで、みなさんのオリジナルのアートワークを作成してみてください。そうすることで飛躍的に理解度が深まります。

デザインが作れない。手順がわからない。現場を知らない。センスがない。手を動かすから身に付く。プロの技が一気に学べる！基本、レイアウト、写真、配色、タイポグラフィ、ロゴ、イラスト、実践テクニック。役立つテクニック９２　Ｒｅｃｉｐｅｓ。

Ｆｉｇｍａ初心者のための基本操作からチームで行うペアデザインの実践方法まで、デザイン制作のながれ（ポートフォリオサイト、ＥＣサイト、コーポレートサイト、レシピアプリ）を学べる１冊。

初心者のための最低限の基本操作から、現場で使えるワザまでこれ１冊に。プレゼンテーション資料の作成、オンラインホワイトボード、ワイヤーフレームの作成、コーディングの準備。話題のデザインコラボレーションツールＦｉｇｍａを使いこなす！

知識ゼロから体系的に学べる！ＨＴＭＬとＣＳＳの基本。最新の技術に対応！レスポンシブ、Ｆｌｅｘｂｏｘ、ＣＳＳグリッド。手を動かしながら学べる！プロの現場で役立つテクニック。コードの知識からデザインのことまで１冊ですべて学べる！

５つのサイトから学べる！今のＷｅｂサイトを作る最新の技術群。自由な表現ができる！手描き、斜め、グラデーション、装飾の作り方。今日から使える！表とグラフ、アニメーションなど、ＪａｖａＳｃｒｉｐｔライブラリ。動画、カスタム変数、Ｅｍｍｅｔ、Ｓａｓｓ、問題解決の知識まで。一歩進んだＷｅｂサイト制作の知識が一気に学べる！

モノを作るためにはスキルを身体化することが大切です。デジタルなクリエイティブの世界でもそれは同じ。創造するためには、まずスキルを身につけましょう。言語やツールの使い方の初歩の初歩からはじめて、読み終わるころにはしっかりと基礎力がついているように、本当に必要な知識を選んで１５のレッスンを構成しました。どこに行っても胸を張って「使えます！」といえる。そんなクリエイターへの道をこの本から踏み出しましょう。

Ｗｅｂサイトのコードが読める・分かる。書式、ＨＴＭＬタグ、ＣＳＳプロパティーすべてを網羅した定番リファレンス。

「５つのレイアウトパターン」と「レスポンシブデザイン」を実際に手を動かして作りながらサイト制作の基本が学べる！ライブ感のあるチュートリアル学習により、まるでＷｅｂデザイン会社でＯＪＴ（オン・ザ・ジョブ・トレーニング）を受けているような体験型の独習書です。

ＣＳＳをより便利に、効率的に書ける！基本から実践テクニックまで、この一冊で完全網羅。タスクランナー「ｇｕｌｐ」での導入方法から、ＧＵＩでの導入方法、著者が実際に仕事の現場で使っているテクニックまで徹底解説！

本書は、著者がＵＸデザインと交差する心理学の法則をまとめたウェブサイト「Ｌａｗｓ　ｏｆ　ＵＸ」を元に構成されています。「意思決定にかかる時間は選択肢の数と複雑さで決まる」、「タッチターゲットに至るまでの時間はターゲットの大きさと近さで決まる」などの１０の法則を、各章において、ポイント、概要、起源、事例、結論にまとめ紹介します。ノンデザイナーにもデザインセンスが求められる時代に欠かせないハンドブックです。

ユーザー目線でのプロダクト開発。デザインで変革する攻めのＤＸ。社内の理解と共感を増やす方法。デザインの力で組織を変える！銀行Ｎｏ．１デジタルサービスの真相。

制作→共有→評価→改善。フローがわかる本。

ＵＩを、化学の原子に見立てて設計する、Ａｔｏｍｉｃ　Ｄｅｓｉｇｎの考え方・具体的な手順からＲｅａｃｔを使った実装まで、ＵＩ設計の本質とともに１冊で解説。インターネットテレビ「ＡｂｅｍａＴＶ」のＵＩ設計を担当した著者が、現場実践をふまえて伝授する。

本書はＵＩにおけるデザインの定義から、ハードおよびソフトによる制約、人間の心理による影響、そして具体的にデザインを形にする方法までを、図や画像を使いながら、わかりやすく体系的に解説していきます。Ｗｅｂサイトの閲覧者やアプリのユーザーは、いつのまにか迷ったり、わからなくなったり、操作がしっくりこなかったりすることがあります。本書を読むと「わかりやすさ」と「使いやすさ」の要点がわかるので、ユーザーを迷わせない、最適なＵＩを見つけることができます。デザイナーはもちろん、エンジニア、ディレクター、発注者など、ＵＩ制作に関わる、あらゆる方におすすめの１冊です。

本書は、実際に大手デジタルマーケティング会社でＵＸデザインを実践してきた執筆陣が、Ｗｅｂ制作者が知っておくべき、ＵＸデザインの基本から「ユーザビリティ評価」「プロトタイピング」「構造化シナリオ」「ユーザー調査」「カスタマージャーニーマップ」「ユーザーモデリング」「組織導入」までを、８つの章に分けて解説していきます。実際に導入するためのテクニックや大小２つのプロジェクトのモデルケースを収録し、理想論でなくあくまで現実的、実践的な方法を一冊にまとめました。さらに、テンプレートもダウンロードできるので、理解するだけでなく、すぐに試すこともできます。まさに、ＵＸデザインの“現場叩き上げ”の教科書です。