移行中の知識
リーディングライン
Leading Lines
定義
リーディングライン（leading lines）とは、画面内の実線・輪郭・並び・方向性を利用して、注意を主題や特定領域へ導く構図上の手法です。直線だけでなく曲線や収束線も使えます。lineが存在するだけで視線誘導が成立するのではなく、どこへ向かい、他のhierarchy cueとどう関係するかを見ます。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
travel campaign hero
写真内の道路をCTA方向へ使う
見るポイント
道路や柵の方向が人物や見出し側へ収束するcropを選び、画像内のlineとUI上の主要情報が競合しないか確認する。
editorial landing page
カード列のエッジを次要素へつなぐ
見るポイント
画像の斜線やカード端の連続方向を使い、次sectionへ注意が流れる構成を作る。装飾的なarrowを足す前に既存のlineやalignmentを利用できないかを見る。
注意
誤解しやすい点
- 線が主役を指していれば、viewerの視線が必ずその順序で動くと断定する。
- すべてのlineを主役へ収束させ、構成が過度に説明的・単調になる。
- lineの方向とvisual hierarchyが矛盾しているのに、leading lineだけで誘導できると考える。
関連
関連する概念
出典