新人デザイナーだったころの、忘れられない失敗があります。雑誌のページデザインを担当していたわたしは、編集者から渡された構成ラフや写真素材をもとに、意気揚々とデザインを進めていました。ボスであるアートディレクターが不在のため、まだ打ち合わせはできていなかったのですが、今回の担当ページは構成もシンプルだし、そろそろ自分だけでも作業を進められそうな気がしたのです。

作業に数時間没頭しました。きちんと必要な要素を配置できたし、要素のサイズやマージンもきれいに整えた。書体や色のセレクトについてはまだ自信が持てませんでしたが、少なくともレビューを受けても良いレベルにはなっていると思えた頃、ボスが席に戻ってきました。

さっそくレビューをお願いし、できたデザインの出力を見せ、その意図を説明しようとしたところ、ボスは説明をさえぎってこう言いました。「というかそもそも、ラフ通りの構成だとこのページは面白くないよね。このほうがいいんじゃない？」。コピー用紙を取り出し、サインペンでサラサラと描かれたラフには、それまで数時間かけてつくったデザインとはまったく違う構造が描かれていたのです……。

この超基本ルールに沿って、デザイン制作をどう進めたらよいのか。今回の記事では具体例とともに順を追って見ていきましょう。お題は「マルシェ紹介のチラシをつくる！」とします。

まずは今回のデザインに入れたい情報・要素をすべて洗い出し、構造を考えてみましょう。前回決めた「目的」や「優先順位」を元に、要素をどう扱うかの方針を先に立てておきます。

次に、作りたいデザインの方向性を検討します。まずは手描きでラフを描いてみるのが良いでしょう。いきなりアプリケーション上で作業するのではなく、できることが限られている紙とペンのほうが、早いスピードでシンプルなラフを描くことができます。

ポイントは十分に「発散」してから「収束」させること。最初は悩まずたくさんの数を出すことに専念して、そのあとでじっくりどれが良いと感じたかを絞り込んでみましょう。最初からひとつの案だけで決め打ちしてしまうと、デザインを進めたあとで「この方向性でよかったのかな」と悩んでしまいます。最初に幅広く検討したという事実が、後半戦で自分の目指す方向性への自信につながるのです。

気になる案を絞り込めたら、ざっくりラフデザインを作ってみましょう。あまり時間はかけずに、写真や文字など最低限の要素を配置するだけでOK。このレベルでも、それぞれの方向性の違いを十分可視化することができます。

さて、今回のデザインはどんな方針を立てていたでしょうか？

１：マルシェのタイトル（地名）を特に強調する：どの案でもマルシェのタイトルを大きく配置すれば、目立たせることはできそう。

２：お店・写真を偏らせず並列に扱う：ＡやＢだと優劣がついてしまいそう。Ｃはサイズは同じだけど、Ｄよりも載せられる写真が少ないのがデメリット。

３：ビジネスマンが仕事帰りにも立ち寄れるような印象：Ａのようなランダム感があってカジュアルな印象なデザインはマルシェとしては王道だけど、今回はビジネスマンにも届けたいから、ラフすぎない安定感がある「Ｄ」のほうで進めてみよう。

このように、最初に考えた方針と合っているか？　をチェックの基準にすると、方向性を決めやすくなります。

ラフ案が決まったら、ひとつひとつの要素配置を丁寧に見直していきます。ディテールに惑わされないように、まずは大きさと配置だけでデザインしましょう。目立たせたい要素がちゃんと目立っているか、バランスは取れているかをチェックします。

主な変更点：

• タイトルの周辺がすべて似たようなかたちで単調だったので、特に目立たせたいマルシェのタイトルがメインとして目立つように、左上に大きく配置した
• 開催日時や入場料などの情報は、タイトルと混じらないよう、サブ扱いとしてまとめた
• 写真が全面に並ぶと威圧感と見づらさが出てしまうため、ひとまわり小さくして間隔をあけた

要素のひとつひとつに味付けして個性を持たせていきましょう。すでにそこに存在している要素に対して、書体・文字の組み方・形を意識的に変えるだけでも、グッと「らしさ」が出ます。

主な変更点：

• 書体を「A1ゴシック」に変更。丸みのある書体を使うことで温かみを出した
• 文字の太さに変化をつけ、マルシェのタイトルをさらに目立たせた
• 日付や時間の文字サイズに変化をつけ、要点がつかみやすいようにした
• 四角くグレーで囲んでいるだけだったところを、丸・カッコ・四角形・角丸四角形などに変更してそれぞれ差をつけた
• 写真にも書体と同じく丸みをつけることで、全体のトーンを和らげた

ここでようやく「足し算」を解禁！　色を加えたり、あしらいを足したり、テクスチャを加えたり。狙いたい印象にまだ届かない場合のみ足し算をすることで、やりすぎを防ぎます。逆に、なくても成立しそうな要素や、同じ情報を繰り返してしまっているところがあれば、減らす、小さくするなどの「引き算」も行いましょう。

主な変更点：

シンプルな方向性を狙っていたものの、今のままだと無機質すぎる感じ。もう少し「にぎやかさを足し算」していくことに

• 背景に温かみのあるテクスチャを追加
• マルシェ名を黒一色ではなく、白黒両方に変更
• 線を手書きのものに変更
• ミニイラストを追加
• 商品の画像（ベーグル、ぶどう）を切り抜きして追加
• 写真を枠から一部はみ出させた

要素を足し算する分、ごちゃごちゃしてしまうデメリットが。情報が重複している場所を見つけて引き算する

•          MAPとACCESSをまとめてコンパクトに

「住所」と「地図」の２種類の方法で同じことを表現しているのでスペースがもったいない。地図をメインにし、住所は小さく添えるだけに変更。

最後に残るのはブラッシュアップ。配置のバランス、要素の統一感、色味の調整、文字詰めなどなど、細かいところの仕上げをしていきます。

主な変更点：

• 背景テクスチャの存在感が出すぎて、写真が見づらくなってしまった。薄い色に変更して控えめに
• 要素バリエーションが多すぎたので、Accessのところは他の要素と似た形に変更
• タイトル周りがにぎやかになった分、日時を小さくまとめてスッキリさせる
• 切り抜き写真の配置場所を見直し、溶け込まないようにフチも追加

ということで、５つのステップを経てデザインはついにゴールしました！

１つめは「作る」と「見る」のバランスを取ること。デザインを作る＝手を動かすことだと考えがちですが、実はそれ以上に作ったものを「見る」時間のほうが大切です。少し時間をおいたり、距離をおいたりして客観性を取り戻し、いま作っているデザインの「気になるところ」「好きなところ」が何かを考えましょう。何をどう直すか？ を頭に描けてから、初めて手を動かすくらいで良いのです。

２つめは要素分解して考えること。デザインは様々な要素が影響しあって出来ています。配置、色、書体、レイアウト。いましっくりこないのはどこが原因なのかを、意識的に分解して考えましょう。色が合わないと思ったら、色だけを集中して変更する。それでも解決しなかったら、書体だけを変えてみる。全てを同時並行で変更してしまうと、結局なにが原因だったのかがわからず、収集がつかなくなってしまいます。

３つめは細部の仕上げだけは最後まで我慢すること。ここでいう「仕上げ」とは例えば、要素と要素のアキを均一に揃えるとか、文字のサイズや文字間隔を細かく変えるとか、数ミリ単位の変更についてを指します。こういった細かな仕上げはデザインのクオリティUPのために重要ですし、見聞きした仕上げワザは試してみたくなるもの。ですが、全体としてまだ納得しきれていない状態で細部の作業に逃避してしまうのは、もったいないので我慢しましょう。冒頭のデッサンの例を思い出してください。自分が「一部分だけをひたすら描き込んでいる状態」になっていないかを、忘れずに！

次回のVol.3では、具体的な要素のデザインについて、さらに細かくご紹介します。

図版作成協力：星川萌美（株式会社コンセント）