デザインのレイアウトとは？効果的に伝えるためのルール

デザインコラム【連載 vol.01】

チラシやプレゼン資料などを作るとき、どこに何を配置したらいいか悩んだりしませんか？
その「要素を配置する」ことをレイアウトと言います。
誰もが普段から無意識にレイアウトをしている場面がありますが、何も考えず配置するのと、意図を持って配置するのとでは、完成したデザインの効果が違います。
具体的にどんなこと意識したらきれいなレイアウトができるのでしょうか。
レイアウトがもたらす効果とその例も合わせて、効果的なレイアウトにするためのルールをご紹介します。

レイアウトとは？

そもそもレイアウトとはなんのことでしょうか。
先程、「要素を配置する」ことと簡単に紹介しましたが、もう少し詳しく掘り下げてみましょう。
辞書にはこのように定義されています。

1. 配置。配列。
2. 印刷で、紙面の仕上がりの形を考えて、文字・図・写真などを所定の範囲内に効果的に配置すること。割り付け。「ページ―」
3. 洋裁で、布地の上に型紙を配列して裁断を見積もること。
4. 建築で、建物の配置、あるいは内部の部屋などの配置を決めること。
出典：デジタル大辞泉（小学館）

チラシや新聞などの印刷物やWebサイトで、文字や写真を配置することや、部屋に家具を配置するときにもレイアウトと言います。
チラシデザインの場合だと、レイアウトで見出し、本文、写真などの要素をどこに配置するかを決めています。

レイアウトはデザインの中に含まれるひとつの工程です。デザインするときは、レイアウトの他に配色やフォントなどさまざまなことを考えて組み立てています。

レイアウトの効果

レイアウトが何かを知っていただいた次は、レイアウトによる効果をご紹介します。
ただ要素を配置するだけでは、レイアウトによる効果が少なくなってしまいます。
意図的にレイアウトすることで、目的に合ったターゲットに伝えたいことを伝えやすくなります。

例えば、アパレルショップのセールの掲示物を作ることになりました。
紙面に載せたい情報としては、

・Autumn SALE
・期間：2023/10/6(金)〜12(木)
・対象商品2点以上お買い上げで
・最大50%OFF

の4つがあります。どの情報（要素）をどこにどんな大きさでレイアウトすれば、効果的になるでしょうか。

悪い例と良い例を比較して見てみましょう。

悪い例は、すべての情報を同じ大きさで配置し、良い例は、ターゲットが一番知りたい情報を大きくすることを意識してレイアウトしました。
どちらの方がこのお店に入ってみようだったり、遠くから見て分かりやすかったりするでしょうか。
載せたい情報の中で優先順位をつけて、文字の大きさを変えてみるだけでも、掲示物を見た人が受ける印象が変わります。
セールと聞いてターゲットが気になるのは、割引率だと考えられます。
今回は、最大50%OFF ＞ Autumn SALE ＞ 2023/10/6(金)〜12(木) ＞対象商品2点以上お買い上げでという優先順位をつけてレイアウトしました。
ターゲットに興味を持ってもらえる情報や、一番伝えたい情報を大きく配置することが、レイアウトするうえで大事なひとつのルールになります。