こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。
今回は、デザインのレイアウトが学べる
書籍・本をまとめた記事になります。
この記事の目次
レイアウトデザインを本で学ぶ。
このページでは、デザインを学ぶ上で
欠かせない基礎に当たるレイアウトを
きちんと学べる本を紹介していきます。
デザインのレイアウトを学ぶことは、
デザイナー (クリエイター) の方でなくても
学校・社会生活でも何かしら役立ちます。
レポートやプレゼンの資料、ビラ等の作成、
イラスト・絵の構図を考えたりした時など、
レイアウトが違うだけでちょっとしたものが
センスがあるように見えることもありますね。
なので是非、レイアウトを学んでみましょう。
特に、次のような人は読んでみて下さい。
- レイアウトの基礎をきちんと学びたい人
-
レイアウトデザインのセンスを磨きたい人
また、デザイン書籍等を1ヶ月無料で読むなら、
Amazonの「Kindle Unlimited」がおすすめ。
レイアウトが学べる書籍・本まとめ
「デザインのレイアウト書籍・本の一覧」
| 系統 | 書籍名 |
| ① 基本・ルール | レイアウト、基本の「き」 |
| だれでもレイアウトデザインができる本 新装版 レイアウト・文字組・配色、センスアップのコツ |
|
| デザインの組み方 見てわかるレイアウトの新ルール |
|
| ② アイデア・見本 |
レイアウトデザイン見本帳 レイアウトの意味と効果が学べるガイドブック |
| 1枚デザインの構図とレイアウト | |
| っぽくなるデザイン 誰でもできるかっこいいレイアウト集 |
|
| あるあるレイアウト すぐに使えて素敵に仕上げる デザインカタログ集 |
|
| あるあるデザイン 言葉で覚えて誰でもできるレイアウトフレーズ集 |
|
| レイアウトのデザインパターン帖 | |
| ③ 余白 | けっきょく、よはく。 余白を活かしたデザインレイアウトの本 |
| ④ 文字・フォント | ほんとに、フォント。 フォントを活かしたデザインレイアウトの本 |
| 文字のレイアウトで魅せる広告デザイン | |
| ⑤ 装飾・あしらい | あたらしい、あしらい。 あしらいを活かしたデザインレイアウトの本 |
| ⑥ 配色 | いろいろな、いろ。 配色に着目したデザインレイアウトの本 |
| ⑦ Illustrator・ Photoshop |
新ほめられデザイン事典 レイアウトデザイン [Photoshop & Illustrator] |
| Illustrator & Photoshop レイアウトデザイン50選 |
|
| ⑧ その他 | グラフィックデザインにおける秩序と構築 レイアウトグリッドの読み方と使い方 |
① レイアウトの基本やルール等が
学べる書籍・本
「レイアウトの基本の本」
- レイアウト、基本の「き」
-
だれでもレイアウトデザインができる本 新装版
レイアウト・文字組・配色、センスアップのコツ - デザインの組み方
見てわかるレイアウトの新ルール
なお、その他の基礎・ルール等が学べる
書籍は次の記事にまとめています。
レイアウト、基本の「き」
レイアウトの基本の基本が学べる書籍。
| タイトル (書籍名) |
レイアウト、基本の「き」 |
| 価格 | ¥2,640 (税込) |
| 発売日 | 2017/4/10 |
| 特徴 | ・レイアウトのコツを教えてくれる本。 ・レイアウト (余白) で当たり前すぎて 忘れがちなことや、普段なかなか人に 確認できないことが書かれている。 |
| 内容 | 0 レイアウトを「見」てみる 1 全体構成を考える 2 書体について考える 3 写真やイラスト 4 チャート、地図、表、グラフ 5 色の選び方、配色 |
| おすすめの人 | ・レイアウトの基本を学びたい人 ・グラフィックデザイナー |
| その他 |
だれでもレイアウトデザインができる本 新装版
レイアウト・文字組・配色、センスアップのコツ
「勉強しない」「理屈はいらない」
「難しいことは考えない」が
コンセプトのレイアウトデザイン解説書。
| タイトル (書籍名) |
だれでもレイアウトデザインができる本 新装版 レイアウト・文字組・配色、センスアップのコツ |
| 価格 | ¥ 2,420 (税込) |
| 発売日 | 2019/12/15 |
| 特徴 | ・理論は説明せずに、潔く具体的に、 数値や方法を提示した新しい本。 ・レイアウトの基本から始まり、文字、写真や イラスト、グラフや表、配色に至るまで様々な デザイン要素について最小限の決まりだけ紹介 |
| 内容 | Chapter1 デザインを行う前に Chapter2 デザインの基礎知識 Chapter3 レイアウト Chapter4 文字 Chapter5 図版 Chapter6 配色 Chapter7 デザイン見本 |
| おすすめの人 | ・理論の説明なしでレイアウトを学びたい人 ・グラフィックデザイナー |
| その他 |
デザインの組み方
見てわかるレイアウトの新ルール
良いデザインと悪いデザインを
見比べれるレイアウトの書籍。
| タイトル (書籍名) |
デザインの組み方 見てわかるレイアウトの新ルール |
| 価格 | ¥1,980 (税込) |
| 発売日 | 2011/9/21 |
| 特徴 | ・悪いデザイン (Before) と良いデザイン (After) の2つのデザインが並べて掲載される ・解説も分かりやすく丁寧 ・デザインで知っておくべきポイントや 豆知識等も多く盛り込まれている。 |
| 内容 | 1章 構成 2章 文字 3章 配色 4章 写真 |
| おすすめの人 | ・レイアウトの良し悪しを学びたい人 ・グラフィックデザイナー |
| その他 |
② レイアウトのアイデア・
見本となる書籍・本
「アイデア・見本」
- レイアウトデザイン見本帳
レイアウトの意味と効果が学べるガイドブック -
1枚デザインの構図とレイアウト
-
っぽくなるデザイン
誰でもできるかっこいいレイアウト集 -
あるあるレイアウト
すぐに使えて素敵に仕上げる
デザインカタログ集 - あるあるデザイン
言葉で覚えて誰でもできるレイアウトフレーズ集
-
レイアウトのデザインパターン帖
なお、その他のアイデア・見本系の
書籍は次の記事にまとめています。
レイアウトデザイン見本帳
レイアウトの意味と効果が学べるガイドブック
デザイン配色を色相・印象・年代別等に
見ることができるデザインの見本帳。
| タイトル (書籍名) |
レイアウトデザイン見本帳 レイアウトの意味と効果が学べるガイドブック |
| 価格 | ¥2,750 (税込) |
| 発売日 | 2017/4/18 |
| 特徴 | ・資格に与える効果と意味が学べる 新・レイアウト見本帳。 ・秀逸な実例サンプルと図解が満載。 ・レイアウトの基本をはじめ、イメージや 言葉から創造されるレイアウトデザインの 実践方法を丁寧に解説。 |
| 内容 | 01 レイアウトの意義 02 レイアウトの基本 03 レイアウトの実践 |
| おすすめの人 | ・レイアウトの色んな見本を見たい人 ・グラフィックデザイナー |
| その他 |
1枚デザインの構図とレイアウト
ポスター、フライヤー、チラシ等の
1枚デザインの構図をまとめた書籍。
| タイトル (書籍名) |
1枚デザインの構図とレイアウト |
| 価格 | ¥4,389 (税込) |
| 発売日 | 2019/7/16 |
| 特徴 | ・優れた魅力的な構図の1枚デザイン集。 ・素材に合わせた構図の魅力的な作品を 300ページ以上で紹介している。 ・スタッフクレジット付きで、 発注する立場でも役立つ。 |
| 内容 | 1 カクハン図版の構図とレイアウト 2 キリヌキ図版の構図とレイアウト 3 情報満載の構図とレイアウト 4 文字・イラストの構図とレイアウト |
| おすすめの人 | ・1枚デザインの構図を学びたい人 ・グラフィックデザイナー |
| その他 |
っぽくなるデザイン
誰でもできるかっこいいレイアウト集
「っぽさ」は作れる!
誰でもできるかっこいいレイアウト集。
| タイトル (書籍名) |
っぽくなるデザイン 誰でもできるかっこいいレイアウト集 |
| 価格 | ¥2,200 (税込) |
| 発売日 | 2020/3/3 |
| 特徴 | ・「〇〇っぽくなる」デザインを、雑誌、 ポスター、広告、ショップカード、装丁等 色々なデザイン作例で解説。 |
| 内容 | Chapter1 Color Chapter2 PHOTO Chapter3 ILLUSTRATION Chapter4 FONTS Chapter5 TEXTURE Chapter6 OBJECT |
| おすすめの人 | ・かっこいいレイアウトを知りたい人 |
| その他 |
あるあるレイアウト
すぐに使えて素敵に仕上がる
デザインカタログ集
「あるあるデザイン」のレイアウトカタログ。
| タイトル (書籍名) |
あるあるレイアウト すぐに使えて素敵に仕上げる デザインカタログ集 |
| 価格 | ¥2,200 (税込) |
| 発売日 | 2021/5/28 |
| 特徴 | ・”あるあるフレーズ”を使った豊富なデザイン レイアウトを紹介。 ・完成デザイン+グレーレイアウトが あるから、誰でも簡単に真似できる。 ・サンプルデータのダウンロード可能。 |
| 内容 | BASIC レイアウトの基本テクニック4 STEP UP！ 応用テクニック18 |
| おすすめの人 | ・いざ、レイアウトラフを考えようと 机に向かってもなかなか案が出てこない人 ・もっともっとレイアウトの引き出しを 増やしたい人 ・自分のレイアウトのマンネリ化から 抜け出したい人 |
| その他 |
あるあるデザイン
言葉で覚えて誰でもできる
レイアウトフレーズ集
デザインでよく使う手法を豊富な事例と共に
ワンフレーズで紹介したレイアウト集。
| タイトル (書籍名) |
あるあるデザイン 言葉で覚えて誰でもできるレイアウトフレーズ集 |
| 価格 | ¥2,200 (税込) |
| 発売日 | 2019/1/18 |
| 特徴 | ・あるあるなデザイン手法が45個の ワンフレーズでまとめてある。 ・合計270点の作例が載っている。 ・応用デザインの参考として使えるもの多数。 |
| 内容 | だいたいツートーンでいける 丸インパクト ふと枠に入れてみる 左から4分の1の法則 さんかく散らす ライン区切り 背景シロ透明の術 ナナメスタイリッシュ ちっちゃい文字飾り イラストありき |
| おすすめの人 | ・レイアウトのよくある手法を学びたい人 ・グラフィックデザイナー |
| その他 |
レイアウトのデザインパターン帖
デザインサンプルが多数の
レイアウトアイデア書籍の一冊。
| タイトル (書籍名) |
レイアウトのデザインパターン帖 |
| 価格 | ¥2,090(税込) |
| 発売日 | 2011/6/20 |
| 特徴 | ・モノクロで色々なデザインパターンが掲載 (様々な媒体に対してのアイデアが載っている) ・どういう構成・意図をもってページを レイアウトするかの説明や分析はなし。 |
| 内容 | 第1章 本文のレイアウト 第2章 デザインの要素 第3章 実例 |
| おすすめの人 | ・レイアウトのデザインパターンを 沢山知りたい人 ・グラフィックデザイナー |
| その他 |
③ 余白のレイアウトが
学べる書籍・本
「余白のレイアウトの本」
- けっきょく、よはく。
余白を活かしたデザインレイアウトの本
けっきょく、よはく。
余白を活かしたデザインレイアウトの本
「余白」を題材に書かれている書籍。
| タイトル (書籍名) |
けっきょく、よはく。 余白を活かしたデザインレイアウトの本 |
| 価格 | ¥1,980 (税込) |
| 発売日 | 2018/7/20 |
| 特徴 | ・余白(レイアウト)でデザインの良し悪しが 決まってしまうことを教えてくれる一冊。 ・NG・OK例それぞれ比較できて、 具体的な場面を理解しやすい。 ・余白以外に新人デザイナーがデザインで つまずきやすいところを教えてくれる。 ・読みやすい工夫が色々ある。 ・すぐに実務に取り入れられる内容。 |
| 内容 | 1 CAFE DESIGN 2 NATURAL DESIGN 3 BUSINESS DESIGN 4 SCHOOL DESIGN 5 JAPANESE DESIGN 6 SALON DESIGN 7 COSMETICS DESIGN 8 SEASON DESIGN 9 LUXURY DESIGN |
| おすすめの人 | ・余白を活かしたレイアウトを学びたい人 ・グラフィックデザイナー |
| その他 |
④ 文字・フォントのレイアウトが
学べる書籍・本
「文字・フォントのレイアウトの本」
- ほんとに、フォント。
フォントを活かしたデザインレイアウトの本 -
文字のレイアウトで魅せる広告デザイン
ほんとに、フォント。
フォントを活かしたデザインレイアウトの本
「けっきょく、余白。」シリーズ第二弾。
| タイトル (書籍名) |
ほんとに、フォント。 フォントを活かしたデザインレイアウトの本 |
| 価格 | ¥1,980 (税込) |
| 発売日 | 2019/2/20 |
| 特徴 | ・魅せる文字と読ませる文字を意識して 使い分ける方法を学べる。 ・NG・OK例それぞれ比較できて、 具体的な場面を理解しやすい。 |
| 内容 | 1 CAFE DESIGN 2 STYLISH DESIGN 3 POP DESIGN 4 NATURAL DESIGN 5 BUSINESS DESIGN 6 GIRLY DESIGN 7 CASUAL DESIGN 8 SEASON DESIGN 9 LUXURY DESIGN |
| おすすめの人 | ・フォントを活かしたレイアウトを学びたい人 ・(グラフィック) デザイナー |
| その他 |
文字のレイアウトで魅せる広告デザイン
様々な文字のレイアウトが学べる書籍。
| タイトル (書籍名) |
文字のレイアウトで魅せる広告デザイン |
| 価格 | ¥4,290 (税込) |
| 発売日 | 2018/3/12 |
| 特徴 | ・文字の配置事例を300点以上収録。 ・タイトルや見出し・コピーといった文字を 効果的にレイアウトして、ターゲントの 目を引く作品をアプローチ別に紹介。 |
| 内容 | 1 枠でかこむ 2 かさねる 3 手でかく 4 かくす 5 まわりこむ 6 かこむ 7 しきつめる 8 動きをつける 9 かたむける 10 みたてる |
| おすすめの人 | ・文字レイアウトを学びたい人 ・(グラフィック) デザイナー |
| その他 |
⑤ 装飾・あしらいのレイアウトが
学べる書籍・本
「装飾・あしらいのレイアウトの本」
- あたらしい、あしらい。
あしらいを活かしたデザインレイアウトの本
あたらしい、あしらい。
あしらいに着目したデザインレイアウトの本
「けっきょく、余白。」シリーズ第3弾。
| タイトル (書籍名) |
あたらしい、あしらい。 あしらいを活かしたデザインレイアウトの本 |
| 価格 | ¥1,980 (税込) |
| 発売日 | 2020/8/31 |
| 特徴 | ・デザインのレイアウトをする上での 装飾やディテールを学べる。 ・今っぽくて抜け感あるお洒落なあしらいの 基本とテクニックを紹介。 ・NG・OK例それぞれ比較できて、 具体的な場面を理解しやすい。 |
| 内容 | 1 STYLISH DESIGN 2 POP DESIGN 3 NATURAL DESIGN 4 BUSINESS DESIGN 5 PUBLIC DESIGN 6 GIRLY DESIGN 7 JAPANESE DESIGN 8 SEASON DESIGN 9 LUXURY DESIGN |
| おすすめの人 | ・あしらいを活かしたレイアウトを学びたい人 ・(グラフィック) デザイナー |
| その他 |
⑥ 配色のレイアウトが
学べる書籍・本
「配色のレイアウトの本」
- いろいろな、いろ。
配色に着目したデザインレイアウトの本
なお、その他の配色等が学べる
書籍は次の記事にまとめています。
いろいろな、いろ。
配色に着目したデザインレイアウトの本
「けっきょく、よはく。」
「ほんとに、フォント。」
「あたらしい、あしらい。」
に続く人気シリーズ第4弾。
| タイトル (書籍名) |
いろいろな、いろ。 配色に着目したデザインレイアウトの本 |
| 価格 | ¥1,980 (税込) |
| 発売日 | 2021/12/4 |
| 特徴 | ・シリーズ累計35万部突破 ・「なぜかダサい配色」になるのはなぜか? その理由を紐解くと同時に、素敵な配色に なるコツを紹介。 ・「カタログ」的な本ではなく、 デザイン的なコツや意味を解説。 ・客観的な見え方や良くあるNG、 読み手への気遣いポイント等もあり。 |
| 内容 | 1 POP COLOR 2 NUANCE COLOR 3 COOL COLOR 4 GIRLY COLOR 5 AGE COLOR 6 EVENT COLOR 7 SALES COLOR 8 BUSINESS COLOR 9 LUXURY COLOR 覚えておきたい配色技法7 他にもいろいろ配色技法8 色の持つイメージ |
| おすすめの人 | ・配色のアイデア・見本を知りたい人 |
| その他 |
⑦ IllustratorとPhotoshopの
レイアウトデザイン制作向けの書籍・本
「Illustrator・Photoshopの本」
- 新ほめられデザイン事典
レイアウトデザイン [Photoshop & Illustrator] -
Illustrator & Photoshop
レイアウトデザイン50選
なお、Illustrator・Photoshop関係の本は、
次の記事にまとめています。
新ほめられデザイン事典
レイアウトデザイン
[Photoshop & Illustrator]
上田 マルコ/尾沢 早飛 翔泳社 2018年12月03日頃
PhotoshopとIllustratorを使った
具体的な作品作りのコツとアイデアが
紹介されている本。
| タイトル (書籍名) |
新ほめられデザイン事典 レイアウトデザイン [Photoshop & Illustrator] |
| 価格 | ¥2,750 (税込) |
| 発売日 |
2018/12/3 |
| 対応バージョン |
〜 Photoshop CC 2018 |
| 特徴 | ・「ちょっと真似してみたい」93点の最新 レイアウトアイデアが詰まったネタ事典 ・レイアウトデザイン基本から文字、配色、 写真、装飾まで紹介。 |
| 内容 | Chapter1 BASIC (デザインの基本) Chapter2 TYPOGRAPHY (文字) Chapter3 COLOR (配色) Chapter4 TITLE&MARK (見出し) Chapter5 PHOTOGRAPHY (写真) Chapter6 DECORATION (飾り・あしらい) |
| おすすめの人 | ・レイアウトのアイデアを探している人 |
| その他 |
Illustrator & Photoshop
レイアウトデザイン50選
ネタ切れクリエイターのための
アイデアレシピ本。
| タイトル (書籍名) |
Illustrator & Photoshop レイアウトデザイン50選 |
| 価格 | ¥1,848 (税込) |
| 発売日 |
2017/12/19 |
| 対応バージョン |
|
| 特徴 | ・デザイナーの仕事のメインというべき レイアウトデザインのアイデアを50収録。 ・アイデアポイントとそれを表現するための テクニックをそれぞれ見開きで掲載。 ・クリエイティブに大切なアイデアの 「ア」が分かる。 ・パラパラ見るだけでアイデアが湧き上がる ・アイデアの完成作品はダウンロードで 検証可能。 |
| 内容 | 0 Illustrator&Photoshopアイデアのための 基本操作 1 レイアウトデザインのアイデアレシピ 2 パターン&テクスチャデザインの アイデアレシピ 3 ブラシ&ボーダーデザインの アイデアレシピ 4 ロゴデザインのアイデアレシピ 5 アイテムデザインのアイデアレシピ |
| おすすめの人 | ・レイアウトのアイデアを探している人 |
| その他 |
⑧ レイアウト関係のその他の書籍・本
「その他の本」
- グラフィックデザインにおける秩序と構築
レイアウトグリッドの読み方と使い方
グラフィックデザインにおける秩序と構築
レイアウトグリッドの読み方と使い方
グラフィックデザインを制作する上で
基盤となる「デザインの秩序」についての
理論と実践的な例を解説した本。
| タイトル (書籍名) |
グラフィックデザインにおける秩序と構築 レイアウトグリッドの読み方と使い方 |
| 価格 | ¥3,300 (税込) |
| 発売日 | 2020/3/24 |
| 特徴 | ・読み物、アートブック、Webデザイン等、 媒体ごとのグリッドとその背後にある 理論を解説している。 ・デザインの構成に関する知見と、 新しいものを生み出すための視点を学べる。 |
| 内容 | A いつものデザインのなかにあるグリッド B デザインプロセス – その第一歩 C 背景知識 D 付録 |
| おすすめの人 | ・グラフィックデザインのレイアウト関連を 学びたい人 |
| その他 |
レイアウトを学んで
デザインの基礎を抑えよう。
この記事では、デザインの
レイアウト関連の書籍をまとめました。
グラフィックデザイン・Webデザイン等の
知識・技術の土台となる部分になるので、
これらの本の内容をしっかり学んだ上で
少しずつデザインを学んでいきましょう。
結構前の記事ですが、designatureでも
ブログ、SNS等でのレイアウト術について
少し記事にしています。
なお、その他のデザイン関連の書籍は、
下のまとめ記事を参考にしてみて下さい。
