ブログ見出しには、美しい画像がだいたい失敗する仕事があります：見出しを運ぶことです。被写体を16:9のフレームの真ん中に置くと、タイトルを置く場所はどこもかしこも何かの上になります。
だから有効な質問は「どう見えるか」ではありません。「テキストはどこに置くか、その領域は読みやすく十分な閑静さを持っているか」です。
作り、簡略化し、それから移動させる
ラウンド1 — シーンを作る
整然とした木製デスクの斜め上からの写真：開いたノート、ペン、セラミックのコーヒーカップ、ノートパソコンの一部、中間色、柔らかい自然光
文句なしにストックフォトな雰囲気のデスクです。ヘッダーとしては使えません：オブジェクトが端から端まで並び、フレームのどこを見ても注目を競っています。
ラウンド2 — 物を減らす
簡略化する — ノートパソコンとペンを削除し、余白の広い机を残す
除去は画像制作で最も活用されていない指示です。これが編集として書かれていることに注目してください — ノートパソコンを削除する — これはモデルが前のフレームを見られるからこそ意味を持ちます。モデルが前のフレームを見られるからです。新鮮なプロンプトとして「ノートパソコンがない机」と書くと、奇妙な文章になり、往々にしてノートパソコンがある机を生成してしまいます。
ラウンド3 — 必要な角を空ける
すべてを左下にずらし、右上を空けておく
これで見出しを入れる場所ができます。これは最後に行うこと：再配置してから簡略化すると、設定した構図が壊れてしまいます。
テキストを画像の中に焼き込まない
現代の画像モデルはテキストをよく描画できます — それについては別途テストし、問題ないことを確認しました。それでも見出しを画像から離すべき理由が三つあります。モデルが綴れるかどうかとは無関係です。
- 見出しは変更されます。 イメージが承認された後、コピーは書き直されます。毎回です。
- 画像は使い回されます。 同じヘッダーがソーシャルカード、ニュースレター、カテゴリページに使われ、それぞれ違う文字を望みます。
- 烘焙されたテキストは翻訳できません。 サイトが複数の言語で実行されている場合、JPEGに焼き込まれた見出しは、そのうちの一つの言語にしか存在しません。このサイトは7言語で動作しており、あなたが読んでいるすべての単語が、まさにこの理由のため生テキストです。
空間を生成し、HTMLまたはデザインツールで見出しを上に配置します。
モデルが知らないこと
あなたのブランドは知りません。タイプフェイスも、カラーパレットも、見出しが常に左揃えで72pxであるという事実も。それはレイアウトではなく写真を撮っているので、その間のギャップはあなたの仕事です。
2つの実用的な結果があります：
- テキストが実際に位置する場所でコントラストを確認します。「空」は「静か」とは同じではありません。明るい木目の空白の領域は、白いテキストと戦うことになります。もしそうであれば、その領域を暗くするように依頼するか、CSSでスクリームを追加してください。多くの場合、スクリームが正しい答えです。
- 生成する前にクロップを決定します。 アスペクト比は会話全体で意図的にロックされるため、後のラウンドはあなたが構築したものを再構成することはできません。16:9のヘッダーと1:1のソーシャルカードが必要であれば、それは2回の会話であり、1枚の画像を2回クロップすることではありません。
短いチェックリスト
- シーンを一度、完全に説明します。
- それをあまりにも空っぽに感じるまで物を除去します。
- 被写体を一方に押し、クリアしたい領域を指定します。
- 実際の見出しを上に乗せ、モバイル幅で読み、署名する前に確認します。
無料クレジット 300 で始める — カード登録不要
