本書では、現場で活躍するプロのデザイナーが
レイアウトデザインのルールを押さえた上で、
具体的な作品作りのコツとアイデアを紹介しています。
レイアウトデザインの基本から
文字、配色、写真、装飾まで。
「ちょっと真似してみたい」
93点の最新レイアウトアイデアが詰まったネタ事典です。
*サンプルデータは一部ダウンロードできます。
<目次>
Chapter1 BASIC(デザインの基本)
Chapter2 TYPOGRAPHY(文字)
Chapter3 COLOR(配色)
Chapter4 TITLE&MARK(見出し)
Chapter5 PHOTOGRAPHY(写真)
Chapter6 DECORATION(飾り・あしらい)
1 BASIC
1 グルーピングと優先順位
2 素材を重ねて華やかに見せる
3 素材をシンメトリーに配置する
4 文字だけで構成したシンプルなレイアウト
5 文字に動きを持たせたレイアウト
6 タイポグラフィが主役のデザイン
7 余白を使って緊張感を高める
8 余白やオブジェクトの大小でリズムを生み出すレイアウト
9 脇役の情報をレイアウトのキーにする
10 情報の優先順位の差をあえて明らかにしないフライヤー
11 揃えないことで空気感のあるレイアウト
12 タイトルと写真が一体化したポスターレイアウト
13 文字や写真を傾けて配置する
14 背景にパターンを敷いた華やかなデザイン
15 ビンテージ感を出したライブフライヤー
16 漢字を解体して作ったロゴを主役に
17 書体や装飾イメージを統一させたデザイン
2 TYPOGRAPHY
18 文字を大胆に配置する
19 同級数で文字を配置しながら強調箇所を作る
20 文字をメインビジュアルにする
21 複数の書体を組み合わせる
22 文字を曲線に沿わせて軽やかな印象を与える
23 縦組みと横組みを交えたレイアウト
24 文字の並びで視線を方向づける
25 文字ごとに方向を変えて動きを出す
26 文字の一部を欠けさせたり隠したりしてみる
27 幾何学図形で文字を作る
28 フォントに手書き文字を重ねる
29 切り抜いた写真と余白で文字を形作る
30 手書き文字を使用する
31 文字の意味を絵として文字に付加する
32 同じ言葉を何度も繰り返す
33 単色のオブジェクトの組み合わせでカラフルな構成にする
34 色数を絞ってまとまりよく見せる
35 パステルトーンでロマンティックに
36 白と黒のコントラストでアピールするデザイン
3 COLOR
37 反対色をメインにして強いイメージに
38 キーカラーで色味を調整して同系色だけで構成
39 色の反転による効果で強調する
40 画面を分割した色面の対比で情報を伝える
41 グラデーションで幻想的な雰囲気を出す
42 色の層を重ねて厚みを感じさせる
43 写真や絵などを「色」として用いる
44 ツールの機能を利用して配色を検討してみる
45 紙の色を有効活用する
46 彩やかな2色でインパクトを出す
4 TITLE&MARK
47 水彩風のロゴとテクスチャで表現する
48 文字サイズを変えて躍動感を出す
49 文字に擬似的に立体感を与える
50 文字形のラインが軌跡を描く動きを感じさせるロゴ
51 錯視を利用して作るデザイン
52 細かいニュアンスを与えた文字
53 既存の記号をアイキャッチにする
54 シンプルな図形と文字を組み合わせる
55 グラデーションで文字を写真になじませる
56 写真と文字の線が一体化したデザイン
57 文字をプリントして作るタイトルロゴ
58 見出し部分を固まりで見せる
59 小さな図形を並べて文字を作る
60 パンクロック調でアピールするタイトルロゴ
61 波線状の格子模様にタイトル文字を組み込む
5 PHOTOGRAPHY
62 レイアウトの余白と連動させたトリミング
63 大胆なトリミングと色調補正で印象を高める
64 文字の形に合わせて画像をトリミングする
65 写真の被写体に文字を絡ませる
66 写真を前後に重ねて奥行きを持たせる
67 被写体と背景に別の色を重ねる
68 受け手のイメージに近い色味に仕上げる
69 カラーライト風に演出して幻想的に
70 画像合成で架空のイメージを作り上げる
71 思い切った変形加工で印象づける
72 レイヤーの重なりで動的な印象を強める
73 切り抜きを並べてパターンを作る
74 写真をコラージュしてイメージを演出する
75 写真とドローイングを組み合わせた表現
76 幾何学模様を写真に重ねて全体に敷き詰める
77 着彩した写真と文字をコラージュする
6 DECORATION
78 格子柄で区切った空間に文字情報を配置する
79 飾りとしてフォントを使った大胆なレイアウト
80 アナログ素材を取り込んで目を引くビジュアルを作る
81 図形と文言のブロックをつなぎ、リズムよく見せる
82 図形の組み合わせで装飾パーツを作る
83 小さな図形を並べあしらいを作る
84 花の模様をあしらったシックな装飾パターン
85 コピー機に何度もかけてできたノイズを活用する
86 ロゴマークのデザインを背景パターンに流用する
87 画像コラージュによるデコラティブな表現
88 線と文字を組み合わせてあしらいを加える
89 レトロ感のあるモニター風の表現
90 鉛筆画のパーツをスキャンして装飾にする
91 効果機能を利用して作る背景
92 レトロなかすれをテクスチャで表現する
93 粒子感のあるスプレー風のグラデーションで表現する