ファーストビュー(ページトップ)

トップページのメインビジュアルや、下層ページのサブビジュアルについて。

ページの一番最初に目に入る部分はスクロールせずに画面内に収まるように考える必要がある。

モニターの下りでも触れたが現在の主流は19:10のモニターなので画像の縮小なども考慮し、横1920pxに対し縦1080pxに収まるように意識する。

横幅いっぱいに画像を使用する場合、横1920pxに対し高さが半分以下になることが考えられるため、スマートフォンなどで見たさいに縦が100px程度になってしまうため、背景として使用し左右を見切れるように設定する、別の画像を用意するなど工夫する必要がある。