視線はZ・F・Nで動く！レイアウトが劇的に変わる3つの法則【瞬解！ デザイン用語図鑑】
【レイアウト\ 文字組・組版】「Ｚ／Ｆ／ Ｎの法則」
人の視線が各アルファベットの流れと同じように動く法則のこと。
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
オススメ記事
色・フォント・イメージなどで統一感を出す！「トンマナ」とは？【瞬解！ デザイン用語図鑑】
「可読性・視認性」とは？ デザインで情報をわかりやすく伝える基本ポイント【瞬解！ デザイン用語図鑑】
魅せるデザインは構図で決まる！ 様々なレイアウトを紹介【瞬解！ デザイン用語図鑑】
脳がだまされる！ デザインにも活用される「ムンカー・ネオンカラー・ジャストロー錯視」とは【瞬解！ デザイン用語図鑑】
失敗を減らし成果を最大化！ 解決策を見出す「デザイン思考」とは【瞬解！ デザイン用語図鑑】
知識と経験があなたを変える！「センス」って何をすれば伸びる？【瞬解！ デザイン用語図鑑】
紙でもWebでも使える！ グリッド配置の基本【瞬解！ デザイン用語図鑑】
「会社をデザイン」する!? デザインでよく使われる「ブランディング」とは何をする？【瞬解！ デザイン用語図鑑】
