ページを読み込み中...
しばらくお待ちください
しばらくお待ちください
視覚的階層とは、デザインにおける情報の優先順位をサイズ・コントラスト・余白・配置で示す設計原則です。デザインの階層を作り、ユーザーの視線を主役からCTAへ誘導する方法を解説します。
Web上のテキストコンテンツを見る際、ユーザーの視線はアルファベットの「F」の字を描くように動く傾向がある。
情報の重要度に応じて、大きさ・色・配置に強弱をつけることで、ユーザーの視線を「見るべき順序」通りに誘導するデザイン原則。
テキストが少なく、画像やCTAが中心のページ（LPなど）において、ユーザーの視線は左上→右上→左下→右下と「Z」の字を描くように動く。