ジャンプ率で目線を誘導する
文字の大きさの差、いわゆる「ジャンプ率」を大胆に使うと、見る人の視線を確実に誘導できます。見出しを強く出して右上に視線を集め、斜めに流して左下で行動を促す――この動きは、告知や短い案内文で非常に有効です。本稿では、ジャンプ率の考え方、F/Zパターンの応用、右上から左下へ視線を流す具体的な手法、そしてすぐ試せる課題を丁寧に解説します。1. ジャンプ率を大胆にする理由小さな差では伝わりにくい階層が、明確なサイズ差で「一瞬で分かる」ようになります。見出しが大きければ、装飾を減らしても注目点が損なわれません。サイズ差が視線の優先度を決めるため、見る人の行動につなげやすくなります。例えば、見出し:サブ見出し:本文を1:0.5:0.25の比率にすると、視線はまず見出しに集まり、次にサブ見出し、最後に本文へと自然に移動します。2. FパターンとZパターンの基本Fパターン:テキスト主体のページでよく見られる読み方。左上→右へ横移動→下へ移る、という流れ。Zパターン:視線がジグザグに動くレイアウト。左上→右上→左下→右下と流れる。これらは「自然な視線の動き」を表すモデルですが、デザインはこれを利用して意図的に目線を導くことができます。3. 右上から左下へ視線を誘導する具体法普段とは逆の流れ(右上→左下)に視線を流したい場合、次を組み合わせます。右上に最も強い要素(大見出し+色)を置く。見出し付近に大きめのビジュアルで視線を留める。ビジュアルやテキストブロックを対角線上に配置して、斜めの道筋をつくる。左下に行動に直結する情報(日時・会場・CTA)を置き、視線の終点にする。この配置は、見出しで注意を
0