記事 #チラシ #レイアウト #写真

チラシの写真配置｜視線誘導とレイアウト

チラシで効果的な写真の配置方法を解説。視線誘導の基本原則、業種別のレイアウトパターン、写真選びのコツまで詳しく紹介します。

2026年2月13日

5分で読める

オクリテ編集部

写真配置がチラシの反応率を左右する

チラシにおいて、写真は最も目を引く要素です。適切な写真を適切な位置に配置することで、読者の視線を誘導し、伝えたいメッセージを効果的に届けることができます。

逆に、写真の選び方や配置を間違えると、せっかくの情報が読まれずに終わってしまいます。視線誘導の基本原則を理解し、効果的なレイアウトを作りましょう。

視線誘導の基本原則

人の目はチラシを見る時、特定のパターンで動きます。この法則を理解することが、効果的なレイアウトの第一歩です。

Zの法則

横書きの文書では、視線は「Z」の形に動きます。

┌─────────────────┐
│ ① → → → → ② │
│    ↘           │
│       ↘        │
│          ↘     │
│ ③ → → → → ④ │
└─────────────────┘

位置	特徴	配置すべき要素
①左上	最初に見る場所	ロゴ、店名、キャッチコピー
②右上	2番目に見る場所	メイン写真、特典情報
③左下	3番目に見る場所	補足情報、サービス説明
④右下	最後に見る場所	連絡先、地図、CTA

Fの法則

文章量が多いチラシでは、視線は「F」の形に動きます。

┌─────────────────┐
│ ━━━━━━━━━━━━━ │
│ ━━━━━━━        │
│ ┃              │
│ ┃              │
│ ┃              │
└─────────────────┘

ポイント

左側に重要な情報を配置
見出しは左揃えにする
段落の書き出しを工夫する

グーテンベルク・ダイアグラム

自然な視線の流れを4つのエリアに分けた法則です。

エリア	位置	注目度
第1領域	左上	最高（自然に目が行く）
第2領域	右上	低い（通過点）
第3領域	左下	低い（通過点）
第4領域	右下	高い（最終到達点）

効果的な写真配置パターン

パターン1：大型写真1枚 + テキスト

特徴: インパクト重視のレイアウト

┌─────────────────┐
│     写真        │
│   （大）        │
├─────────────────┤
│  キャッチ       │
│  説明文        │
│  連絡先        │
└─────────────────┘

適した用途

新店オープン告知
メイン商品のアピール
ビフォーアフター訴求

ポイント

写真の品質が決め手になる
文字は写真と重ねるか、下部にまとめる

パターン2：複数写真のグリッド配置

特徴: 情報量を増やせるレイアウト

┌──────┬──────┐
│ 写真1 │ 写真2 │
├──────┼──────┤
│ 写真3 │ 写真4 │
├──────┴──────┤
│   テキスト   │
└─────────────┘

適した用途

複数メニューの紹介
施術の流れ説明
サービスラインナップ

ポイント

写真のサイズを揃える
余白を統一してすっきり見せる
各写真にキャプションをつける

パターン3：メイン写真 + サブ写真

特徴: 階層感のあるレイアウト

┌───────────┬────┐
│           │小1 │
│  大写真   ├────┤
│           │小2 │
│           ├────┤
│           │小3 │
├───────────┴────┤
│    テキスト    │
└────────────────┘

適した用途

メインサービス + オプション紹介
代表メニュー + その他メニュー
店舗外観 + 内装・スタッフ写真

パターン4：写真とテキストの交互配置

特徴: 読み進めやすいレイアウト

┌──────┬──────┐
│ 写真1 │テキスト│
├──────┼──────┤
│テキスト│ 写真2 │
├──────┼──────┤
│ 写真3 │テキスト│
└──────┴──────┘

適した用途

サービスの流れ説明
ステップ紹介
複数ポイントのアピール

業種別おすすめレイアウト

美容室

目的	レイアウト	ポイント
新規集客	大型写真1枚	ヘアスタイル写真を大きく
メニュー紹介	グリッド配置	ビフォーアフターを並べる
スタッフ紹介	写真+テキスト交互	人柄が伝わる写真を選ぶ

写真選びのコツ

仕上がりイメージが伝わるヘアスタイル写真
施術中の様子（技術力アピール）
店内の雰囲気が伝わる写真

飲食店

目的	レイアウト	ポイント
グランドオープン	大型写真1枚	看板メニューを大きく
メニュー紹介	グリッド配置	6〜9品を見やすく配置
コース紹介	メイン+サブ	コース料理を順番に

写真選びのコツ

美味しそうに見える角度・照明
湯気や艶など「シズル感」を意識
盛り付けの美しさが伝わる構図

整体院・治療院

目的	レイアウト	ポイント
症状訴求	大型写真1枚	痛みを抱える人のイメージ
施術紹介	ステップ配置	施術の流れを説明
信頼構築	写真+テキスト	施術者・院内の写真

写真選びのコツ

清潔感のある院内写真
施術者の信頼感ある表情
実際の施術シーン（顔はぼかす）

不動産

目的	レイアウト	ポイント
物件紹介	メイン+サブ	外観を大きく、内装を小さく
複数物件	グリッド配置	比較しやすい配置
売却相談	大型写真1枚	成約イメージの写真

写真選びのコツ

明るく広く見える角度
晴れた日に撮影した外観
生活感がイメージできる内装

写真配置のNG例と改善策

NG1：写真が小さすぎる

問題: たくさん載せようとして、1枚1枚が小さくなる

改善策

思い切って写真を減らす
重要な写真を大きく、補足写真を小さくメリハリをつける

NG2：写真の上に文字が読みにくい

問題: 写真の上に白文字を置いたが、背景が明るくて読めない

改善策

半透明の帯を敷く
文字に影やフチをつける
写真の暗い部分に文字を配置

NG3：視線の方向がおかしい

問題: 人物写真の視線がチラシの外を向いている

改善策

人物の視線がチラシの内側（情報）を向くように配置
または正面を向いた写真を使用

NG4：余白がバラバラ

問題: 写真とテキストの間隔が不揃い

改善策

余白のルールを決める（例：写真間は5mm、写真とテキスト間は3mm）
グリッドを使ってきれいに整列させる

写真がない場合の対処法

プロの写真がない場合でも、いくつかの方法でチラシを作ることができます。

方法	メリット	デメリット
素材サイトの写真	高品質、すぐ使える	他店と被る可能性
スマホ撮影	オリジナル、コストゼロ	技術が必要
イラスト・アイコン	統一感を出しやすい	写真ほどの訴求力がない
テキストのみ	シンプル、読みやすい	目を引きにくい