写真の構図は「主役・目線・余白」で見る｜実写6点の使い分け

構図は、決まった型に写真を当てはめるより、「主役はどこか」「目線はどこへ動くか」「文字を置く余白はあるか」の3点で見ると実用的です。YumePicsの実画像6点を使い、記事の見出し、説明用の作例、背景画像に向く条件を比べます。

撮影者が何を意図したかは、画像だけでは断定できません。ここでは、画面に実際に写っている位置・明暗・重なりだけを観察します。

中央に主役がある写真

中央の主役が明確な写真は、一覧のサムネイルや記事内の作例に向きます。見出し文字を重ねたい場合は、写真の外へ文字領域を足すか、文字と写真を上下に分けます。

左右に役割が分かれる写真

主役が左右どちらかに寄る写真は、反対側を見出しに使えることがあります。ただし「空いて見える」場所にも模様や明暗差があります。文字を重ねた完成画面でコントラストを確認します。

面と層で見せる写真

層のある写真は、手前から奥へ視線を運びます。反復する模様の写真は、ページ全体に統一感を加えます。どちらも背景にしやすい一方、文字を置く場合は、被写体だけでなく明るさの変化を見ます。

用途別の選び方

用途	先に見る点	この6点での候補
記事一覧のカード	小さくても主役が分かるか	紫陽花、滝
記事の冒頭	見出しと写真を分けられるか	空と雲海、海とベンチ
文字を重ねる背景	文字の後ろが均一か	空の上部、フキの葉（帯を併用）
構図を説明する作例	位置関係を言葉で示せるか	睡蓮、海とベンチ

公開前の最終確認

• 主役を切り落としたり、文字で隠したりしていないか。
• パソコンだけでなく、縦長のスマートフォンでも見たか。
• 文字と背景の明暗差が足りない場所に、半透明の帯や別の背景色を使ったか。
• 古い写真を現在の施設案内として誤用していないか。
• ロゴや人物など、構図とは別に確認すべき情報が残っていないか。

画像の寸法と容量を決める手順は画像最適化の実測ガイド、利用条件の確認は写真ライセンスの実例ガイドにまとめています。