最近はWeb開発に取り組む人も増え、Webデザインスキルへの注目も高まっています。
ただ実装ができるよりも、実装に加えデザイン知識もあると示せることで、付加価値・差別化が強まります。
こちらでは、そんな今注目のWebデザインの参考書を、人気・高評価のおすすめ本とともに紹介していきます。
発売したて・発売予定の新書をピックアップ
技術書は情報の鮮度も重要、人気ランキングの前に新しい書籍もチェックしておきましょう。
- 2024/01/26発売 「スマートWebデザイン 脱・自己流のデザイン＆データ作成術」
- 2024/01/26発売 「気鋭のデザイナーたちが表現する いま注目の作字アイデア104 偏愛文字図鑑」
- 2024/02/16発売 「【購入者限定特典あり】つくるデザイン 基礎・レイアウト・かたち・文字・色・実践」
- 2024/03/02発売 「1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］」
- 2024/03/09発売 「世界一わかりやすいPhotoshop 操作とデザインの教科書［改訂4版］」
- Webデザインの本「最新の人気ランキング 20冊」
- Webデザインの本 人気の10冊
- なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉
- 伝わるスライドデザイン大全
- 1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］
- [デザイン技法図鑑]ひと目でわかるレイアウトの基本。
- パワポdeデザイン PowerPointっぽさを脱却する新しいアイデア
- デザインのネタ帳 プロ並みに飾る文字デザイン Illustrator+Photoshop
- とりあえず、素人っぽく見えないデザインのコツを教えてください!
- 思わずクリックしたくなる バナーデザインのきほん
- [デザイン技法図鑑]ひと目でわかるフォントが活きるデザインの基本。
- イラレ職人コロが教える飾りのデザイン Illustratorのアイデア
- Webデザインの本 最新・高評価のおすすめの5冊
- Webデザインの本「Kindle Unlimited 読み放題 人気本ランキング」
- Webデザイン参考書「新書一覧(2021年、2022年刊行)」
- おまけ：本より高コスパ？「Udemy Webデザインおすすめ講座」
- 関連：フロントエンド実装「HTML/CSS」「JavaScript」を学ぶ
- 関連：「Webライティング」「マーケティング」を学ぶ
Webデザインの本「最新の人気ランキング 20冊」
今人気の「Webデザインの本」をランキングで一覧したのが以下です。
(2025/11/01 12:14 更新)
| Rank | 製品 | 価格 |
|---|---|---|
1 |  | |
2 |  | |
3 |  | |
4 |  | |
5 |  | |
6 |  デザインのネタ帳 プロ並みに飾る文字デザイン Illustrator+Photoshop... 発売日 2022/05/02 mito, マルミヤン, 佐々木拓人, 高橋としゆき (エムディエヌコーポレーション（MdN）) 総合評価 | |
7 |  | |
8 |  | |
9 |  | |
10 |  | |
11 |  | |
12 |  | |
13 |  | |
14 |  | |
15 |  オブジェクト指向UIデザイン──使いやすいソフトウェアの原理 (WEB+DB PRESS plusシリーズ)... 発売日 2020/06/05 ソシオメディア株式会社, 上野 学, 藤井 幸多 (技術評論社) 総合評価 | |
16 |  | |
17 |  | |
18 |  | |
19 |  改訂版 ウェブデザイン技能検定 3級 過去問題集 (よくわかるマスター)... 発売日 2022/03/28 特定非営利活動法人インターネットスキル認定普及協会 (富士通ラーニングメディア(FOM出版)) 総合評価 | |
20 |  |
以降でおすすめ・注目の本をピックアップしていきます。
Kindle版のある本なら試し読みも可能。大概目次まで見れるので、概要もつかめるので、サンプル試読がおすすめです。
Webデザインの本 人気の10冊
以下が「Webデザインの本」人気の10冊詳細です。
(2025/11/01 12:14 更新)
| Rank | 製品 | 価格 |
|---|---|---|
1 | | |
2 | | |
3 | | |
4 | | |
5 | | |
6 | デザインのネタ帳 プロ並みに飾る文字デザイン Illustrator+Photoshop... 発売日 2022/05/02 mito, マルミヤン, 佐々木拓人, 高橋としゆき (エムディエヌコーポレーション（MdN）) 総合評価 | |
7 | | |
8 | | |
9 | | |
10 | |
なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉
〜目で見て楽しむ新しいデザインの本！〜
「デザイン＝楽しい」を実感できる新しいデザイン書籍。
デザインする上で必要な基礎、概念、ルール、プロセスを
図解やイラスト、写真などのビジュアルで解説しています。
現場で活躍しているデザイナーが身近にあるわかりやすいものに例えたり、
図解、イラスト、別のものに置き換えて見方を変えてみたり…
豊富なビジュアルとともにわかりやすくひも解いた、
楽しみながらデザインのあれこれがわかる「なるほど！」と思える内容が盛りだくさんです！
〈本書の内容〉
■Chapter 1
デザインに「正解」はない ーー編集とデザイン
■Chapter 2 デザイナーの7つ道具
どっちがダイジ？ を口癖にしよう。ーーダイジ度天秤
主役を狙って、光を当てる。ーースポットライト
いいデザインて、いいキャラしてます。ーー擬人化力
ヒントは世の中にあふれてる。ーー連想力
言葉と絵のバイリンガルになろう。ーー翻訳機
ふところに隠し持った、最終兵器。ーー虫めがね
そのデザインを決めるもの。ーー愛
■Chapter 3 デザインの素
布地を織り上げるように組む。ーー文字と組み
言葉の「らしさ」をつくる。ーー言葉と文章
右脳と左脳で考えてみる。ーー色
イメージの力に向き合う。ーー写真
ロジカル、ときどきグラフィカル。ーーグラフとチャート
「デザイン＝楽しい」を実感できる新しいデザイン書籍。
デザインする上で必要な基礎、概念、ルール、プロセスを
図解やイラスト、写真などのビジュアルで解説しています。
現場で活躍しているデザイナーが身近にあるわかりやすいものに例えたり、
図解、イラスト、別のものに置き換えて見方を変えてみたり…
豊富なビジュアルとともにわかりやすくひも解いた、
楽しみながらデザインのあれこれがわかる「なるほど！」と思える内容が盛りだくさんです！
〈本書の内容〉
■Chapter 1
デザインに「正解」はない ーー編集とデザイン
■Chapter 2 デザイナーの7つ道具
どっちがダイジ？ を口癖にしよう。ーーダイジ度天秤
主役を狙って、光を当てる。ーースポットライト
いいデザインて、いいキャラしてます。ーー擬人化力
ヒントは世の中にあふれてる。ーー連想力
言葉と絵のバイリンガルになろう。ーー翻訳機
ふところに隠し持った、最終兵器。ーー虫めがね
そのデザインを決めるもの。ーー愛
■Chapter 3 デザインの素
布地を織り上げるように組む。ーー文字と組み
言葉の「らしさ」をつくる。ーー言葉と文章
右脳と左脳で考えてみる。ーー色
イメージの力に向き合う。ーー写真
ロジカル、ときどきグラフィカル。ーーグラフとチャート
↓全て表示↑少なく表示
内容サンプル
目次
１ 編集×デザイン（編集とデザインの関係
デザインしてみよう）
２ デザイナーの７つ道具（ダイジ度天秤ーどっちがダイジ？を口癖にしよう。
スポットライトー主役を狙って光を当てる。
擬人化力ーいいデザインていいキャラしてます。
連想力ーヒントは世の中にあふれてる。
翻訳機ー言葉と絵のバイリンガルになろう。
虫めがねーふところに隠し持った、最終兵器。
愛ーそのデザインを決めるもの。）
３ デザインの素（文字と組みー布地を織り上げるように組む。
言葉と文章ー言葉の「らしさ」をつくる。
色ー右脳と左脳で考えてみる。
写真ーイメージの力に向き合う。
グラフとチャートーロジカル、ときどきグラフィカル。）
デザインしてみよう）
２ デザイナーの７つ道具（ダイジ度天秤ーどっちがダイジ？を口癖にしよう。
スポットライトー主役を狙って光を当てる。
擬人化力ーいいデザインていいキャラしてます。
連想力ーヒントは世の中にあふれてる。
翻訳機ー言葉と絵のバイリンガルになろう。
虫めがねーふところに隠し持った、最終兵器。
愛ーそのデザインを決めるもの。）
３ デザインの素（文字と組みー布地を織り上げるように組む。
言葉と文章ー言葉の「らしさ」をつくる。
色ー右脳と左脳で考えてみる。
写真ーイメージの力に向き合う。
グラフとチャートーロジカル、ときどきグラフィカル。）
↓全て表示↑少なく表示
Users Voice
内容サンプル
著者略歴
筒井美希（ツツイミキ）
株式会社コンセントアートディレクター／デザイナー。武蔵野美術大学デザイン情報学科卒業後、２００６年（株）アレフ・ゼロ（現・コンセント）入社。雑誌・書籍・広報誌・カタログ・学校案内・Ｗｅｂサイトなど、幅広くアートディレクション・デザインを手がける（本データはこの書籍が刊行された当時に掲載されていたものです）
株式会社コンセントアートディレクター／デザイナー。武蔵野美術大学デザイン情報学科卒業後、２００６年（株）アレフ・ゼロ（現・コンセント）入社。雑誌・書籍・広報誌・カタログ・学校案内・Ｗｅｂサイトなど、幅広くアートディレクション・デザインを手がける（本データはこの書籍が刊行された当時に掲載されていたものです）
伝わるスライドデザイン大全
内容サンプル
Users Voice
内容サンプル
1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］
内容サンプル
内容サンプル
[デザイン技法図鑑]ひと目でわかるレイアウトの基本。
この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。
【なっとく！ デザインの基本。】
デザインの基本的なセオリーや手法を、ビジュアルで直感的に“ひと目”でわかるように解説した［デザイン技法図鑑］シリーズの第一弾は「レイアウト」です。シンプルでわかりやすいデザインサンプルや概念図を駆使した誌面で、直感的にレイアウトのルールが理解できます。
レイアウトの章では、集中・拡散・分解・整列などの実践に役立つ基本のレイアウトテクニックを解説。また、その手法を起用した実例などをとおして実践的に理解することができます。
文字の組み方やフォントのイメージ、写真の活用方法やイラストの活用、インフォグラフィックやチャートのテクニックなど、基本プラスαをきちんと学べる初心者のための教科書です。
〈本書の構成〉
デザインって何？
■CHAPTER1:レイアウト
1-1 集中
1-2 拡散
1-3 分割
1-4 散乱
1-5 整列
1-6 均等
1-7 対比
1-8 反復
1-9 余白...ほか
■CHAPTER2:文字
2-1 太めのフォント
2-2 細めのフォント
2-3 和風のフォント
2-4 丸みのあるフォント
2-5 かたまりで組む...ほか
■CHAPTER3:写真
3-1 写真が主役
3-2 正方形の写真
3-3 写真のかたち（切り抜き）
3-4 メインとサブの関係
3-5 被写体の視線...ほか
■CHAPTER4:図版
4-1 イラストの役割
4-2 イラストでマイルドに
4-3 イラストでわかりやすく
4-4 インフォグラフィックス
4-5 チャートで説明...ほか
■CHAPTER5:配色
5-1 同系色・類似色
5-2 反対色・補色
5-3 単色...ほか
〈［デザイン技法図鑑］シリーズの特徴〉
◎直感的なビジュアルでデザインの基本が理解できる
◎ちゃんとした基礎を理解しながら体系的に学習できる
◎美しくてわかりやすいサンプルで実践的に解説
〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。
【なっとく！ デザインの基本。】
デザインの基本的なセオリーや手法を、ビジュアルで直感的に“ひと目”でわかるように解説した［デザイン技法図鑑］シリーズの第一弾は「レイアウト」です。シンプルでわかりやすいデザインサンプルや概念図を駆使した誌面で、直感的にレイアウトのルールが理解できます。
レイアウトの章では、集中・拡散・分解・整列などの実践に役立つ基本のレイアウトテクニックを解説。また、その手法を起用した実例などをとおして実践的に理解することができます。
文字の組み方やフォントのイメージ、写真の活用方法やイラストの活用、インフォグラフィックやチャートのテクニックなど、基本プラスαをきちんと学べる初心者のための教科書です。
〈本書の構成〉
デザインって何？
■CHAPTER1:レイアウト
1-1 集中
1-2 拡散
1-3 分割
1-4 散乱
1-5 整列
1-6 均等
1-7 対比
1-8 反復
1-9 余白...ほか
■CHAPTER2:文字
2-1 太めのフォント
2-2 細めのフォント
2-3 和風のフォント
2-4 丸みのあるフォント
2-5 かたまりで組む...ほか
■CHAPTER3:写真
3-1 写真が主役
3-2 正方形の写真
3-3 写真のかたち（切り抜き）
3-4 メインとサブの関係
3-5 被写体の視線...ほか
■CHAPTER4:図版
4-1 イラストの役割
4-2 イラストでマイルドに
4-3 イラストでわかりやすく
4-4 インフォグラフィックス
4-5 チャートで説明...ほか
■CHAPTER5:配色
5-1 同系色・類似色
5-2 反対色・補色
5-3 単色...ほか
〈［デザイン技法図鑑］シリーズの特徴〉
◎直感的なビジュアルでデザインの基本が理解できる
◎ちゃんとした基礎を理解しながら体系的に学習できる
◎美しくてわかりやすいサンプルで実践的に解説
↓全て表示↑少なく表示
内容サンプル
Users Voice
内容サンプル
パワポdeデザイン PowerPointっぽさを脱却する新しいアイデア
PowerPointの知られざる「すごさ」をnoteやTwitterで発信している菅新汰さんによる初のデザインブック。従来の資料作成ソフトとしてのパワポっぽさを脱却しながら、おしゃれな表現方法を学ぶことができます。著者の魅力的な作例を通して必要なテクニックを学ぶことで、「こんなのがパワポで作れるの？」と思わず言いたくなるスライド、ポスター、動画、サムネイルなども簡単に作ることができるようになります。
※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。
※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。
内容サンプル
目次
第０章 使いやすさＵＰのコツ
第１章 文字で印象づける
第２章 かっこいいデータの魅せ方
第３章 図形を使いこなす
第４章 画像の工夫で魅力的に仕上げる
第５章 素材を使いこなす
第６章 その他のテクニック
第１章 文字で印象づける
第２章 かっこいいデータの魅せ方
第３章 図形を使いこなす
第４章 画像の工夫で魅力的に仕上げる
第５章 素材を使いこなす
第６章 その他のテクニック
Users Voice
内容サンプル
著者略歴
菅新汰（スガアラタ）
１９９７年生まれ。株式会社プレゼン製作所クリエイター。「ＰｏｗｅｒＰｏｉｎｔのあまり知られていない“すごさ”を伝える」をコンセプトに、Ｔｗｉｔｔｅｒとｎｏｔｅを通してパワポやプレゼンについての情報発信を行っている（本データはこの書籍が刊行された当時に掲載されていたものです）
１９９７年生まれ。株式会社プレゼン製作所クリエイター。「ＰｏｗｅｒＰｏｉｎｔのあまり知られていない“すごさ”を伝える」をコンセプトに、Ｔｗｉｔｔｅｒとｎｏｔｅを通してパワポやプレゼンについての情報発信を行っている（本データはこの書籍が刊行された当時に掲載されていたものです）
デザインのネタ帳 プロ並みに飾る文字デザイン Illustrator+Photoshop
デザインのネタ帳 プロ並みに飾る文字デザイン Illustrator+Photoshop
(著)mito, マルミヤン, 佐々木拓人, 高橋としゆき
発売日 2022/05/02
(著)mito, マルミヤン, 佐々木拓人, 高橋としゆき
発売日 2022/05/02
総合評価
（2025/11/01 12:14時点）
内容サンプル
内容サンプル
とりあえず、素人っぽく見えないデザインのコツを教えてください!
◆素人っぽいデザインはもう卒業! 知識0でもわかるデザインの入門書が発売!
理由はわからないけど読みにくい、色やフォントが選べない、
写真や文字をどう配置すればいいのかわからない…、
デザインをするなかで、「なんか素人っぽいな…」と悩むことありませんか?
この本ではデザイン初心者さんでも
これだけ覚えておけば間違いない基本と、
デザインがプロっぽく見えるコツを
5つのカテゴリーに分けて解説しています。
難しい、どう実践すればいいのかわからないと感じるデザインのコツを、
簡単なキーワードと図、作例を使って解説!
今日から実践できるデザインテクニックばかりです。
とりあえず、素人っぽく見えない
デザインのコツを教えてください!
簡単だけど、デザインがグっと変わる
コツをお教えします!
◆こんなデザインシーンに役立ちます
ポスター/チラシ/POP/広告/バナー/サムネイル/
広報誌/宣伝・販促物/同人誌の表紙/ポートフォリオなど/
◆目次
CHAPTER 1 まずは情報整理から レイアウトのコツ
CHAPTER 2 すっきり読みやすい 文字と文章
CHAPTER 3 1色や 3 色で OK! 配色アイデア
CHAPTER 4 ひと目で伝わる ビジュアル
CHAPTER 5 もう一歩作り込む あしらいと装飾
理由はわからないけど読みにくい、色やフォントが選べない、
写真や文字をどう配置すればいいのかわからない…、
デザインをするなかで、「なんか素人っぽいな…」と悩むことありませんか?
この本ではデザイン初心者さんでも
これだけ覚えておけば間違いない基本と、
デザインがプロっぽく見えるコツを
5つのカテゴリーに分けて解説しています。
難しい、どう実践すればいいのかわからないと感じるデザインのコツを、
簡単なキーワードと図、作例を使って解説!
今日から実践できるデザインテクニックばかりです。
とりあえず、素人っぽく見えない
デザインのコツを教えてください!
簡単だけど、デザインがグっと変わる
コツをお教えします!
◆こんなデザインシーンに役立ちます
ポスター/チラシ/POP/広告/バナー/サムネイル/
広報誌/宣伝・販促物/同人誌の表紙/ポートフォリオなど/
◆目次
CHAPTER 1 まずは情報整理から レイアウトのコツ
CHAPTER 2 すっきり読みやすい 文字と文章
CHAPTER 3 1色や 3 色で OK! 配色アイデア
CHAPTER 4 ひと目で伝わる ビジュアル
CHAPTER 5 もう一歩作り込む あしらいと装飾
↓全て表示↑少なく表示
内容サンプル
目次
１ まずは情報整理からレイアウトのコツ（ラフ ラフを作ってデザイン迷子防止！
まとめる グループごとにまとめる！ ほか）
２ すっきり読みやすい文字と文章（読みやすい文章 読みやすさは文字サイズ、行間、文字間で決まる。
和文フォント ゴシック、明朝、丸ゴシック。基本はこの３つでＯＫ！ ほか）
３ １色や３色でＯＫ！配色アイデア（色のイメージ 色が与える印象を知ろう。
ワンカラー １色選ぶだけでデザインはできる！ ほか）４ ひと目で伝わるビジュアル（写真とイラスト イラストや写真を入れてみよう。
写真のレイアウト 写真が活きるレイアウトのコツ！ ほか）
５ もう一歩作り込むあしらいと装飾（情報のアイコン 情報のアイコン化ですっきり注目！
フレーム フレームはシンプルに使おう。 ほか）
まとめる グループごとにまとめる！ ほか）
２ すっきり読みやすい文字と文章（読みやすい文章 読みやすさは文字サイズ、行間、文字間で決まる。
和文フォント ゴシック、明朝、丸ゴシック。基本はこの３つでＯＫ！ ほか）
３ １色や３色でＯＫ！配色アイデア（色のイメージ 色が与える印象を知ろう。
ワンカラー １色選ぶだけでデザインはできる！ ほか）４ ひと目で伝わるビジュアル（写真とイラスト イラストや写真を入れてみよう。
写真のレイアウト 写真が活きるレイアウトのコツ！ ほか）
５ もう一歩作り込むあしらいと装飾（情報のアイコン 情報のアイコン化ですっきり注目！
フレーム フレームはシンプルに使おう。 ほか）
↓全て表示↑少なく表示
Users Voice
内容サンプル
思わずクリックしたくなる バナーデザインのきほん
バナーデザインで困った時は
この1冊で解決!
バナーは情報量の多いWeb上に掲載されるので
「パッと一目で情報を伝える」必要があります。
なので、目に留めてもらう工夫が必須!
この本では「パッと見て伝わるバナーデザイン」を作ることを目的とし、
8つの基本と6つのカテゴリーに分けた工夫やテクニックをご紹介します。
・バナー制作に時間がかかってしまう!
・バナーを作るのが苦手…。
・サイズが小さくで作るのが難しい
基本も応用もしっかり解説しているので、
デザイン初心者の方でもこの本を読めば、
伝わるバナーが作れること間違いなしです!
▼こんなシーンに役立つ
・WEB・SNSなどに掲載する広告バナー
・ブログやHPのアイキャッチ
・ネットショップのバナー
・記事の見出し画像
▼CONTENTS
PART1 伝わるバナーってどう作るの?
PART2 小さくてもわかりやすく! レイアウトのコツ
PART3 パッと伝わる文字の見せ方
PART4 全く違う情報をわかりやすく伝えるグルーピング術
PART5 人の顔や視線を使って目を引くデザインに
PART6 イマイチな写真をよく見せる補正と加工
PART7 あしらいと演出で心惹かれるデザインに
総復習! バナー練習問題
キーカラーで選ぶバナー配色手帳
この1冊で解決!
バナーは情報量の多いWeb上に掲載されるので
「パッと一目で情報を伝える」必要があります。
なので、目に留めてもらう工夫が必須!
この本では「パッと見て伝わるバナーデザイン」を作ることを目的とし、
8つの基本と6つのカテゴリーに分けた工夫やテクニックをご紹介します。
・バナー制作に時間がかかってしまう!
・バナーを作るのが苦手…。
・サイズが小さくで作るのが難しい
基本も応用もしっかり解説しているので、
デザイン初心者の方でもこの本を読めば、
伝わるバナーが作れること間違いなしです!
▼こんなシーンに役立つ
・WEB・SNSなどに掲載する広告バナー
・ブログやHPのアイキャッチ
・ネットショップのバナー
・記事の見出し画像
▼CONTENTS
PART1 伝わるバナーってどう作るの?
PART2 小さくてもわかりやすく! レイアウトのコツ
PART3 パッと伝わる文字の見せ方
PART4 全く違う情報をわかりやすく伝えるグルーピング術
PART5 人の顔や視線を使って目を引くデザインに
PART6 イマイチな写真をよく見せる補正と加工
PART7 あしらいと演出で心惹かれるデザインに
総復習! バナー練習問題
キーカラーで選ぶバナー配色手帳
↓全て表示↑少なく表示
内容サンプル
目次
１ 伝わるバナーってどう作るの？
２ 小さくてもわかりやすく！レイアウトのコツ
３ パッと伝わる文字の見せ方
４ 全く違う情報をわかりやすく伝えるグルーピング術
５ 人の顔や視線を使って目を引くデザインに
６ イマイチな写真をよく見せる補正し加工
７ あしらいと演出で心惹かれるデザインに
２ 小さくてもわかりやすく！レイアウトのコツ
３ パッと伝わる文字の見せ方
４ 全く違う情報をわかりやすく伝えるグルーピング術
５ 人の顔や視線を使って目を引くデザインに
６ イマイチな写真をよく見せる補正し加工
７ あしらいと演出で心惹かれるデザインに
↓全て表示↑少なく表示
Users Voice
内容サンプル
著者略歴
カトウヒカル
１９８４年生まれ。佐賀県出身。２０１２年よりＷｅｂデザイナーとして活動。ｋａｎｖａｓ（カンバス）という屋号で企業のホームページ制作を行う。これまで１００サイト以上の制作に関わり、半数はデザインからＨＴＭＬ／ＣＳＳコーディング、ＣＭＳの組込までワンストップで対応。２０２０年２月からＷｅｂデザインの授業を視聴できるサービス「Ｗｅｂデザイン１ｏｎ１レッスンチャンネル」を主催。ＴｗｉｔｔｅｒではバナーデザインのＴｉｐｓを発信（本データはこの書籍が刊行された当時に掲載されていたものです）
１９８４年生まれ。佐賀県出身。２０１２年よりＷｅｂデザイナーとして活動。ｋａｎｖａｓ（カンバス）という屋号で企業のホームページ制作を行う。これまで１００サイト以上の制作に関わり、半数はデザインからＨＴＭＬ／ＣＳＳコーディング、ＣＭＳの組込までワンストップで対応。２０２０年２月からＷｅｂデザインの授業を視聴できるサービス「Ｗｅｂデザイン１ｏｎ１レッスンチャンネル」を主催。ＴｗｉｔｔｅｒではバナーデザインのＴｉｐｓを発信（本データはこの書籍が刊行された当時に掲載されていたものです）
↓全て表示↑少なく表示
[デザイン技法図鑑]ひと目でわかるフォントが活きるデザインの基本。
この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。
【フォントを知れば、デザイン力が上がる！】
デザインの基本や手法をビジュアルで直感的に理解できる［デザイン技法図鑑］シリーズの第3弾です。「レイアウト」「配色デザイン」に続き、デザインの重要な役割を担う「文字」と「フォント」。デザインで活かすにはどうしたらいいかがひと目でわかるよう、イメージによって変わる使い分け、文字を活かしたデザインテクニック、文字とフォントの基礎の3章構成で解説します。
デザインにとって「文字」は重要なデザイン要素です。ロゴ、タイポグラフィ、Web、そして、ビジネス文書などに至るまで、文字の扱いひとつできちんと「伝わる」情報となるかが決まってきます。
フォントを無自覚に使うのではなく、ある一定の基準を元にフォントを選びデザインに活かすことは、経験の浅い初心者にはなかなか難しいことです。
本書は、そんな初心者の方やフォント選びに限界を感じているデザイナーの方に向けて、文字の基礎、フォントの選び方、イメージごとのフォントのデザインへの活かし方、そして文字を中心としたデザインテクニックを「ひと目でわかる」ように直感的にビジュアルに理解できる仕組みとなっています。
デザイン力を上げるための「文字」と「フォント」の活かし方が、実践的に身につく一冊です。
〈本書の内容〉
Introduction デザインでいちばん大切な「文字」
CHAPTER1 デザインに役立つ文字とフォントのイメージ（全39イメージを解説）
CHAPTER2 デザインに役立つ文字とフォントのテクニック（全16テクニックを解説）
CHAPTER3 デザインに役立つ文字とフォントの基本（全13の基本を解説）
〈監修者プロフィール〉
伊達千代（だて・ちよ）
グラフィックデザイナー／ライター。エディトリアルを中心としたデザインワークのほか、雑誌・書籍にてグラフィックアプリケーションやデザイン関連の執筆、Macおよびグラフィックデザインのトレーニングも行う。主な著書に「文字のきほん」（グラフィック社刊）、「デザインのルール、レイアウトのセオリー。」、共著「『愛のあるユニークで豊かな書体。』フォントかるたのフォント読本」（以上MdN刊）など。株式会社TART DESIGN OFFICE代表。フォントかるた制作チームでは書体解説を担当。
〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。
【フォントを知れば、デザイン力が上がる！】
デザインの基本や手法をビジュアルで直感的に理解できる［デザイン技法図鑑］シリーズの第3弾です。「レイアウト」「配色デザイン」に続き、デザインの重要な役割を担う「文字」と「フォント」。デザインで活かすにはどうしたらいいかがひと目でわかるよう、イメージによって変わる使い分け、文字を活かしたデザインテクニック、文字とフォントの基礎の3章構成で解説します。
デザインにとって「文字」は重要なデザイン要素です。ロゴ、タイポグラフィ、Web、そして、ビジネス文書などに至るまで、文字の扱いひとつできちんと「伝わる」情報となるかが決まってきます。
フォントを無自覚に使うのではなく、ある一定の基準を元にフォントを選びデザインに活かすことは、経験の浅い初心者にはなかなか難しいことです。
本書は、そんな初心者の方やフォント選びに限界を感じているデザイナーの方に向けて、文字の基礎、フォントの選び方、イメージごとのフォントのデザインへの活かし方、そして文字を中心としたデザインテクニックを「ひと目でわかる」ように直感的にビジュアルに理解できる仕組みとなっています。
デザイン力を上げるための「文字」と「フォント」の活かし方が、実践的に身につく一冊です。
〈本書の内容〉
Introduction デザインでいちばん大切な「文字」
CHAPTER1 デザインに役立つ文字とフォントのイメージ（全39イメージを解説）
CHAPTER2 デザインに役立つ文字とフォントのテクニック（全16テクニックを解説）
CHAPTER3 デザインに役立つ文字とフォントの基本（全13の基本を解説）
〈監修者プロフィール〉
伊達千代（だて・ちよ）
グラフィックデザイナー／ライター。エディトリアルを中心としたデザインワークのほか、雑誌・書籍にてグラフィックアプリケーションやデザイン関連の執筆、Macおよびグラフィックデザインのトレーニングも行う。主な著書に「文字のきほん」（グラフィック社刊）、「デザインのルール、レイアウトのセオリー。」、共著「『愛のあるユニークで豊かな書体。』フォントかるたのフォント読本」（以上MdN刊）など。株式会社TART DESIGN OFFICE代表。フォントかるた制作チームでは書体解説を担当。
↓全て表示↑少なく表示
内容サンプル
Users Voice
内容サンプル
イラレ職人コロが教える飾りのデザイン Illustratorのアイデア
〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。
【イラレ職人コロ、待望の一冊！ いちばん使える最強アイデアレシピ】
イラレ職人コロさん『飾りのデザイン』が満を持して登場しました！
Illustratorで作る「飾り」のアイデア（レシピ）を集めました。『シンプルだけど汎用性の高いデザイン』を意識し、「イラスト」「パターン」「フレーム」「タイポ＆ロゴ」「インフォグラフィック」のカテゴリーから、合計72種類のアイデアを収録。Illustratorの技術を完全に習得していないユーザーでも図版が作成できるよう、ステップごとに詳しく解説しています。
直感的に操作できる構成ですが、複雑な工程はページ内に「ヒント」を設定。より深い理解が得られる「オマケ」のほか、レシピによってはQRコードから動画を見ることもできます。作業工程で迷いそうな部分は、コロさんからの「ふきだしアドバイス」を参考にしてみてください。
すべての人が「楽しいイラレライフ」を過ごせますように！
〈著者プロフィール〉
イラレ職人コロ［イラレショクニンコロ］
Adobe Illustratorのチュートリアル制作に特化したクリエイター。北海道札幌市在住。1～2分の超短チュートリアル動画『本日のイラレ』の制作を中心に、「Adobe MAX 2020」「Adobe MAX 2021」への登壇、大学非常勤講師、書籍の執筆など、クリエイター向けのコンテンツ開発および情報発信を行っている。著書に『イラレのスゴ技 動画と図でわかるIllustratorの新しいアイディア』（技術評論社）がある。Twitter：@coro46（他にもYouTubeやnoteで情報を発信。詳しくは各種SNSにて「イラレ職人コロ」で検索）
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。
【イラレ職人コロ、待望の一冊！ いちばん使える最強アイデアレシピ】
イラレ職人コロさん『飾りのデザイン』が満を持して登場しました！
Illustratorで作る「飾り」のアイデア（レシピ）を集めました。『シンプルだけど汎用性の高いデザイン』を意識し、「イラスト」「パターン」「フレーム」「タイポ＆ロゴ」「インフォグラフィック」のカテゴリーから、合計72種類のアイデアを収録。Illustratorの技術を完全に習得していないユーザーでも図版が作成できるよう、ステップごとに詳しく解説しています。
直感的に操作できる構成ですが、複雑な工程はページ内に「ヒント」を設定。より深い理解が得られる「オマケ」のほか、レシピによってはQRコードから動画を見ることもできます。作業工程で迷いそうな部分は、コロさんからの「ふきだしアドバイス」を参考にしてみてください。
すべての人が「楽しいイラレライフ」を過ごせますように！
〈著者プロフィール〉
イラレ職人コロ［イラレショクニンコロ］
Adobe Illustratorのチュートリアル制作に特化したクリエイター。北海道札幌市在住。1～2分の超短チュートリアル動画『本日のイラレ』の制作を中心に、「Adobe MAX 2020」「Adobe MAX 2021」への登壇、大学非常勤講師、書籍の執筆など、クリエイター向けのコンテンツ開発および情報発信を行っている。著書に『イラレのスゴ技 動画と図でわかるIllustratorの新しいアイディア』（技術評論社）がある。Twitter：@coro46（他にもYouTubeやnoteで情報を発信。詳しくは各種SNSにて「イラレ職人コロ」で検索）
↓全て表示↑少なく表示
内容サンプル
目次
１ イラスト（まばゆいキラキラ星
可愛いぷっくりハート ほか）
２ パターン（輝きのサンバースト
魅惑のマーブリング ほか）
３ フレーム（シックな内側角丸フレーム
小粋な二角丸フレーム ほか）
４ タイポ＆ロゴ（Ａｄｏｂｅ Ｆｏｎｔｓを使おう
スマートな反転文字 ほか）
５ インフォグラフィック（プレゼン資料で活躍！ベン図
シンプルなサイクル図 ほか）
可愛いぷっくりハート ほか）
２ パターン（輝きのサンバースト
魅惑のマーブリング ほか）
３ フレーム（シックな内側角丸フレーム
小粋な二角丸フレーム ほか）
４ タイポ＆ロゴ（Ａｄｏｂｅ Ｆｏｎｔｓを使おう
スマートな反転文字 ほか）
５ インフォグラフィック（プレゼン資料で活躍！ベン図
シンプルなサイクル図 ほか）
↓全て表示↑少なく表示
Users Voice
内容サンプル
著者略歴
イラレ職人コロ（イラレショクニンコロ）
Ａｄｏｂｅ Ｉｌｌｕｓｔｒａｔｏｒのチュートリアル制作に特化したクリエイター。１～２分の超短チュートリアル動画『本日のイラレ』の制作を中心に、Ａｄｏｂｅ ＭＡＸ ２０２０、２０２１への登壇、大学非常勤講師、書籍の執筆など、クリエイター向けのコンテンツ開発および情報発信を行っている（本データはこの書籍が刊行された当時に掲載されていたものです）
Ａｄｏｂｅ Ｉｌｌｕｓｔｒａｔｏｒのチュートリアル制作に特化したクリエイター。１～２分の超短チュートリアル動画『本日のイラレ』の制作を中心に、Ａｄｏｂｅ ＭＡＸ ２０２０、２０２１への登壇、大学非常勤講師、書籍の執筆など、クリエイター向けのコンテンツ開発および情報発信を行っている（本データはこの書籍が刊行された当時に掲載されていたものです）
Webデザインの本 最新・高評価のおすすめの5冊
以下が「Webデザインの本」最新・高評価のおすすめの5冊詳細です。
(2025/11/01 12:14 更新)
| Rank | 製品 | 価格 |
|---|---|---|
1 |  デザインのネタ帳 プロ並みに使える写真加工 Photoshop 発売日 2022/08/31 永樂雅也, コネクリ, Photoshop Book, 内藤孝彦 (エムディエヌコーポレーション（MdN）) 総合評価 | |
2 |  | |
3 |  | |
4 | | |
5 |  |
デザインのネタ帳 プロ並みに使える写真加工 Photoshop
デザインのネタ帳 プロ並みに使える写真加工 Photoshop
(著)永樂雅也, コネクリ, Photoshop Book, 内藤孝彦
発売日 2022/08/31
(著)永樂雅也, コネクリ, Photoshop Book, 内藤孝彦
発売日 2022/08/31
総合評価
（2025/11/01 12:14時点）
〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。
【ハイセンスな“映える”写真で見る人をひきつける！】
SNSの普及により、写真を公開する機会が格段に増えました。アプリなどでも簡単な加工はできますが、商品写真にせよ、スナップ写真にせよ、より本格的に写真に力をもたせたいのであれば、Photoshopの使いこなしが欠かせません。
本書では、Photoshopをより活用したいという方のために、31の写真加工テクニックをステップ・バイ・ステップ形式で解説しました。撮影の難しいダイナミックな写真や、幻想的な写真、インパクトのある写真、絵画・イラスト風の加工、文字を入れる手法など、プロが使う多彩なテクニックが掲載されています。
完成Photoshopファイル（PSDファイル）もダウンロードできるので、「ちょっとやってみよう！」と気軽に挑戦できます。
ぜひ本書で、写真の魅力の引き出し方を身につけてください。
〈こんな方にオススメ〉
・Photoshopをいまいち使いこなせていない方
・紙面やWebサイトに掲載する写真を映えさせたい方
・SNSやブログに商品写真やスナップ写真をアップする方
〈本書の内容〉
■Chapter1 写真の被写体を目立たせる
■Chapter2 文字を入れる
■Chapter3 絵画・イラスト風の加工
■Chapter4 さまざまな世界観をつくる
■Chapter5 インパクトのある加工
〈本書の特長〉
・プロの技術を駆使した説得力のある仕上がり
・ステップ・バイ・ステップ形式の丁寧な解説
・レイヤー付きの完成PSDデータをダウンロード可
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。
【ハイセンスな“映える”写真で見る人をひきつける！】
SNSの普及により、写真を公開する機会が格段に増えました。アプリなどでも簡単な加工はできますが、商品写真にせよ、スナップ写真にせよ、より本格的に写真に力をもたせたいのであれば、Photoshopの使いこなしが欠かせません。
本書では、Photoshopをより活用したいという方のために、31の写真加工テクニックをステップ・バイ・ステップ形式で解説しました。撮影の難しいダイナミックな写真や、幻想的な写真、インパクトのある写真、絵画・イラスト風の加工、文字を入れる手法など、プロが使う多彩なテクニックが掲載されています。
完成Photoshopファイル（PSDファイル）もダウンロードできるので、「ちょっとやってみよう！」と気軽に挑戦できます。
ぜひ本書で、写真の魅力の引き出し方を身につけてください。
〈こんな方にオススメ〉
・Photoshopをいまいち使いこなせていない方
・紙面やWebサイトに掲載する写真を映えさせたい方
・SNSやブログに商品写真やスナップ写真をアップする方
〈本書の内容〉
■Chapter1 写真の被写体を目立たせる
■Chapter2 文字を入れる
■Chapter3 絵画・イラスト風の加工
■Chapter4 さまざまな世界観をつくる
■Chapter5 インパクトのある加工
〈本書の特長〉
・プロの技術を駆使した説得力のある仕上がり
・ステップ・バイ・ステップ形式の丁寧な解説
・レイヤー付きの完成PSDデータをダウンロード可
↓全て表示↑少なく表示
内容サンプル
Users Voice
内容サンプル
不滅のデザインルール 圧倒的な感動を生み出すアイデア群
ずっと変わらない。ずっと使える。不滅のデザインルール
圧倒的な感動を生み出すデザインのアイデア群
プロが使う技術58個を一挙公開！
ずっと使える不滅のルールが全部学べる。
一流の考え方がわかる特別インタビュー
とらや・サントリー烏龍茶のアートディレクション 葛西薫氏
キリンレモン・アニメ『チェンソーマン』のアートディレクション 村上雅士氏
高品質なデザインが460選
初級者から、中上級者まで、
デザインを作るすべての人に役立つ内容が詰まっている！
●本書は次のような方にオススメ
・これからデザインのことを学びたい人
・デザイン制作に自信が持てない人
・デザインのアイデアがたくさん欲しい人
・プロが使うデザインのルールを知りたい人
・ずっと使えるデザインのルールを知りたい人
CONTENTS
Special Interview
村上雅士氏インタビュー 「普通」から「半歩」外に出るデザイン
葛西 薫氏インタビュー デザインとは「潤い」
Chapter01 レイアウトのルール
01 情報整理とレイアウト
02 ホワイトスペース（余白） 空間を使った演出と視線誘導
03 ぼかし・透過 デザインを強調する美しいビジュアル
04 シンメトリー（対称） 調和や安定感のある対称のレイアウト
05 三角形の構図 奥行きや安定感を演出する
06 日の丸構図 主役を際立たせる
07 二分割のデザイン シーンを分ける
08 対比の構図 心を強く揺さぶる
09 三分割のデザイン バランスの良い構図を作る
10 デペイズマン 知覚的なイリュージョン
11 黄金比・白銀比 美しいプロポーション
12 グリッドレイアウト 統一感と規則性
13 俯瞰とあおり 奥行きが生まれる
14 方向性 視線と空間をコントロールする
14 反復 統一感とリズムが生まれる
16 リズム 効果的な構図につながる
17 タイリング リズムや動きを表現する
18 ドット（サークル） 動きを感じるエレメント
19 アシンメトリー（非対称） 躍動感を生む非対称のレイアウト
20 ライン さまざまなイメージを与える線
21 放射 圧倒的な迫力を作る
22 ランダム・フリーレイアウト 躍動感と期待感があふれる
Chapter02 配色のルール
01 色の扱い方 色を知って味方につける
02 暖色 視線を引きつける
03 寒色 静かで落ち着いた印象を与える
04 中性色 中立性と二面性
05 原色系 クリエイティブな表現
06 補色配色とマルチカラー 互いに引き合う、引き立て合う
07 明暗とコントラスト 視線を惹きつける
08 黒と高彩度の色 スタイリッシュでモダン
09 モノトーン シンプルでスタイリッシュ
10 トーン 調子でまとめる
11 クリア＆グラデーション 透明感と柔らかさを演出する
12 60-30-10 のルール バランスの取れた配色
13 蛍光＆光 使い方によって魅力的が増す色
Chapter03 写真とイラストのルール
01 写真の扱い方 写真もデザイン
02 角版写真 安定感のある形
03 トリミング 見せたい部分を切り取る
04 フレーミング 世界を切り分ける
05 切り抜き 自由で多彩な表現
06 写真による視線誘導 流れをつくる
07 写真で引き込む インパクトのあるビジュアル
08 コラージュ 複眼的な表現手法
09 イラストと写真の融合 ユニークで印象的なビジュアルを作る
10 線画のイラスト シンプルな表現
11 かわいいイラスト 場を和ませる
12 おしゃれなイラスト 特別なセンスが感じられる
Chapter04 タイポグラフィのルール
01 文字の扱い方
02 文字のジャンプ率 メリハリを調整して情報を見やすくする
03 文字をデザインする 文字に視線を集める
04 縦書き アイキャッチで美しい文字組み
05 文字を斜めにする 動きや勢いをつける強調表現
06 図を避けて文字を配置・図の上に文字を配置する インパクトと情報を両立させる
07 文字をバラす・崩す・切る 文字をビジュアル要素へと変える
08 文字モザイクアート 文字とビジュアルで伝えるメッセージ
09 文字を装飾する 文字を目立たせて印象づける
10 文字を組み合わせて形を作る 情報であり図形であるタイポグラフィ
11 文字で切り抜きする 文字をコンセプトとして表現する
圧倒的な感動を生み出すデザインのアイデア群
プロが使う技術58個を一挙公開！
ずっと使える不滅のルールが全部学べる。
一流の考え方がわかる特別インタビュー
とらや・サントリー烏龍茶のアートディレクション 葛西薫氏
キリンレモン・アニメ『チェンソーマン』のアートディレクション 村上雅士氏
高品質なデザインが460選
初級者から、中上級者まで、
デザインを作るすべての人に役立つ内容が詰まっている！
●本書は次のような方にオススメ
・これからデザインのことを学びたい人
・デザイン制作に自信が持てない人
・デザインのアイデアがたくさん欲しい人
・プロが使うデザインのルールを知りたい人
・ずっと使えるデザインのルールを知りたい人
CONTENTS
Special Interview
村上雅士氏インタビュー 「普通」から「半歩」外に出るデザイン
葛西 薫氏インタビュー デザインとは「潤い」
Chapter01 レイアウトのルール
01 情報整理とレイアウト
02 ホワイトスペース（余白） 空間を使った演出と視線誘導
03 ぼかし・透過 デザインを強調する美しいビジュアル
04 シンメトリー（対称） 調和や安定感のある対称のレイアウト
05 三角形の構図 奥行きや安定感を演出する
06 日の丸構図 主役を際立たせる
07 二分割のデザイン シーンを分ける
08 対比の構図 心を強く揺さぶる
09 三分割のデザイン バランスの良い構図を作る
10 デペイズマン 知覚的なイリュージョン
11 黄金比・白銀比 美しいプロポーション
12 グリッドレイアウト 統一感と規則性
13 俯瞰とあおり 奥行きが生まれる
14 方向性 視線と空間をコントロールする
14 反復 統一感とリズムが生まれる
16 リズム 効果的な構図につながる
17 タイリング リズムや動きを表現する
18 ドット（サークル） 動きを感じるエレメント
19 アシンメトリー（非対称） 躍動感を生む非対称のレイアウト
20 ライン さまざまなイメージを与える線
21 放射 圧倒的な迫力を作る
22 ランダム・フリーレイアウト 躍動感と期待感があふれる
Chapter02 配色のルール
01 色の扱い方 色を知って味方につける
02 暖色 視線を引きつける
03 寒色 静かで落ち着いた印象を与える
04 中性色 中立性と二面性
05 原色系 クリエイティブな表現
06 補色配色とマルチカラー 互いに引き合う、引き立て合う
07 明暗とコントラスト 視線を惹きつける
08 黒と高彩度の色 スタイリッシュでモダン
09 モノトーン シンプルでスタイリッシュ
10 トーン 調子でまとめる
11 クリア＆グラデーション 透明感と柔らかさを演出する
12 60-30-10 のルール バランスの取れた配色
13 蛍光＆光 使い方によって魅力的が増す色
Chapter03 写真とイラストのルール
01 写真の扱い方 写真もデザイン
02 角版写真 安定感のある形
03 トリミング 見せたい部分を切り取る
04 フレーミング 世界を切り分ける
05 切り抜き 自由で多彩な表現
06 写真による視線誘導 流れをつくる
07 写真で引き込む インパクトのあるビジュアル
08 コラージュ 複眼的な表現手法
09 イラストと写真の融合 ユニークで印象的なビジュアルを作る
10 線画のイラスト シンプルな表現
11 かわいいイラスト 場を和ませる
12 おしゃれなイラスト 特別なセンスが感じられる
Chapter04 タイポグラフィのルール
01 文字の扱い方
02 文字のジャンプ率 メリハリを調整して情報を見やすくする
03 文字をデザインする 文字に視線を集める
04 縦書き アイキャッチで美しい文字組み
05 文字を斜めにする 動きや勢いをつける強調表現
06 図を避けて文字を配置・図の上に文字を配置する インパクトと情報を両立させる
07 文字をバラす・崩す・切る 文字をビジュアル要素へと変える
08 文字モザイクアート 文字とビジュアルで伝えるメッセージ
09 文字を装飾する 文字を目立たせて印象づける
10 文字を組み合わせて形を作る 情報であり図形であるタイポグラフィ
11 文字で切り抜きする 文字をコンセプトとして表現する
↓全て表示↑少なく表示
内容サンプル
Users Voice
内容サンプル
ザ・ダークパターン ユーザーの心や行動をあざむくデザイン
そのデザイン、
顧客の信頼を失っていませんか？
欧米で規制強化が進む、
ディセプティブ・デザインの実態と脱却の道筋
「退会方法がわかりにくい」
「勝手にメルマガに登録されている」
「消費者を煽るカウントダウンタイマー」
「期限のない在庫一掃セール」……
こうしたユーザーを意図的にだますデザイン
（＝ダークパターン）の乱用が増えています。
本書は、ダークパターンとは何かから、
世界で進むダークパターンの規制強化の実状、
ダークパターンの代表的な15の具体例、
そして、企業やデザイナーがダークパターンに陥る背景と
その防止策を1冊にまとめて解説します。
目次
Chapter1 ダークパターンとは何か
1.1 消費者を惑わせるWeb サイト設計
1.2 ダークパターンとは何か、その定義
1.3 ダークパターンの世界的調査
1.4 ダークパターンは人の選択をどれほど歪めるか
1.5 国内外で高まるダークパターンへの忌避感
1.6 企業がダークパターンを使うリスク
Chapter2 意思決定の科学
2.1 その選択は、誰が決めているのか
2.2 意思決定に影響を与えるマイクロコピー
2.3 ユーザーが行動を起こす3条件
2.4 ファストアンドスロー 速い思考と遅い思考
2.5 説得 vs. 欺瞞、操作、強制
Chapter3 ダークパターンの種類
3.1 スニーキング（こっそり）
3.2 アージェンシー（緊急性）
3.3 ミスディレクション（誘導）
3.4 ソーシャルプルーフ（社会的証明）
3.5 スケアシティ（希少性）
3.6 オブストラクション（妨害）
3.7 フォースドアクション（強制）
Chapter4 ダークパターンを防ぐために
4.1 組織をプレッシャーから解放する
4.2 ユーザーをリスクから解放する
※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。
顧客の信頼を失っていませんか？
欧米で規制強化が進む、
ディセプティブ・デザインの実態と脱却の道筋
「退会方法がわかりにくい」
「勝手にメルマガに登録されている」
「消費者を煽るカウントダウンタイマー」
「期限のない在庫一掃セール」……
こうしたユーザーを意図的にだますデザイン
（＝ダークパターン）の乱用が増えています。
本書は、ダークパターンとは何かから、
世界で進むダークパターンの規制強化の実状、
ダークパターンの代表的な15の具体例、
そして、企業やデザイナーがダークパターンに陥る背景と
その防止策を1冊にまとめて解説します。
目次
Chapter1 ダークパターンとは何か
1.1 消費者を惑わせるWeb サイト設計
1.2 ダークパターンとは何か、その定義
1.3 ダークパターンの世界的調査
1.4 ダークパターンは人の選択をどれほど歪めるか
1.5 国内外で高まるダークパターンへの忌避感
1.6 企業がダークパターンを使うリスク
Chapter2 意思決定の科学
2.1 その選択は、誰が決めているのか
2.2 意思決定に影響を与えるマイクロコピー
2.3 ユーザーが行動を起こす3条件
2.4 ファストアンドスロー 速い思考と遅い思考
2.5 説得 vs. 欺瞞、操作、強制
Chapter3 ダークパターンの種類
3.1 スニーキング（こっそり）
3.2 アージェンシー（緊急性）
3.3 ミスディレクション（誘導）
3.4 ソーシャルプルーフ（社会的証明）
3.5 スケアシティ（希少性）
3.6 オブストラクション（妨害）
3.7 フォースドアクション（強制）
Chapter4 ダークパターンを防ぐために
4.1 組織をプレッシャーから解放する
4.2 ユーザーをリスクから解放する
※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。
↓全て表示↑少なく表示
内容サンプル
目次
Chapter1 ダークパターンとは何か
1.1 消費者を惑わせるWeb サイト設計
1.2 ダークパターンとは何か、その定義
1.3 ダークパターンの世界的調査
1.4 ダークパターンは人の選択をどれほど歪めるか
1.5 国内外で高まるダークパターンへの忌避感
1.6 企業がダークパターンを使うリスク
Chapter2 意思決定の科学
2.1 その選択は、誰が決めているのか
2.2 意思決定に影響を与えるマイクロコピー
2.3 ユーザーが行動を起こす3条件
2.4 ファストアンドスロー 速い思考と遅い思考
2.5 説得 vs. 欺瞞、操作、強制
Chapter3 ダークパターンの種類
3.1 スニーキング（こっそり）
3.2 アージェンシー（緊急性）
3.3 ミスディレクション（誘導）
3.4 ソーシャルプルーフ（社会的証明）
3.5 スケアシティ（希少性）
3.6 オブストラクション（妨害）
3.7 フォースドアクション（強制）
Chapter4 ダークパターンを防ぐために
4.1 組織をプレッシャーから解放する
4.2 ユーザーをリスクから解放する
↓全て表示↑少なく表示
Users Voice
内容サンプル
著者略歴
仲野佑希（ナカノユウキ）
１９８６年生まれ、北海道出身のＵＸライター。ダイレクトマーケティング専門のコピーライターとして独立後、コミュニケーションをデザインするライティング領域へとシフト。２０２１年よりオウンドメディアＫＯＴＯＢＡ ＵＸを開設。国内でのＵＸライティングの普及に努めるほか、企業への実務支援やアドバイスを行っている（本データはこの書籍が刊行された当時に掲載されていたものです）
１９８６年生まれ、北海道出身のＵＸライター。ダイレクトマーケティング専門のコピーライターとして独立後、コミュニケーションをデザインするライティング領域へとシフト。２０２１年よりオウンドメディアＫＯＴＯＢＡ ＵＸを開設。国内でのＵＸライティングの普及に努めるほか、企業への実務支援やアドバイスを行っている（本データはこの書籍が刊行された当時に掲載されていたものです）
イメージをカタチにするロゴデザイン 65のヒントで見つかる自分だけのアイデア
「ロゴを作りたい！ぼんやりとしたイメージはあるけど、具体的なデザインが思い浮かばない」本書はそんな方に向けた、わかりやすく実践的なロゴデザインの解説書です。
「ポップ」「エレガント」「伝統的」「スタイリッシュ」といったイメージ別にロゴの見本を掲載。それぞれのデザインのテクニックやポイントもしっかりと解説します。
本書にはロゴデザイナーである遠島啓介氏がデザインする250以上のロゴを掲載。ページをめくるたびに素敵なロゴが目に入ります。ロゴの基礎知識や、「擬人化」や「反復」「誇張」などのよく使われる手法についても紹介。
1冊でロゴづくりの基本がすべてわかる！ノンデザイナーでも「イメージ」に合ったクオリティの高いロゴが作れるようになります。
■本書の構成
第1章 ロゴづくりの準備
第2章 アイデアにつながる発想のひきだし
第3章 イメージをカタチにするロゴデザイン
第4章 自分らしいロゴをつくる秘訣
「ポップ」「エレガント」「伝統的」「スタイリッシュ」といったイメージ別にロゴの見本を掲載。それぞれのデザインのテクニックやポイントもしっかりと解説します。
本書にはロゴデザイナーである遠島啓介氏がデザインする250以上のロゴを掲載。ページをめくるたびに素敵なロゴが目に入ります。ロゴの基礎知識や、「擬人化」や「反復」「誇張」などのよく使われる手法についても紹介。
1冊でロゴづくりの基本がすべてわかる！ノンデザイナーでも「イメージ」に合ったクオリティの高いロゴが作れるようになります。
■本書の構成
第1章 ロゴづくりの準備
第2章 アイデアにつながる発想のひきだし
第3章 イメージをカタチにするロゴデザイン
第4章 自分らしいロゴをつくる秘訣
↓全て表示↑少なく表示
内容サンプル
Users Voice
内容サンプル
知りたいレイアウトデザイン Second Edition 知りたいデザイン
レイアウトデザインの「キホンとルール」「多彩な見本帖」「テクニックの解説」を1冊に凝縮！
《レイアウトのルールとテクニックと見本帖がまるごと1冊に！》
グラフィックおよびウェブデザインに応用できるレイアウトデザインのルールと、デザインワークのちょい技やアイデアをあつかった書籍。デザイナー的情報整理術から視覚の誘導にまつわるルールとテクニック、紙面・サイトデザインづくりのヒント、ターゲット・メディア別のデザインサンプルやページ構成のアイデアまで、レイアウトについてのすべての“知りたい！”に応える解説書。多様化する媒体（Webサイト、SPサイト、ちらしやカードなどの紙媒体、冊子やカタログなどの見開き紙媒体）、多様化するサイズ（バナー広告からポスター）、横型メディアから縦型（スマホサイト）メディアへの応用力も身につきます。
（こんな方におすすめ）
・制作業務を始めたばかりの新人デザイナーさん
・ノンデザイナーで企業内のデザイン成果物を制作しなければならない方
・レイアウト／デザインに興味のある方
（目次）
■PART.1 レイアウトの基本（ デザインで大切な2W1Hの法則 ）
伝わるレイアウトとは
デザインの進め方
レイアウトのパターン一覧
■PART.2 レイアウトのルール（ 3つのキーワードと8つのルール ）
判読性
グループ化
ライン
コントラスト
視認性
メリハリ
ジャンプ率
ホワイトスペース
可読性
書体
カラー
■PART.3 レイアウトのアイデア（33の技とデザインサンプル ）
《法則》
01 グリッドで整然と並べる
02 要素を集める
03 シンメトリーで安定感を出す
04 対比して印象を強める
05 分割して対比効果を高める
06 ビジュアルの中央配置で迫力を出す
07 反復で規則的に配置する
08 逆三角形で緊張感を出す
09 時系列に並べて誘導する
10 引き出し線でアクセントをつける
11 目的に合わせて文字を組む
《動き》
12 文字組みを混在させる
13 切り抜き写真で楽しさを演出する
14 ランダムに配置する
15 数字でリズム感を加える
16 角度をつけてスピード感を出す
17 コマ送りでストーリー性を持たせる
《メリハリ》
18 裁ち落としで印象的に見せる
19 角版・裁ち落とし・切り抜きを使い分ける
20 カラーでアクセントをつける
21 反復くずしでアクセントをつける
22 罫線で区切る
23 コントラストの効果で印象付ける
《ビジュアル》
24 コマ割りで物語を創り出す
25 新聞風デザインを活用する
26 ふきだしデザインを活用する
27 コラージュで楽しい雰囲気に
28 インフォグラフィックで視覚的に伝える
《ターゲット》
29 対象に合わせて書体を選ぶ
30 子ども向けのデザインをつくる
31 シニア向けのデザインをつくる
32 女性向けのデザインをつくる
33 男性向けのデザインをつくる
《レイアウトのルールとテクニックと見本帖がまるごと1冊に！》
グラフィックおよびウェブデザインに応用できるレイアウトデザインのルールと、デザインワークのちょい技やアイデアをあつかった書籍。デザイナー的情報整理術から視覚の誘導にまつわるルールとテクニック、紙面・サイトデザインづくりのヒント、ターゲット・メディア別のデザインサンプルやページ構成のアイデアまで、レイアウトについてのすべての“知りたい！”に応える解説書。多様化する媒体（Webサイト、SPサイト、ちらしやカードなどの紙媒体、冊子やカタログなどの見開き紙媒体）、多様化するサイズ（バナー広告からポスター）、横型メディアから縦型（スマホサイト）メディアへの応用力も身につきます。
（こんな方におすすめ）
・制作業務を始めたばかりの新人デザイナーさん
・ノンデザイナーで企業内のデザイン成果物を制作しなければならない方
・レイアウト／デザインに興味のある方
（目次）
■PART.1 レイアウトの基本（ デザインで大切な2W1Hの法則 ）
伝わるレイアウトとは
デザインの進め方
レイアウトのパターン一覧
■PART.2 レイアウトのルール（ 3つのキーワードと8つのルール ）
判読性
グループ化
ライン
コントラスト
視認性
メリハリ
ジャンプ率
ホワイトスペース
可読性
書体
カラー
■PART.3 レイアウトのアイデア（33の技とデザインサンプル ）
《法則》
01 グリッドで整然と並べる
02 要素を集める
03 シンメトリーで安定感を出す
04 対比して印象を強める
05 分割して対比効果を高める
06 ビジュアルの中央配置で迫力を出す
07 反復で規則的に配置する
08 逆三角形で緊張感を出す
09 時系列に並べて誘導する
10 引き出し線でアクセントをつける
11 目的に合わせて文字を組む
《動き》
12 文字組みを混在させる
13 切り抜き写真で楽しさを演出する
14 ランダムに配置する
15 数字でリズム感を加える
16 角度をつけてスピード感を出す
17 コマ送りでストーリー性を持たせる
《メリハリ》
18 裁ち落としで印象的に見せる
19 角版・裁ち落とし・切り抜きを使い分ける
20 カラーでアクセントをつける
21 反復くずしでアクセントをつける
22 罫線で区切る
23 コントラストの効果で印象付ける
《ビジュアル》
24 コマ割りで物語を創り出す
25 新聞風デザインを活用する
26 ふきだしデザインを活用する
27 コラージュで楽しい雰囲気に
28 インフォグラフィックで視覚的に伝える
《ターゲット》
29 対象に合わせて書体を選ぶ
30 子ども向けのデザインをつくる
31 シニア向けのデザインをつくる
32 女性向けのデザインをつくる
33 男性向けのデザインをつくる
↓全て表示↑少なく表示
内容サンプル
Users Voice
内容サンプル
Webデザインの本「Kindle Unlimited 読み放題 人気本ランキング」
「Kindle Unlimited」は、Amazonの定額本読み放題サービス。
最近はKindle Unlimitedで読める本もどんどん増えており、雑誌、ビジネス書、実用書などは充実のラインナップ。
以下がKindle Unlimitedで読み放題となるWebデザインの本の一覧です。
30日無料体験も可能なので、読みたい本があれば体験期間で無料で読むことも可能です。
(2025/11/01 12:14 更新)
| Rank | 製品 | 価格 |
|---|---|---|
1 |  | |
2 |  HTML5＋CSS3の新しい教科書 改訂新版 基礎から覚える、深く理解できる。... 発売日 2018/08/27 赤間 公太郎, 原 一宣。 (エムディエヌコーポレーション（MdN）) Kindle Unlimited対象 総合評価 | |
3 |  UXと理論で作る Webデザイン: デザイナーでなくてもわかる 発売日 2017/11/12 川合 俊輔, 大本あかね, 菊池崇 (WDE Publishing) Kindle Unlimited対象 総合評価 | 2,689円 |
4 |  まるごとわかる ウェブデザイン技能検定3級テキストブック... 発売日 2014/03/03 ウェブデザイン技能検定対策委員会 (Symphocity Digital Publishing) Kindle Unlimited対象 総合評価 | 900円 |
5 |  | 250円 |
6 |  | 199円 |
7 |  | |
8 |  | 199円 |
9 |  | |
10 |  | 1,250円 |
Webデザイン参考書「新書一覧(2021年、2022年刊行)」
IT技術・プログラミング言語は、最新情報のキャッチアップも非常に重要、すなわち新書は要チェック。
ということで、2020年以降に発売したWebデザイン参考書の新書一覧(発売日の新しい順)が以下です。
(2025/11/01 12:14 更新)
| 製品 | 価格 |
|---|---|
 | |
| |
 | |
 | |
 | |
 | |
 | |
 | |
 【2024年を成功に導く】ITスキルのない人がwebデザイナーになるための副業アウトプット成功術: webデザイナーとして稼ぐためのSucc... 発売日 2023/12/19 WEBデザイナー 山田 浩平, WEBデザイナー育成協会, 権利収入ビジネス情報通信, DIY出版 総合評価 | 398円 |
 | 980円 |
おまけ：本より高コスパ？「Udemy Webデザインおすすめ講座」
UdemyではWebデザインを基礎から応用までトータルで学べる学習講座があります。
こちらが、セール時には2千円程度で購入可能で、講座によっては本よりコスパよく学習が可能です。
講座は、買い切り型ながら更新あり、質問可能、30日間返金も可能、という本以上の手厚いサポートがあるのが魅力。
以下の表が、Webデザインの学習講座例。セールの場合、かなりおすすめなのでぜひトライしてみください。
Udemyについては、以下のページでも詳しく紹介しているので覗いてみてください。
| 人気 Rank | 学習コース | 評価 |
|---|---|---|
1 |  | 総評価数 11135件 |
2 |  ウェブ開発入門完全攻略コース - HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ！... 発売日 2017/11/25 受講者 38,919人 通常 27,800円 現在 27,800円 | 総評価数 6608件 |
3 |  | 総評価数 13870件 |
4 |  【HTML,CSS,JS,PHP,Git,Docker】プログラミング初心者OK！ ゼロからわかるWebシステム開発... 発売日 2021/07/26 受講者 11,827人 通常 27,800円 現在 27,800円 | 総評価数 1519件 |
5 |  WEBデザイン講座 Level0《対象：ゼロから始める超初心者の方》HTML と CSS に必要な基礎知識を学習します。... 発売日 2020/01/15 受講者 5,011人 通常 8,800円 現在 1,800円 | 総評価数 863件 |
関連：フロントエンド実装「HTML/CSS」「JavaScript」を学ぶ
以下ではWebデザイン活用のためにも基礎となる「HTML/CSS」「JavaScript」の書籍も紹介しています、合わせてのぞいて見てください。
関連：「Webライティング」「マーケティング」を学ぶ
以下ではブログやサイトを実運用して利益を出していくのに必須となるWebライティング、マーケティングの本もまとめています、合わせてのぞいて見てください。
いじょうでっす。
コメント