移行中の知識
焦点
Focal Point
定義
焦点（focal point）とは、構成の中で特に注意を集める中心的なareaやelementです。emphasisは焦点を作るための操作・関係、visual hierarchyは複数要素の優先順位全体を扱うのに対し、focal pointは「まず強く注目される場所がどこか」を見る概念です。一つに限定される必要はありませんが、複数の焦点が同じ強さで競合すると流れが曖昧になりえます。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
event poster
poster内の注意源を比較する
見るポイント
event名、人物写真、日付、sponsor markなどを一度に見て、どこが最も強く注意を引くかを確認する。event名を主焦点にしたい場合でも先に決め打ちせず、size・contrast・position・surroundを変えた複数案で、画像との競合や第二の焦点との関係がどう変わるかを見る。
landing page
sales pageのCTA
見るポイント
CTAを視覚的な焦点にする場合、周辺のbadgeやdecorative graphicが同程度に目立っていないか確認する。button colorだけでなく余白・位置・scaleも見て、CTAだけを強める案と周辺要素を抑える案を比較する。
注意
誤解しやすい点
- focal pointとemphasisを完全な同義語として扱い、結果としての焦点と作る手段を区別しない。
- 画面には必ず一つだけfocal pointが必要だと考える。
- 最も大きい要素が必ずfocal pointになると決めつけ、contrast・position・surroundを無視する。
関連
関連する概念
出典