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

視線はZ・F・Nで動く!レイアウトが劇的に変わる3つの法則
【レイアウト\ 文字組・組版】「Z/F/ Nの法則」
人の視線が各アルファベットの流れと同じように動く法則のこと。
Zの法則
「Z」の形に沿って視線が移動する法則。左上が一番注目されやすく、右下が終点となるため、Webではアクションボタンが右下に配置されやすいです。

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

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

【POINT】
読み手にストレスを与えることなく拾いたい情報がつかめるよう、
法則を活用しうまく視線誘導してレイアウトしましょう。
【出典】『瞬解! デザイン用語図鑑』著:ingectar-e
【書誌情報】
『瞬解! デザイン用語図鑑』
著:ingectar-e
「デザイン語」を使いこなせると、デザインはもっと伝わる。
この1冊で、ingectar-eさんの「デザイン語の解釈」がビジュアルでわかる!
新しいデザイン本。
・デザイン周りのきほん用語がわからない
・聞いたことはあるけれど、人に説明できないデザイン語が多い
・デザインを通して伝えたいことを言語化できない
・ふわっとした表現をデザインに落とし込めない
などの悩みを抱えるデザイナー、またデザイナーと一緒に仕事をする人へ。
著書累計100万部以上、デザイン本ジャンルで圧倒的に読者に支持され、人気デザインスクールを開催するingectar-eさんが、基本的な用語や感覚言葉の新解釈を豊富なビジュアルと共に紹介します。
【著者情報】
ingectar-e
代表 寺本恵里
デザイン書の執筆やイラスト素材集の制作をしているデザイン事務所。著書は40冊以上。代表作の『3色だけでセンスのいい色』は17万部を突破。『けっきょく、よはく。余白を活かしたデザインレイアウトの本( ソシム)』シリーズでは累計35万部を突破している。大阪、京都にて「ROCCA&FRIENDS」などカフェの運営、店舗展開、デザイン、企画などもしている。
この記事のCategory
オススメ記事

トンマナ(トーン&マナー)とは?デザインの統一感を保つ設定のコツ【瞬解! デザイン用語図鑑】

【デザイン基本用語】可読性と視認性の違いとは?一目で伝わる見やすいデザインの作り方【瞬解! デザイン用語図鑑】

【デザインの基本】レイアウトの構図6選!印象を変える配置のコツと手法

【錯視の仕組み】なぜ同じ色・大きさに見えない?3つの視覚トリックとデザインへの応用【瞬解! デザイン用語図鑑】

センスや才能は一切不要?ビジネスの失敗を劇的に減らす「デザイン思考」の正体

【デザインの基本】センスは才能じゃない!知識と経験で感覚を磨く2つの方法【瞬解! デザイン用語図鑑】

グリッドシステムとは?|デザインを整えるレイアウトの基本とあえて崩すコツ

【デザイン制作の基本】ブランディングとは?必要な4つの要素と5つのプロセス【瞬解! デザイン用語図鑑】
求人情報
「東京/愛知」プロデューサー/アシスタントプロデューサー/その他マスコミ・エンターテイメント・メディア系
スマートエンジニア株式会社
勤務地:東京都雇用形態:正社員給与:年収500万円~1,000万円スポンサー:求人ボックス
「電子カルテ利用」准看護師/残業ほぼなし/介護医療院
社会医療法人原土井病院
勤務地:福岡県 福岡市雇用形態:正社員給与:月給18万1,000円~20万2,000円スポンサー:求人ボックス
製造スタッフ/検査/梱包 レジ精算機の製造/年間休日128日/日勤のみ
株式会社ウイルテック
勤務地:東京都雇用形態:派遣社員給与:時給1,400円~1,750円スポンサー:求人ボックス
地方の方も歓迎の電気工事士
株式会社内野宮電設
勤務地:大阪府雇用形態:正社員 / アルバイト・パート / 業務委託給与:月給26万円~スポンサー:求人ボックス
病院の清掃スタッフ 未経験可 駅チカ 簡単作業 週4日 快適シフトで働こう
ワタキューセイモア株式会社
勤務地:大阪府雇用形態:アルバイト・パート給与:時給1,200円~スポンサー:求人ボックス
東京で技術を身に着け、地元「霧島」に戻ろう・鹿児島出身の代表/計測器の検査・校正
オルティカテクニカルソリューション株式会社
勤務地:東京都雇用形態:正社員給与:月給24万5,000円~29万3,000円スポンサー:求人ボックス

