LPの写真は同じ大きさにそろえる?見せたい一枚と一覧の使い分け

LPの写真は同じ大きさにそろえる?見せたい一枚と一覧の使い分け

記事
デザイン・イラスト
LPに載せる写真は集まったけれど、「全部同じ大きさに並べればよいの?」と迷っている方へ。
写真の大きさは、先に印象を伝えたいのか、同じ条件で選んでもらいたいのかで分けて考えましょう。一枚を大きく見せる場所と、同じ幅で並べる場所は、一つのLPの中で併用できます。

■ 全体を見て、写真の役割を分ける
salon-full.png


画像説明:salon komorebiのLP全体。自主制作の架空サロンの制作見本です。写真は生成イメージで、実店舗・実際の施術・納品実績を表すものではありません。

この見本では、メニューを並べる部分と、「DAILY CARE」という読み物の部分で写真の大きさを変えています。全体画像では、すべての写真が同じリズムで並ぶわけではない点をご覧ください。文字を読むための拡大は下に分けています。

■ 大きさを変えると、最初に見せたい一枚を選べる
salon-daily.png


画像説明:同じ制作見本のDAILY CARE部分を拡大。架空の暮らしを表す生成画像です。

左の「ひと息つく時間をつくる」は大きな写真、右の四つは小さな写真です。この配置では、まず一つの場面を見せ、その周りに別の過ごし方を添えています。説明の入口となる写真があり、残りは関連する話として見せたいときの構成例です。

ただし、大きく置けばよく選ばれる、売上が上がる、と確認できたわけではありません。また、五つを同じ重要度で比べてほしい場合、大きさの差が意図と合わないこともあります。見栄えだけで大小を決めず、「どれから見てほしいか」を制作前に伝えます。

■ 同列で選んでほしいなら、写真の条件をそろえる
salon-menu-pair.png


画像説明:同じ見本のメニュー一覧から二つを拡大。メニュー内容・時間・金額は架空の参考設定です。

メニュー欄では、写真の幅や位置をそろえ、その下に名前と説明を置いています。視線を同じ順に動かしながら項目を見られる構成です。複数コースを同じ立場で選んでもらいたい場合には、こちらが候補になります。

写真の大きさだけそろえても、片方は人物全体、片方は小さな道具だけでは、何を見比べるかが曖昧になることがあります。依頼時には「サービスごとの場面をそろえる」「商品の形を見せる」など、写っている内容も一緒に整理しましょう。無理に切り取って必要な部分が欠けるなら、別の写真を選ぶか、枠の使い方を相談します。

■ スマホでの見せ方も、役割から考える
PCで大きな写真と小さな写真を横に置いても、スマホでそのまま縮小すると判断しにくくなります。主となる一枚を先に見せるか、比較する項目を続けて並べるかなど、写真の役割を保った並びを確認します。このPC画像だけで、スマホでの細部の読みやすさを確認済みとは扱いません。

写真が少ない場合は、大小の変化を無理に増やす必要はありません。一枚と説明文で足りる内容なら、そのまとまりを丁寧に見せる方法もあります。

■ 制作依頼に使える写真配置メモ
写真を置く部分:____
目的(印象を伝える/同列で比較/説明を補う):____
最初に見てほしい一枚と理由:____
同じ条件で見比べてほしい写真:____
切り取ると困る部分:____
スマホでも続けて見せたい項目:____
掲載できる写真・権利確認状況:____

LP制作をご相談の際は、このメモと使用予定の写真を添えて、写真の大小や並びを含む画面構成をご相談ください。素材の状態や必要な制作範囲を確認したうえで進めます。

LP制作サービスはこちら

サービス数100万件のスキルマーケット、あなたにぴったりのサービスを探す