階層構造は、要素を重要度順に並べます。これにより、見る人は最初に何を見るべきか、次に何を見るべきか、そして3番目に何を見るべきかが分かります。見出しは本文よりも大きく、行動喚起ボタンは周囲よりも明るく、セクションタイトルは下の段落よりも太字で表示されます。階層構造は、デザイン全体を通して視線を誘導します。階層構造がなければ、すべてが注目を集めようと競い合い、何も勝ち目がありません。見る人はどこから見始めればよいのか分からなくなってしまうのです。
階層構造はコントラストによって作られます。サイズ、色、太さ、位置、間隔はすべて重要度を決定します。大きな要素は支配的です。明るい色は目を引きます。太字は際立ちます。ページ上部の要素は最初に目に留まります。要素の周囲の余白は、その要素を際立たせます。デザイナーはこれらのツールを組み合わせて、明確な視覚的秩序を構築します。階層構造は単に物を大きくすることではありません。適切なものを大きくすることです。最も重要な要素は最も目立つべきです。すべてを強調すると、何も強調されません。デザイナーは最も重要なことを決定し、それに応じてデザインする必要があります。階層構造はコンテキストによっても変化します。モバイル画面はデスクトップよりもスペースが狭くなっています。ポスターは遠くから見られます。本は手に持って見ます。階層構造は媒体に合わせて適応します。目標は同じです。意図した順序でコンテンツを通して視聴者を導くことです。
階層ツール
- サイズ ― 大きな要素がまず注目を集める
- 色 — 明るい色や対照的な色が目立つ
- 太字はより目立つ
- 位置 — 上部中央が最初に表示されます
- 空間――孤立は要素に重要性を与える
階層構造とは、重要度の順序のことです。それは、見る人にどこを、どのような順序で見るべきかを示します。
Comments (3)
Leave a comment