視線誘導の基本「Z・F・Nの法則」とは？Webや紙で使えるレイアウトのコツ

ラブすぽ
2026.08.13 10:50
視線はZ・F・Nで動く！レイアウトが劇的に変わる3つの法則【レイアウト\ 文字組・組版】「Ｚ／Ｆ／ Ｎの法則」人の視線が各アルファベットの流れと同じように動く法則のこと。Zの法則「Z」の形に沿って視線が移動する法則。左上が一番注目されやすく、右下が終点となるため、Webではアクションボタンが右下に配置されやすいです。Fの法則「F」の形に沿って視線が移動する法則。テキストが多いページや、SNSでよく…
つづきを読む
つづきを読む

あわせて読みたい

【3COINS】くら寿司とのコラボアイテムを発売
PR TIMES Topics
創業119年の老舗「元祖 鯱もなか本店」のもなか皮がクレープを彩る！名古屋限定「鯱もなかアラモード」に抹茶味が新登場
PR TIMES
ニコライ バーグマンから福岡店限定フラワーボックス登場
PR TIMES Topics
「会社を辞めるか、我慢して残るか」の二択から抜け出す。会社員のまま年商10億円の事業を立ち上げた久保なつ美の新刊『会社を辞めずに「自由」を手に入れるズルい仕事術』10月7日発売
PR TIMES
奈良監獄ミュージアムで、初のナイトミュージアムを期間限定開催
PR TIMES Topics
ネコの瞳は「光のパレット」？ 黄から青まで、人々の視線を奪う瞳の美しさを決定づける色素とは【猫柄図鑑】
ラブすぽ
[Gallery]【アシックスの黒いコスパ名品】1万円以下で１日履いても疲れない黒スニの最適解。履き心地とデザインを両立！／ASICS Walkingのスニーカー
MEN'S NON-NO WEB
デザイナーにもマーケティングの知識は必要！ 基本用語を２つ解説！【瞬解！ デザイン用語図鑑】
ラブすぽ
「会社をデザイン」する!? デザインでよく使われる「ブランディング」とは何をする？【瞬解！ デザイン用語図鑑】
ラブすぽ
掲載事例634点すべてを、デザイン未経験から学んだ卒業生が制作。バナー作例集『バナーデザイン図鑑630［完全保存版］』を8月27日刊行
PR TIMES