Design
視覚的階層
Visual Hierarchy
別名・略称:ビジュアルヒエラルキー/視覚的優先順位
大きさ・明暗・配置・まとまりなどで、情報の優先順位を見える形にすること。
まず、こう考えてみる
顔、見出し、説明、ボタンが同じ強さだと、どこから読むか迷います。重要さの違いを、見え方の違いとして設計します。
専門的には
Nielsen Norman Groupは、色やコントラスト、サイズ、群化によって重要な要素へ視線を導く設計を説明しています。
具体例と使い方
バナーで人物を入口に使うなら、その次に見出し、最後に行動の案内が読めるかを比較します。小さなスマートフォン表示でも優先順位を確かめます。
間違えやすいこと
最も大きいものが必ず最初に見られるとは限りません。見てほしい順序と、実際の読む順序を分けて確認します。
NACKの視点
ゆうだいの人物・文字・平面構成の判断を、一つの情報の流れとして整理します。
出典・参考資料
更新記録
2026-10-14:初版。公開されている資料・論文の説明や抄録と定義を照合。制作への応用例と「NACKの視点」は編集による提案で、個別のバナーやLPの効果を検証済みとするものではありません。