BLOG

インタビュー記事のレイアウト|Web・紙面別の構成要素とデザインの決め方

インタビュー記事のレイアウトで迷う原因の多くは、掲載媒体と記事の形式を決めないまま書き始めている点にあります。Webか紙面か、会話形式かモノローグ形式かを先に決めておくと、必要な写真の枚数も見出しの粒度も判断しやすくなります。まずは撮影前に、載せる要素を紙に並べてみてください。

左にスマートフォンの縦長画面、右に雑誌の見開きページが並び、タイトル・人物写真・本文の配置のされ方が対比されているインタビュー記事のレイアウト図

「インタビュー記事のレイアウト」を調べている方の状況は、だいたい二つに分かれます。原稿は書き上がったのに、画面に流し込むと間延びして見える。あるいは、これから取材なので、どうまとめるかを先に決めておきたい。前者は手直しの相談で、後者は設計の相談。必要になる情報がまったく違います。

本記事は後者、つまり設計のほうに重心を置いて書きました。理由は単純で、レイアウトの不具合の大半は、書き上がったあとの調整では解決しないからです。写真が足りない、引用に使える発言が残っていない、プロフィールに載せる肩書きが曖昧。こうした不足は、取材の時点ですでに決着がついています。

記事制作を請け負う立場から、Webと紙面それぞれの前提、構成要素ごとの判断、形式によるレイアウトの違い、そして取材前に決めておく項目までを順に整理していきます。

この記事でわかること
  • Webと紙面でレイアウトの前提がどう反転するか
  • Webインタビュー記事を構成する7つの要素と、それぞれの判断ポイント
  • 会話形式・モノローグ形式・ルポ形式の使い分け
  • 余白と強調の扱い方が読みやすさを左右する理由
  • 社内報・採用サイト・雑誌など、用途別に気をつける点

インタビュー記事のレイアウトは、読む順番を決める設計

レイアウトという言葉から、書体の選び方や飾り罫の入れ方を思い浮かべる方は多いでしょう。ただ実務では、装飾よりも先に決めるべきことがあります。レイアウトは読者が何をどの順番で受け取るかの設計であり、見た目の話はその順番が固まったあとに乗ってきます。

インタビュー記事には、ほかの記事にはない事情もあります。読者が求めているのは情報だけではなく、話し手そのものだという点です。だから写真の置き方ひとつで読後感が変わりますし、逆に話し手の顔が見えてこない誌面は、どれだけ整っていても手応えが薄くなりました。

「デザイン」と「レイアウト」は分けて考える

現場では混同されがちですが、この二つは工程も担当も異なります。レイアウトは、載せる要素の種類と並び順、そして占める面積を決める作業。デザインは、決まった枠の中で書体・色・線をどう扱うかという作業です。

順番を逆にすると、ほぼ確実に手戻りが起きます。配色や書体から入ってしまうと、あとになって「プロフィールを置く場所がない」「横位置の写真しかないのに縦長の枠を作ってしまった」といった衝突が表面化するためです。先に何を載せるかを確定させ、そのあとで見せ方を詰める。この順番だけは崩さないほうが安全でしょう。

Webと紙面では、前提となる制約が逆になる

同じ「インタビュー記事のレイアウト」でも、Webと紙面では発想が反転します。紙面は面積が固定されている代わりに、視線をどこから動かすかを設計できる。Webは面積の制約が緩い代わりに、読者はほぼ縦にしか進みません。

比べる点

Web記事

紙面(雑誌・社内報・パンフレット)

読み進む方向

上から下への一方向

見開き単位で視線が回遊する

面積

事実上の上限なし

ページ数が先に決まる

表示幅

端末によって変わる

固定

写真の扱い

段落の合間に差し込む

面の主役として先に配置する

分量の調整

公開後も直せる

入稿時に文字数を合わせ込む

紙面の設計では、まず写真とタイトルの位置を決め、余った面積へ文字を流し込みます。Webはその逆で、文章の流れが先にあり、写真は途中の休憩として入る。紙面は面で組み、Webは縦の線で組むと覚えておくと、判断に迷いにくくなります。

Webと紙面でインタビュー記事のレイアウトの前提が違うことを示した比較図

関連記事:SEO記事の品質基準を統一する方法|制作体制の最適化とチェックリスト活用術

Webインタビュー記事を構成する7つの要素

Webで公開するインタビュー記事は、載せる要素の種類がほぼ決まっています。上から順に、タイトル、アイキャッチ画像、リード文、プロフィール、見出しと本文、写真、締めと関連リンクの7つ。並び順を大きく崩す必要はありません。むしろ各要素で何を判断するかのほうが、仕上がりを左右します。

①タイトル|記事の要約ではなく、読む理由を書く

インタビュー記事のタイトルは、大きく二つの型に分かれます。話し手の発言をそのまま抜き出す発言引用型と、記事の内容を検索語に寄せて言い切るキーワード型です。

発言引用型は印象に残りやすく、SNSでの拡散や社内周知に強い一方、検索からの流入は期待しにくくなります。検索経由で読者を集めたいならキーワード型を主にして、発言はサブタイトルへ回す。タイトルは「誰の、どんな話か」が3秒で伝わる長さに収めるのが目安です。

②アイキャッチ画像|文字を乗せる余白は撮影時に確保する

一覧やSNSに並んだときに最初に目に入るのがアイキャッチです。アイキャッチと最初の3行で、読むかどうかはほぼ決まります。人物写真を使うなら、表情が判別できる大きさまで寄せてください。引きの写真は雰囲気こそ出ますが、サムネイル表示になると誰なのか分からなくなります。

実務でよくある失敗は、撮影が終わったあとで「ここにタイトル文字を乗せたい」と気づくことです。人物が画面中央に大きく写っていると、文字を置く場所が残りません。撮影の段階で、片側に余白を空けたカットを1枚は押さえておくと、あとの選択肢が広がります。

③リード文|読者の状況、話し手、得られることの順で書く

リード文は3行から5行が扱いやすい分量です。順序としては、読者が抱えている状況を短く置き、次に話し手が何者かを一文で示し、最後にこの記事を読むと何が分かるかを添える形が安定します。

避けたいのは、取材の経緯から書き始めてしまう構成でしょう。「先日、弊社では〇〇様にお話を伺いました」から入ると、読者にとっては自分に関係のある話かどうかが最後まで見えません。

④プロフィール|冒頭に置くか末尾に回すかは知名度で決める

プロフィールの置き場所は、上位の解説記事でも意見が分かれるところです。判断基準はシンプルで、読者がその人物を知っているかどうかに尽きます。

社外に名前が知られている人物なら、詳しい経歴は末尾でかまいません。反対に、社員インタビューや導入事例のように読者がまったく知らない相手なら、氏名・所属・在籍年数を冒頭に3行だけ置く。冒頭は最小限、詳細は末尾という二段構えにすれば、どちらの読者にも対応できます。

⑤見出しと本文|見出しに質問文をそのまま使わない

会話形式で書いた記事にありがちなのが、質問文をそのまま見出しに昇格させてしまう組み方です。「これまでのご経歴を教えてください」という見出しが並んだ記事は、目次を見ても何が書いてあるのか判別できません。

見出しには、その章で話し手が語った結論を短く置きます。本文は1段落あたり3行前後を目安にして、話題が変わる箇所で必ず改行を入れる。Webの場合、段落が5行を超えたあたりから急に読みにくくなるため、意味の切れ目を探して分けてください。

⑥写真|差し込む位置は「話が変わる直前」

写真の枚数よりも重要なのが、どこに入れるかです。話題が切り替わる直前に置くと、写真そのものが章の区切りとして働きます。逆に、文脈と関係のない位置に等間隔で並べると、読者の集中は途切れるばかりでしょう。

同じ構図を続けないことも効きます。取材時に、正面のバストアップ、手元や資料などの寄り、会話している場の引きという3種類を押さえておくと、記事中の写真に変化がつきます。

⑦締めと関連リンク|読み終えた読者の行き先を用意する

インタビュー記事は読後感が良い分だけ、そこで読者の動きが止まりやすい記事でもあります。末尾には、話し手が所属する組織のページや、関連する別のインタビューへの導線を置いてください。参考にした資料や公式情報がある場合は、出典として明示しておくと記事の裏づけになります。

💡

7つの要素のうち、あとから直せるのはタイトル・リード文・関連リンクの3つだけで、アイキャッチ、プロフィール、写真は取材と撮影の時点で中身が決まってしまいます。レイアウトを詰める作業は、公開直前ではなく取材前に前倒ししたほうが、結果的に手数が減ります。

7つの要素を上から並べると、記事全体の流れが一枚で把握できます。構成案を作る段階でこの並びを共有しておくと、社内確認のときにも話が早く進みます。

Webインタビュー記事を構成する7つの要素の並び順を示した図

関連記事:記事制作ガイドラインの作り方——外注ライターの品質を3倍安定させる設計術

形式で変わる3つのレイアウト

インタビュー記事のレイアウトを決めるうえで、構成要素の次に効いてくるのが記事の形式です。同じ取材内容でも、形式が変われば必要な文字数も写真の使い方も変わるため、代表的な会話形式、モノローグ形式、ルポ形式の3つを押さえておくと判断が早くなります。

会話形式(Q&A形式)モノローグ形式ルポ形式
話し手の人柄の出やすさ
情報の詰め込みやすさ
文字数のふくらみ方多い標準少なめ
執筆・編集の負荷低い中くらい高い
レイアウトの自由度低い中くらい高い

会話形式(Q&A形式・対談形式)

聞き手と話し手のやり取りをそのまま並べる形式です。話者名やアイコンで発言者を区別するため、レイアウトとしては最も型が決まっています。臨場感が出やすく、複数人の対談や座談会にも展開しやすい。

一方で、質問と相づちの分だけ文字数はふくらみます。同じ内容を伝えるのにモノローグ形式の1.3倍から1.5倍の分量になることも珍しくないため、紙面のようにページ数が決まっている媒体では扱いにくい面があります。

モノローグ形式(一人称形式)

聞き手の発言を消し、話し手が一人で語っているように再構成する形式です。読み物としてなめらかで、経営者の考えや理念を伝える記事に向いています。

注意したいのは、発言の順番を入れ替えて整えるため、書き手の解釈が入りやすいことです。話し手本人の確認を丁寧に取る前提で使ってください。

ルポ形式(三人称形式)

書き手が第三者の視点から、場の様子も含めて描く形式です。取材の空気や現場の様子まで伝えられる反面、書き手の力量がそのまま品質に出ます。イベントレポートや現場取材で選ばれることが多い形式でしょう。

経営者経営者

社員インタビューを作ります。会話形式のほうが親しみやすいと思うのですが、どう選べばよいでしょうか。

Writers-hub編集部Writers-hub
編集部

判断軸は二つあります。話し手が複数なら会話形式、一人なら人柄を出したいか情報を整理したいかで分かれます。人柄なら会話形式、考えを筋道立てて伝えたいならモノローグ形式が扱いやすい。迷ったときは、社員紹介は会話形式、経営者メッセージはモノローグ形式から検討すると外れにくいです。

形式を決めずに書き始めると、レイアウトは最後まで固まりません。話者名を表示する幅、写真を差し込める箇所、必要な文字数のいずれもが形式に紐づいているためです。構成案を作る段階で、形式は先に確定させておいてください。

関連記事:記事制作ガイドラインの作り方——外注ライターの品質を3倍安定させる設計術

読みやすさを決めるのは、余白と強調の使い方

構成要素と形式が決まったら、次は誌面や画面の見え方を整える段階です。ただし、ここで足し算をしすぎると、かえって読みにくくなります。手を入れるべき箇所は、実のところそれほど多くありません。

1スクロールに見せ場を1つ置く

スマートフォンで記事を読むとき、1回のスクロールで表示される範囲はおおよそ本文の10行前後です。この範囲に、写真、強調、小見出し、引用のいずれか1つが入っていれば、読者は次へ進みやすくなります。

逆に、文字だけの画面が2回続くと離脱が増えます。原稿を書き終えたら、実際にスマートフォンで開いて親指でスクロールし、文字だけの画面が連続していないかを確認してみてください。パソコンの画面で見ているときには気づけない部分です。

強調は「発言」に絞る

太字やマーカーを増やすほど記事が親切になる、というのは誤解でした。強調を増やすほど、どこが大事なのか伝わらなくなります

インタビュー記事の場合、強調するのは話し手の発言のうち、その人にしか言えない部分だけに絞ると効きます。一般論や説明文まで太字にしてしまうと、せっかくの発言が埋もれてしまう。目安として、1つの見出しの中で強調は1箇所から2箇所までに抑えてください。

おしゃれに見えるレイアウトは、要素を減らした結果

「おしゃれなインタビュー記事」を目指すとき、装飾を足す方向へ進みがちです。実際には逆で、洗練された誌面ほど使っている要素が少ない。書体は2種類まで、色は文字色を除いて2色から3色まで、写真のトーンをそろえる。この3つを守るだけで、印象はかなり変わります。

参考にしたいレイアウトを見つけたら、その誌面で使われている書体の種類と色の数を数えてみてください。おしゃれだと感じた誌面ほど、要素が少ないことに気づくはずです。装飾を足したくなったときは、代わりに余白を広げられないかを先に検討すると、まとまりが崩れにくくなります。

図や注釈で本文を補う

専門的な話題が出てきたときは、本文で長く説明するより、図や注釈に逃がしたほうが読みやすくなります。業界用語には初出で短い言い換えを添え、数値の出どころは注釈として本文の外に置く。本文の流れを止めずに情報を補える形にしておくと、読み手の負担が減ります。

なお、読みやすさをどう評価するかについては、検索エンジン側も考え方を公開しています。検索エンジン向けではなく読者のために作られたコンテンツかを自己点検するための質問リストが示されており、記事の構成を見直すときの視点として使えます。

Creating Helpful, Reliable, People-First Content | Google Search Central | Documentation | Google for Developers
Google's ranking systems are designed to present helpful, reliable information that's created to benefit people. Learn how to evaluate your own content with the self-assessment questions.
🌐 developers.google.com
外部リンク

レイアウトは執筆後ではなく取材前に決める

ここまで読んで、「レイアウトの話なのに取材の話が多い」と感じた方もいるかもしれません。実はそこが、外注先に頼んだ記事と社内で作った記事に差が出やすい部分です。レイアウトは執筆後ではなく、取材の前に決めます

理由は取り返しのつかなさにあります。文章は何度でも書き直せますが、撮影は取材が終われば二度と撮れません。引用に使える発言も、その場で質問しなければ手元に残らない。レイアウトを先に決めておくと、必要な写真と発言が具体的に見えてきます。

1
STEP
掲載媒体と分量の枠を決める

Webか紙面か、紙面なら何ページかを最初に確定します。この時点で入る文字数の上限が決まり、詰め込める話題の数も見えてきます。

2
STEP
記事の形式を選ぶ

会話形式、モノローグ形式、ルポ形式のどれで書くかを決めます。形式によって必要な文字数が2割前後変わるため、分量の枠と合わせて判断してください。

3
STEP
載せる要素をラフに並べる

タイトル、写真、プロフィール、見出しを紙かスライド1枚に並べ、どこに何が入るかを描きます。細かい体裁は不要で、箱と線だけで十分です。

4
STEP
ラフから逆算して質問を組む

見出しの数が決まれば、聞くべき話題の数も決まります。ラフに置いた見出しの箱ひとつにつき、質問を2問から3問用意しておくと、素材の不足を防げます。

5
STEP
撮影カットを指定する

アイキャッチ用の余白を空けたカット、正面のバストアップ、手元の寄り、場の引き。どこに何を使うかを撮影前に共有しておけば、当日の撮り漏らしが減ります。

この5段階のうち、社内で省略されやすいのが3番目のラフです。頭の中では組み立てられていると思っていても、紙に描くと写真の枚数が足りないことや、質問が特定の話題に偏っていることが見えてきます。所要時間は15分ほどで、取材当日の安心感がまるで変わりました。

インタビュー記事の制作工程で、レイアウトを決めるタイミングを示したフロー図

工程の数を見て、社内の人員で回しきれるかどうかが気になった方もいるでしょう。実際、インタビュー記事は執筆以外の作業が多く、担当者が兼務している組織ほど途中で止まりやすい種類の記事です。

取材前のラフ設計まで、社内だけで回しきれていますか

企画とラフ、質問設計、撮影の指示出し、そして執筆と編集。インタビュー記事は工程が多く、担当者一人に負荷が集まりがちです。編集部の機能ごと引き受ける形で、制作の体制づくりから伴走します。

媒体別に気をつけたいレイアウトの違い

同じインタビュー記事でも、掲載先によって優先すべき点は変わります。よく相談を受ける4つの用途について、押さえておきたい違いを整理しておきます。

社内報・広報誌

読者が社員である以上、知りたいのは「誰が」の部分です。顔写真は小さくしすぎず、氏名と所属は必ず本文と同じ視界に入る位置へ置いてください。ページ数が固定されている媒体なので、文字数の上限を先に確認してから形式を選ぶことになります。

採用サイト・オウンドメディア

候補者や見込み顧客が読む前提のため、読み手が自分と重ねられるかが判断の分かれ目になります。入社年次や前職、担当業務といった属性を早い段階で示すと、読者は自分に近い人物かどうかを判断できます。1本を長くするより、複数人のインタビューを同じ型で並べたほうが、比較しながら読んでもらえるでしょう。

雑誌・パンフレット

紙面は縦組みと横組みの選択から始まります。日本語の縦組みは長い文章を読ませるのに向いており、対談やエッセイ寄りの記事と相性が良い。一方、英数字や専門用語、URLが多く登場する記事では横組みのほうが読みやすくなります。読者層と内容の性質で選んでください。

Wordやテンプレートで作る場合

無料のテンプレートを使う判断そのものに問題はありません。ただし、テンプレートは枠の形が先に決まっているため、原稿を先に書いてから当てはめようとすると必ず溢れます。テンプレートを使うなら、枠に入る文字数を先に数え、その分量に合わせて執筆する順番にしてください。

社内報や採用サイトのインタビューでは、公開前に本人確認を取る工程を必ず組み込んでください。発言の趣旨が変わっていないか、掲載してよい情報かの確認は、レイアウトを整えたあとの見た目でも印象が変わります。原稿だけでなく、実際の誌面や画面に近い状態で確認を取ると、公開後の修正依頼が減ります。

インタビュー記事のレイアウトでよくある質問

最後に、制作の現場で実際に相談を受けることの多い質問をまとめました。

インタビュー記事は何文字くらいが適切ですか

用途によりますが、Web公開の社員インタビューや導入事例なら3,000字から5,000字程度が読み切りやすい分量です。会話形式は同じ内容でも文字数がふくらむため、上限が決まっている媒体では注意してください。紙面の場合は文字数ではなく、割り付けられたページ数から逆算します。

写真は何枚くらい用意すればよいですか

Web記事なら、アイキャッチ用に1枚、本文中に2枚から4枚が扱いやすい目安です。ただし枚数より構図の種類が重要で、正面のバストアップ、手元や資料の寄り、場の引きの3種類を撮っておくと、同じ構図の繰り返しを避けられます。

話し言葉はどこまで整えてよいですか

語尾の重複や言いよどみの削除、語順の整理までは通常の編集の範囲です。一方、発言の趣旨が変わる言い換えや、複数の発言を1つにまとめる編集は、必ず本人確認を取ってください。判断に迷う箇所は、修正案を添えて確認するのが確実です。

無料のテンプレートを使っても問題ないですか

商用利用の可否を提供元の規約で確認したうえであれば問題ありません。注意点は、原稿を書いてからテンプレートへ流し込むと分量が合わなくなることです。テンプレートを先に選び、枠に入る文字数を数えてから執筆する順番にしてください。

横書きと縦書きはどちらを選べばよいですか

Web記事は横書き一択です。紙面の場合は内容で判断します。英数字や専門用語、社名やサービス名が多く出てくる記事は横組み、長い語りを読ませたい対談やエッセイ寄りの記事は縦組みが読みやすくなります。

まとめ|レイアウトは、取材前に決めた分だけ整う

インタビュー記事のレイアウトは、書き上がった原稿を後から整える作業ではありません。掲載媒体で制約が決まり、形式で必要な分量が決まり、ラフで写真と質問の数が決まる。この順番で前倒しに決めていくほど、公開直前の手直しは減っていきます。

Webなら7つの構成要素、紙面なら縦組みと横組みの選択から。強調は発言に絞り、装飾を足す前に余白を広げる。おしゃれに見える誌面ほど、使っている要素は少なくなっていました。まずは次の1本で、取材前にラフを1枚描くところから試してみてください。

合同会社Writers-hubでは、インタビュー記事の企画から取材、撮影の指示出し、執筆と編集までを一貫して引き受けています。社内に制作の型を残したい場合の支援も行っていますので、進め方から相談したい段階でもお声がけください。

インタビュー記事を、社内で作り続けられる形にしたい方へ

毎回ゼロから組み立てるのではなく、企画からラフ、質問設計までの手順を社内の型として残す。外注と内製のどちらに寄せるかを含めて、体制の設計からご一緒します。

この記事を書いた人

米山拓真

米山拓真

合同会社Writers-hub 代表社員

滋賀県立大学工学研究科の修士課程を修了後、大手制作会社の編集部を経て2019年にWebライターとして独立。2020年に記事制作を手順化した「ハブ式SEOライティングメソッド」を開発し、これまでに200人以上のライターを育成しました。2022年3月に合同会社Writers-hubを設立し、会社として累計8,000記事以上のSEO記事制作に携わっています。2024年にAIライティングシステム「一気通貫Pro」、2025年から書き手の文体を再現するAI編集者「Edico」を開発。このブログでは、クライアント案件と自社サイトで実際に試したことを書いています。

質問に答えるだけで、記事の形になるツールがあります

Writers-hubが開発しているAI編集者・Edico(エディコ)は、プロンプトを工夫する代わりに、AIがあなたに質問しながら、あなたの言葉のまま記事に仕上げていくツールです。無料プランで試せます(クレジットカード不要・登録2分)。

Edicoを無料で試す