視線誘導とは？ 画面構成で重要な3つの法則 美術と科学

と定義されます。おそらく先程の文書でではこのような形で印象に残ります。

視線誘導-Zの法則

グーテンベルク・ダイアグラムとほぼ同じものといえるでしょう。

少し違う部分というのが、3の「強い休閑領域」を経由することで、視線の動きがZの形になり、中間部分が読み飛ばされる可能性があります。

このZの形を考慮して、要素を配置していくことで記憶に残すポイントを作ると良いでしょう。

視線誘導-Fの法則

これはポータルサイトやブログに多い配置となっています。

アメリカの工学博士、ヤコブ・ニールセンにより発表されたWebに特化した視線誘導です。


まず左上から右上に向けて水平に視線が動き、その後下に下りながら水平に移動するという動きを反復していきます。

このため左側の要素は認識されやすいのですが、その反面右側にある要素は認識されにくい可能性があります。

視線誘導-Nの法則

これはWebデザインではまずありえない法則ですね。

最近では小説などの文庫本、雑誌でもコミック誌や文芸誌などの外では縦書きの本は少なくなってきていますが、これは縦書きのための法則です。

ほぼZの法則を90度回転したものと考えて良いでしょう。

ただ、視線の流れはNの書き順とは違うので、「逆Nの法則」と呼んでいる人もいます。

こちらの場合は右上が「最初の視覚領域」となり、左下が「終着の視覚領域」となります。

今回は視線誘導についてご紹介いたしました。

こういった法則は絶対的なものではありません。

しかし、日本語や欧文で横書きなのに「自分の文章は右上から読むのが正しいのだ！」と自己ルールを押し付けても、そのとおりには読んでもらえません。

「人に読ませる（見せる）モノ」を作る以上は、大多数が持っている習慣を無視することはできません。

デザインをする上では「自分がこれが良いと思うからこうした」ではなく、
「自分ではない第三者はどういうように見ていくだろう」というところからスタートする必要があります。

これらを踏まえた上で、画面を構成していくと良いでしょう。