大きなビジュアルを配置したトップページは、多くのサイトに採用されているレイアウトです。ファーストビューが肝心のWebデザインでは、最初に飛び込んでくる解像度の高い美しい写真とキャッチコピーをコラボさせることで訴求力抜群です。近年、通信速度が快適になったことも踏まえ、画面いっぱいに色がる動画を用いたトップページを採用しているサイトも増えています。▶動画の利用はこちらで解説しています。▶動画を用いた背景サンプルヒーローヘッダーの使い方と注意点を今一度復習して見ましょう。大きなPCモニターでは、解像度の高い画像を採用しても構いませんが、無線wifi利用の多いスマートフォンでは容量の大きい画像を読み込ませることを避けましょう。レスポンシブで、画像を切り分け、デバイスに合った画像を用意することをお勧めします。パソコンモニター用は、幅1200px以上、スマホ用は、幅600px前後が理想と考えます。スマホは縦長型、モニターはワイド横長の特徴も留意した上で加工準備します。Day</h1></div></div>スマホでもご覧いただけます。「WEBデザイナーの教科書」は、どなたでも、自由に閲覧使用していただけるように、公開しています。WEBに携わる方・教育の現場などお気軽にお使いください。個人情報について座右の銘お問い合わせ。