トップページへ 画像 映像 WEB デザイン情報サイト アートアーク
INTERVIEW
INTERVIEW インデックス
中級編
VJ
FLASH
WEB
DTP
初級編
映像編集
画像処理
画像補整
WEB
会社概要
お問い合わせ

Tip on Tip
DTP by Yuko Fukuma
back to menu
This week's image This week's theme.
1 2 3 4 5
This week's point.

 「紙面のイメージは余白の取り方で決まる」と言っても大袈裟じゃないくらい、この余白というのは紙面を構成する上でとても重要になるのではないかと思います。
  同じ情報量でも余白を多くとったレイアウトは上品なイメージになり、逆に余白が少ないと盛り沢山でにぎやかなイメージになってきます。そしてこれら目的にあっていないと意味がありません。

 ちょっと余談になりますが、ファミレスやチェーン店の居酒屋のメニューなどはレイアウトが美しいかは別にして、よく出来ているなと感心してしまいます。メニューが沢山あり過ぎて、どれにするか迷ってしまう。願わくば全部ください!と言いたくなる、これもきっとそういうお客の心理を狙って作られているのだろうと思います。またスーパーの特売のちらしにしても、なんだか全部が安いように感じてしまう。もしこれが余白を生かして整然と商品が並べられていたら、なんだか品物が少ないように見えて、特売感が伝わらないのではないかと思います。

 逆に高級なブランド店の広告が紙面いっぱい所せましと商品が並べてあったら、せっかくの品物が安っぽく見えてしまう。。。

 このように余白は全体のイメージを大きく左右するものなので、その都度よく目的を考慮してレイアウトしていかなければなりません。
 私個人の意見としては、この情報をいっぱいいっぱいに見せるというのは、ある程度経験を積めば誰でも出来るようになる(個人差はありますが)と思うのですが、余白を美しくとるというのは非常に難しくまた高度なレイアウトだと思います。

 これは私の永遠の課題でもあるのですが、今回はある外資系の会社案内パンフレットで「余白を生かしたレイアウト」をコンセプトに製作し、好評だった物を紹介したいと思います。私もまだまだ勉強中ではありますが、何かの参考になればと思います。

余白を生かしたレイアウト(その5 Cのレイアウト後半)

実際のパンフレットは表まわりいれて12Pの物だが、その中からこの3見開き分を紹介する。今回は、前回に引き続き2つ目の見開き(B)を仕上げと見開き(C)を作っていく。

会社名 日本トウキョウ株式会社(仮)
サイズ A4縦(210mm×297mm)/4C/中綴じ
*レイアウト、色などは実際の物と多少異なります。

sample sample sample
▲クリックで拡大表示

1: 画像ボックスを作る

前回の続きでCのページを仕上げていこう。
写真を配置する為、左右を5等分した画像ボックスを2段つくる。

capture
capture
← ↑ 画像ボックスの間は上下、左右とも1mmつづあける。このように規則的に配置する時は連続複製の機能を使う。先に5等分になる左右幅を計算し、画像ボックスを1つ作ったら水平方向を「41mm+アキ1mm=42mm」、繰り返す回数「4回」を入力し、OKボタンを押すといっきにコピーできる。(分かりやすいように画像ボックスの塗りをグレーにしているが、実際はボックスには色はつけない)
capture

↑ 同じ要領で右ページにも今作ったボックスを全て選択し、コピーするとこのようになる。


2: 写真を配置する

次に写真を配置する。今回は写真をびっちり入れないで、歯抜けを何個か作り、抜けた感じを出す。画像ボックスを選択し、「コマンド+E」で画像を呼び込む。同じ要領でバランスを見ながら写真をランダムな位置に呼び込む。

capture
capture
capture

↑この写真の位置は特に決まりはない。自分で好きな所に配置してよいが、注意したいのはきちんと横のラインが分かる程度に歯抜け部分を作るとまとまって見える。


3: 仕上げる

最後に本文部分にBL10%を薄くひいて微調整すればできあがり。

capture

余白を生かしたレイアウトはできましたか? ポイントは、文字は固まりで読ませるように配置し、余白は思いきって取っていくという事。まずは綺麗に余白をとった紙面などをまねして作ってみると、だんだん感覚が分かってくると思います。みなさんも是非美しいレイアウトを研究してみてください

writer:Yuko Fukuma
back to menu 1 2 3 4 5