公開 更新

guide · レイアウト・構図

メリハリのないデザインはなぜ|のっぺり見える原因

メリハリのないデザインは、すべての要素を同じ大きさ・同じ強さで置いていることが原因です。差がないと目が留まらず、のっぺり見えます。原因の見つけ方と、主役を立ててメリハリを作る直し方を解説します。

レイアウト・構図を学ぶ余白灯舎の場面
ミナちゃんと作ったのに、なんだかのっぺりして。メリハリがないって、どういうことなんでしょう。
レン主役を決めると、ほかを軽く扱う気がして怖くなったのかな。

のっぺり見えるものの正体

「メリハリがない」「のっぺりしている」と感じるとき、目は紙面の中で留まる場所を探して、さまよっています。すべての要素が同じ大きさ、同じ太さ、同じ色で並んでいると、どれも「同じくらい大事」に見えて、目のやり場が定まりません。

これは、情報を大切に扱おうとするほど起きやすい問題です。どの要素も重要だと思うと、つい全部を同じように立派に見せたくなります。でも、全部を目立たせようとすると、結果的にどれも目立たなくなります。目立ちは、他との差からしか生まれないからです。

たとえるなら、起伏のない道のようなものです。まっすぐ平らな道は、目印がないため、どこまで進んだのか距離感がつかめません。ところどころに木や看板があれば、そこを手がかりに進めます。紙面も同じで、大小の起伏があるから、目は迷わず進めます。のっぺりは、この起伏が消えた状態です。この差の考え方がコントラストです。 道の起伏の例が示すのは、手がかりとなる差が移動を助ける点です。デザインでは、静けさや均一さを狙う場合もあるため、差の大きさは目的に合わせます。

どこで差が消えているかを見る

メリハリを取り戻すには、どこで差が消えているかを見つけます。差は、いくつかの要素でつけられます。自分の紙面を、次の点で点検してください。

迷ったら、大きさの差から試すと変化を比べやすくなります。見出しと本文のサイズ差はジャンプ率として確認できます。ただし、色、太さ、余白、位置でも優先順位は作れるため、大きさだけを万能の原因にはしません。

差が消れる理由の1つは、見出し、本文、小見出しを少しずつ変え、実寸では違いが判別しにくくなることです。倍率を先に決めず、大きさ、太さ、余白のどれを変えるか1つ選び、変更前後で読む順番を比べます。

メリハリをつける直し方

差が消えている場所が分かったら、直しに移ります。効果の大きなものから順に挙げます。

  1. 主役を1つ決める。 紙面でいちばん見せたい要素を1つ選びます。ここが決まらないと、差のつけようがありません
  2. 主役との差を1つ広げる。 大きさ、太さ、余白から1つ選び、変更前後で読む順番を比べます
  3. それ以外を、控えめにする。 主役以外は、小さく、静かにします。主役を上げるだけでなく、脇役を下げると、差がさらにはっきりします
  4. 余白でも差をつける。 主役のまわりを広くあけると、大きさに加えて余白でも際立ちます

この手順の心臓は、2の「変更前後を比べること」です。少しだけ大きくした案が実寸では判別しにくい場合、倍率を決め打ちせず、大きさ・太さ・余白のどれを広げるか1つ選び直します。主役を決める考え方は、情報の優先順位の決め方とつながっています。

やりがちな、全部を強調する直し

のっぺりに気づいたとき、あちこちを太字にしたり、色をつけたりして、目立たせようとする案が浮かびます。ただし、複数の要素を同じ強さにすると、優先順位は伝わりにくいままです。

全部を強調すると、強調が当たり前になって、どこも目立たなくなります。5カ所を太字にすれば、その5カ所は互いに打ち消し合い、結局どれも際立ちません。メリハリは、強調を増やすことではなく、強調を1カ所に絞ることで生まれます。目立たせたいものを決めたら、それ以外はむしろ弱める。この引き算が、主役を立てます。

同じことは、バナーやチラシの優先順位が伝わりにくいときにも起きます。バナーが素人っぽく見えるのはなぜでは、整列・情報量・色の役割へ分けて点検します。装飾を足す前に、主役と周囲の差を1つ比べます。

強調を1カ所に絞った版を作ると、全部を強調した版との違いを比べられます。目立たせたいものが多くて絞れないときは、順位をつけ、いちばんの1つから試してください。2番目、3番目は、1番目より控えめにし、読む順番が意図どおりかを実寸で確認します。安全表示や複数の必須情報がある場合は、1カ所へ無理に集約せず、領域やページを分けます。

主役を、思いきり大きくする

今日のワーク:差を1つだけ広げる

優先順位が伝わりにくい紙面を1つ選び、主役と周囲の差を1項目だけ広げます。固定倍率ではなく、最初に主役へ目が向く最小の差を探します。

  • 大きくした版と、元の版を並べます
  • どちらが、最初に目を留めやすいかを確かめます

やりすぎたと感じるくらいで、ちょうどよいことが多くあります。作っている画面では大きすぎに見えても、少し離れて見ると自然に主役として立っています。

差をつけるのを怖がらないことが、メリハリの第一歩です。大きくして寂しくなったら戻せばよいだけなので、まずは思いきって差をつけてみてください。

メリハリは、大きさだけでなく、余白でも作れることも覚えておくと役立ちます。主役のまわりを大きくあけると、大きさを変えなくても、その要素は際立ちます。まわりが静かだから、そこに目が集まるのです。大きさで差をつけ、余白でさらに引き立てる。この2つを合わせると、控えめな紙面でも、見せたいものがきちんと立ち上がります。派手さではなく、差と余白で主役を作る。これが、のっぺりを抜け出す確かな道です。

実際の掲載サイズで少し離れて見て、最初に目へ入った要素を記録します。制作画面を拡大したままでは、差が十分に見えても縮小時に消える場合があります。大きさ、太さ、色、余白のうち1項目だけ変え、どの差が効いたかを比較します。

メリハリは、差をつける勇気から生まれる

メリハリのないデザインは、すべての要素を同じ大きさ・同じ強さで置いていることが原因です。差がないと目は留まる場所を失い、のっぺり見えます。主役を1つ決めて思いきり大きくし、それ以外を控えめにする。この差をつける勇気が、紙面に起伏を生みます。全部を目立たせようとすると、かえってどれも目立たなくなります。

のっぺりして見えたときは、要素を足すのではなく、差を足す。この向きを覚えておくだけで、直しの手が迷わなくなります。差をつける前に、そもそも何を主役にするかを決めることが土台になります。次に進むなら、情報の優先順位の決め方で、1番を選ぶ考え方を続けて確かめてみてください。