デザインのレイアウト (配置・構図・余白) の勉強に役立つ書籍・本まとめ

book-pc

こんにちは、デザイナー・ブロガーの
ゆっきー(@elcielo_design)です。

今回は、デザインのレイアウトが学べる
書籍・本をまとめた記事になります。

スポンサーリンク

この記事の目次

レイアウトデザインを本で学ぶ。

このページでは、デザインを学ぶ上で
欠かせない基礎に当たるレイアウトを
きちんと学べる本を紹介していきます。

デザインのレイアウトを学ぶことは、
デザイナー (クリエイター) の方でなくても
学校・社会生活でも何かしら役立ちます。

レポートやプレゼンの資料、ビラ等の作成、
イラスト・絵の構図を考えたりした時など、
レイアウトが違うだけでちょっとしたものが
センスがあるように見えることもありますね。

なので是非、レイアウトを学んでみましょう。

特に、次のような人は読んでみて下さい。

  • レイアウトの基礎をきちんと学びたい人
  • レイアウトデザインのセンスを磨きたい人

また、デザイン書籍等を1ヶ月無料で読むなら、
Amazonの「Kindle Unlimitedimpression?a id=1222425&p id=170&pc id=185&pl id=4062 - デザインのレイアウト (配置・構図・余白) の勉強に役立つ書籍・本まとめ」がおすすめ。

スポンサーリンク

レイアウトが学べる書籍・本まとめ

「デザインのレイアウト書籍・本の一覧」

 系統  書籍名
 ① 基本・ルール  レイアウト、基本の「き」
 だれでもレイアウトデザインができる本 新装版
 レイアウト・文字組・配色、センスアップのコツ
 デザインの組み方
 見てわかるレイアウトの新ルール
 ② アイデア・見本  レイアウトデザイン見本帳
 レイアウトの意味と効果が学べるガイドブック
 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 (税込)
 発売日  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 みたてる
 おすすめの人 ・文字レイアウトを学びたい人
・(グラフィック) デザイナー
 その他  

⑤ 装飾・あしらいのレイアウトが
学べる書籍・本

「装飾・あしらいのレイアウトの本」

  • あたらしい、あしらい。
    あしらいを活かしたデザインレイアウトの本 

あたらしい、あしらい。
あしらいに着目したデザインレイアウトの本

「けっきょく、余白。」シリーズ第三弾。

 タイトル
 (書籍名)
 あたらしい、あしらい。
 あしらいを活かしたデザインレイアウトの本
 価格  ¥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
 おすすめの人 ・あしらいを活かしたレイアウトを学びたい人
・(グラフィック) デザイナー
 その他  

⑥ IllustratorとPhotoshopの
レイアウトデザイン制作向けの書籍・本

「Illustrator・Photoshopの本」

  • 新ほめられデザイン事典
    レイアウトデザイン [Photoshop & Illustrator]
  • Illustrator & Photoshop
    レイアウトデザイン50選

なお、Illustrator・Photoshop関係の本は、
次の記事にまとめています。

新ほめられデザイン事典
レイアウトデザイン
[Photoshop & Illustrator]

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等でのレイアウト術について
少し記事にしています。

なお、その他のデザイン関連の書籍は、
下のまとめ記事を参考にしてみて下さい。

スポンサーリンク

シェアする