視線はZ・F・Nで動く！レイアウトが劇的に変わる3つの法則【瞬解！ デザイン用語図鑑】

【レイアウト\ 文字組・組版】「Ｚ／Ｆ／ Ｎの法則」

人の視線が各アルファベットの流れと同じように動く法則のこと。

Zの法則

「Z」の形に沿って視線が移動する法則。左上が一番注目されやすく、右下が終点となるため、Webではアクションボタンが右下に配置されやすいです。

Fの法則

「F」の形に沿って視線が移動する法則。テキストが多いページや、SNSでよく見られます。下は読み飛ばされやすいので、重要な情報は上に配置しましょう。

Nの法則

「N」の形に沿って視線が移動する法則。縦書きの新聞、雑誌、小説などが当てはまります。Zの法則や Fの法則と違い、スタートは右上になります。

【POINT】
読み手にストレスを与えることなく拾いたい情報がつかめるよう、
法則を活用しうまく視線誘導してレイアウトしましょう。

【出典】『瞬解！ デザイン用語図鑑』著：ingectar-e