レイアウトのお悩み解消！マーケに生かすZの法則

投稿日 2016年5月24日
更新日 2020年5月18日
著者本田一彦
カテゴリーデザイン

どこでもいいんですが、例えば病院の待合で呼ばれるのを待つ間、あなたは週刊誌を手に取るとします。
雑誌は「〇〇自身」とか「週刊□□□」といった、巷でよく見かけるアレで構いません（笑）。

ほとんどの人は「どんな内容かな」と、手に取ってまず表紙を見ると思います。
では、表紙を見たあなたが初めに目をやるのは、だいたいどのあたりですか？

「Zの法則」とは？

表紙を見る多数の方々が最初に目をやるのは、恐らく左上あたりではないでしょうか。
そして視線は多くの見出しをたどりながら徐々に右下へと向かう……。

これは、平面上のコンテンツを見る人の視線の動きを順に追った軌跡が、アルファベットの「Z」に似ていることから「Zの法則」と言われ、広告やマーケティングの世界では王道で、ド定番の法則と言ってもいいものです。

広告やチラシのレイアウト、果ては商品の陳列に至るまで実に幅広い分野にZの法則は応用されているのですが、昨今では人の眼の動きを科学的に測定する「アイトラッキング」という技術の出現で、見ている先やよく目が行く箇所をより具体的に追跡できるようになり、人の視線の動きについてさらに色々なことがわかってきているようです。

「伝わる」レイアウトから「伝える」レイアウトへ

ではこの法則に照らしてみると、例の週刊誌の表紙デザインはどうなのでしょうか？
リンク先から見てみましょう。
＞週刊誌の表紙デザインいろいろ

程度の差や例外もありますが、多くは上にタイトルがあるのがわかると思います。
中にはその上に見出しがあるものもありますが、いずれにしても書き出しは左からなので、縦書きの見出しは除いて読む人の視線は自然と左上からのスタートになります。

また、比較的文字サイズの大きい見出しは右下、つまりZの終端に寄っているものがいくつかあります。

多くの表紙にこれらの共通点があるのは、単なる偶然ではありません。
読み手の視線を先回りするように配置することで、レイアウトは「何とはなしに伝わる」ものから「意志を持って伝える」ものへと、大きな変貌を遂げたのです。

Zの法則を意識して試作

ここで「総務部で企画した春季社員旅行」という設定で社内チラシをWordで作ってみました。
設定は何の脈絡もないけれど、意識したのはZの法則です。

どの辺が法則に則ったレイアウトやデザインのキモなのかということを、横に注釈として入れましたので、画像をクリックして拡大の上、参考にしてみてください（「Zの法則」以外の要素も含んでいます）。

最後に大雑把な結論になってしまいますが、原則は「一番大事なものは左上に、次に大事なものは右下に、それ以外のものは概ね上から下に配置」すること。
今あるもので手軽にデザインが良くなるなら、多くの分野で定石とされているこの方法だって、使わない手はない！
というか、積極的に活用して（笑）、明らかに「一味違う」と感じさせるコンテンツに仕上げましょう。