noteのアイキャッチに使う写真の撮り方｜文字がのせやすい余白のつくり方

記事は書き上げたのに、最後のアイキャッチで手が止まる。写真を選んでタイトル文字をのせたら、主役と文字がぶつかってどちらも目立たない——。原因は、写真を「1枚で完成した作品」として撮っていることにあります。アイキャッチ用の写真に必要なのは、完成度よりも文字の居場所。ここでは「文字と共作する写真」の撮り方を順番に見ていきましょう。

アイキャッチは「文字と写真の共作」と考える

noteのアイキャッチは、単体で鑑賞される写真ではありません。タイトル文字がのり、一覧では小さく表示され、タイムラインを流れていく——そういう使われ方をします。だから主役がど真ん中の堂々とした1枚より、「片側が静かに空いている1枚」の方がアイキャッチとしては優秀です。中央置きが悪いわけではありません——背景の整った日の丸構図は1枚写真として力強い構図です。ここでは、文字の居場所を先に確保するために片側を空ける、という役割上の選択をしています。撮る前にこの前提を知っておくだけで、写真選びの目が変わります。

文字がのる余白を、わざと残して撮る

コツはひとつだけ。主役を片側に寄せて、反対側に無地に近い面を残すことです。空、壁、木目の机、無地の布——文字が読みやすいのはこういう静かな面の上です。これは余白構図の応用そのもの。主役を三分割法の交点あたりに置くと、寄せた配置でも画面が安定します。カフェの1枚を例にした実践はカフェ写真×余白構図が近い話なので、あわせてどうぞ。

一覧の小ささでも伝わる大きさにする

アイキャッチは一覧やスマホの画面では親指くらいのサイズで表示されます。小さくなっても何の写真か分かるように、主役は大きめ・画面に入れる要素は1つか2つに絞ります。細かい小物をたくさん並べた写真は、小さく表示されると「何かがごちゃっとある」写真になってしまいます。迷ったら「親指サイズに縮めても分かるか？」で判断してみてください。

横長に切り出して、文字の場所を最終確認する

アイキャッチは横長で使われるので、撮った写真（多くは4:3）は上下を切って横長にします。切り出すときに、主役の位置と文字用の余白がちゃんと残っているかを確認しましょう（→ トリミングで構図を直す）。表示の比率は場面や仕様変更で変わることがあるため、大事な要素は画像の端ぎりぎりに置かないのが保険になります。

構図辞典余白構図この構図のくわしい解説を見る → 構図辞典三分割法この構図のくわしい解説を見る →

Before（惜しい例）After（直した例）

文字入れ・サイズ調整はツールにまかせる

写真が用意できたら、文字のせやサイズ調整は無理にアプリを探し回らなくて大丈夫です。姉妹サービスの道草手帖のアイキャッチ作成ツールで、テンプレートから見出し画像を手軽に作れます。「写真はスマホで撮る、仕上げはツールで」と分業すると、アイキャッチづくりはぐっと軽くなります。

まずこれだけ

主役を片側の交点に寄せ、反対側に無地の面を残して撮る。要素は1つか2つ、親指サイズでも分かる大きさで。横長に切り出して文字の場所を確認したら、文字入れはツールにまかせる。この型を1回つくれば、アイキャッチは毎回悩む場所ではなくなります。ヘッダーやグリッドなど、SNSごとの「表示される形」に合わせる話はXのヘッダー・Instagramのグリッドへ。