必要なコピーの周りに製品のヒーローをデザインしてください。最終的なフォーマットを確立し、実際の見出しとサポート情報のための大まかなブロックを置く、そのブロックの周りに製品とシーンを配置します。この構図を念頭に置いてビジュアルを生成または編集し、承認する前に実際のコピーを結果に対してテストしてください。空のスペースは、トリミング後に読みやすく、整然として利用可能な場合にのみ役立ちます。
Dreaminaは、参照からシーン、照明、製品配置を探索するのに役立ちます。正確さや後の変更が重要な場合は、正確なキャンペーンの文言を別のデザイン要素として保持してください。以下のワークフローは、詳細なタイポグラフィの前に構成に焦点を当てています。その例や図は計画の支援であり、報告されたキャンペーンテストではありません。
画像に必要なメッセージから始めてください
最終的な画像を選択する前に、見出し、サポートライン、必要な情報、およびアクションを呼び出してください。まだ完成したフォントは必要ありません。現実的なスペースが必要です。
2つの単語の見出しと価格、日付、条件を含む見出しは、異なるレイアウトを作成します。「左側に少しスペースを残してください」というのは、後でデザインに4行のコピーとオファーバッジが必要な場合にはあまりにも曖昧すぎます。」すべての画像を実用的に見せる短いプレースホルダーではなく、最も妥当な承認済みバージョンから始めてください。
コピーがどこに保存されるかも特定してください。ウェブページは、画像の上または横に実際のHTMLテキストを置くことができます。ソーシャルグラフィックには、エクスポートされたアートワークの中に言葉が含まれている場合があります。印刷レイアウトには、法的な行のための余分なスペースが必要な場合があります。これらの配信選択肢によって、画像自体が静かなテキストエリア、別々の隣接パネル、またはその両方を必要とするかどうかが決まります。
簡潔なレイアウトブリーフを書いてください。説明的なブリーフは次のようになります。「広いヒーロー;右側に製品;左側に見出し、1つのサポートライン、アクション;フロントラベルを保持する;コピーの背後に小道具や強いハイライトのない穏やかで暖かい環境を使用する。」これは提案された作曲ブリーフであり、テストされた指示やパフォーマンスの主張ではありません。
オファーに複数の価格、数量、または条件が含まれている場合は、それらの階層を別々に解決してください。販売コピーのレイアウトガイドはその情報問題を開発する。ここでの目標は、選択した階層が必要とするスペースを画像が提供することを確認することです。
キャンバスを空の箱ではなく役割に分けてください
意図したアスペクト比でラフなキャンバスを作成してください。製品領域、コピー領域、それらの間のギャップ、およびトリミングまたはプラットフォームコントロールによって失われる可能性のあるエッジ領域をマークします。地域は体格が同じである必要はありません。彼らの比率はメッセージと製品の形状に従います。
製品領域には、アイテムを認識可能にする機能が表示されている必要があります。背の高いボトルは見出しの横に収まるかもしれません。広い家電製品は異なる配置が必要かもしれません。コピー領域は、実際のテキストブロックをサポートする必要があります。ギャップは、製品、その影、およびテキストが視覚的に衝突するのを防ぎます。
コピーにはシンプルな一時的な長方形を使用し、製品にはラフなシルエットを使用してください。あなたは最終的なタイプの治療を設計するのではなく、能力とバランスをテストしています。大まかな配置が混雑している場合、美しく生成された背景は自動的に使用可能になりません。
製品の写真や生成されたキャンペーンの結果ではなく、説明的な構成マップです。ゾーンは役割を示しています。その比率は普遍的な要件ではありません。
コピースペースを最大限に活用するために、製品を小さな隅に押し込まないでください。ビジュアルはまだ提供されているものを伝える必要があります。製品とコピーの両方がキャンバスが提供する以上のスペースが必要な場合は、両方を圧迫するのではなく、配置を変更するか情報を減らしてください。
静かなエリアを視覚的に静かにする
有用なコピースペースは、オブジェクトのない領域以上のものです。光沢のある反射、鮮明な地平線、または高コントラストのテクスチャは、小道具が含まれていない領域でも文字と競合する可能性があります。
提案されたテキスト領域を検査して、3種類の干渉を確認してください:単語を横切るエッジ、急速な明暗の変化、そしてメッセージから注意をそらす焦点の詳細。柔らかく照らされた壁は機能するかもしれませんが、同じ空き床面積の模様のある壁は機能しないかもしれません。
コピーブロック全体について考えてください。暗い地域の上部には薄い見出しが読めるかもしれませんが、その支持線は明るいパッチにまたがっています。見出しだけを動かしても、下線は解決しません。ヘッドライン、サポート、アクションを1つの占有地域として一緒にテストしてください。
製品の影も構成計画に含まれます。右側の製品から伸びる長い影は、左側のコピースペースを消費する可能性があります。製品の位置を変更したり、より互換性のある照明を選択したり、コピーの下にシャドウのパスを予約したりすることができます。シーンの最も強い対角線がオファーを貫くことを発見するために、最終的なテキスト配置まで待たないでください。
穏やかな背景調整または意図的なテキストパネルは、固定されたデザインに役立つ場合があります。それが選択された解決策である場合、元の背景がすでにクリーンコピースペースを提供しているかのように振る舞うのではなく、レイアウトの一部として扱ってください。治療が製品を覆い隠したり、シーンから切り離されたように見えるパッチを作成しないことを確認してください。
Dreaminaを使用して構成を探索する
実際の製品リファレンスと大まかなゾーンプランを準備してください。正確な製品表現が重要な場合は、承認された製品資産を最終設計に利用可能にし、生成されたすべての製品候補と比較してください。再描画されたラベルを置き換える必要がある場合でも、構成コンセプトは役立つことがあります。
Dreaminaの文書化された画像から画像へのルートは、AI画像>+アップロードで、変換プロンプトが続きます。[Image 5.0 Pro by Seedream 5.0 Pro]を選択し、使用可能なアスペクト比、数量、解像度を選択して生成し、検査してダウンロードします。その参照主導のワークフローは新しいイメージを作成するため、保存手順はまだ検証が必要です。Dreaminaの画像間ガイド
具体的に占領地域と非占領地域を説明してください。製品がどこに配置されるか、どちらの面が静かである必要があり、どの機能が見えるようにする必要があるかを名前で示してください。レイアウトに魅力的な余白があるために製品が浮いて見えないように、サポート面とカメラの関係を説明してください。
この例のプロンプトは指示的であり、テストされていません
アップロードされた商品を参照として、幅広いキャンペーン構成を作成してください。正面がはっきり見えるように、製品を右側に置いてください。左側に広くて落ち着いたエリアを予約して、見出し、サポートライン、アクションを取ってください。暖かく中立的な背景と柔らかい光を使用してください。左のコピー領域から小道具、ハードシャドウ、明るい反射、強いテクスチャを保ちます。言葉、バッジ、または余分な製品を生成しないでください。
命令は優先順位を設定します。製品、カウント、または空白領域が正しいことを証明するものではありません。候補を選択する前に、出力全体を確認してください。最高のシーンに製品のエラーがある場合は、シーンのコンセプトを保持し、必要に応じて最終的な構成に本物のアセットを使用してください。
各候補者に明確な目的を与えてください。左側のコピーで右側の製品をテストすることができます。別の人は、上部のコピーで下部の製品をテストすることができます。同じ混雑した配置を維持しながら背景の色を繰り返し変更しても、レイアウトの問題は解決されません。
候補者をコピーを置く
候補をデザインファイルにインポートし、その上に実際のコピーを置くことができます。最終的なフォント選択が後になっても、信頼できるブロック体格と行数を使用します。人々がそれを見る体格で構成を検査してください。
画像だけを承認せず、言葉がどこかに合うと思わないでください。視覚的に印象的なヒーローは、メッセージが意図した領域を占めると失敗する可能性があります。コピーテストは、仕上げのサプライズではなく、早期選択基準であるべきです。
以下の質問を評価してください:
- 製品や重要なエッジ領域に触れずに、意図されたメッセージ全体が収まることができますか?
- 製品は結果のスケールで認識可能なままですか?
- アクションや状態を含め、すべての行の後ろのコピーエリアは静かですか?
- シーンの照明とビジュアルディレクションは、製品とメッセージの間を自然に導いていますか?
- 計画された作物のどちらの役割も失うことなく、イメージは生き残ることができますか?
Photo shopで実用的なアライメントパスを作成するには、関連するレイヤーを選択し、移動ツールを選択してアライメントコントロールにアクセスしてください。アドビのレッスンでは、選択した要素をエッジや中心に合わせて配置し、選択したアイテムを配布する方法を示しています。これらのコントロールを使用して、大まかなコピーブロックと製品の関係を意図的にすることができます。これらのコントロールは、デザインの階層を決定するものではありません。アドビのアラインメントレッスン
コピーが小さくなりすぎた後にブロックが収まる場合、コンポジションは合格していません。見出しが機能しているが、状況が改善の余地がない場合、レイアウトはまだ修正が必要です。シャドウ、テクスチャ、またはタイプの詳細を磨く前に、空間的な問題を解決してください。
組成物の目的を維持する修理を選択してください
異なる失敗には異なる修正が必要です。まず、競合がコピーの体格、プロダクトプレイスメント、バックグラウンドアクティビティ、またはクロップから来ているかどうかを特定します。
Dreaminaの現在の画像編集チュートリアルは、AI Imageを介して画像をアップロードし、ターゲットの削除または変更を説明し、結果を生成およびレビューすることをサポートしています。そのルートを使用して、より落ち着いた背景領域を提案することができますが、ローカライズされた要求が周囲のすべてのピクセルが変わらなかったことを証明するわけではないため、後で製品を比較してください。Dreaminaの編集ワークフロー
製品が表面に正しく配置されていない場合は、その問題を製品配置および接地ガイドにルーティングしてください。静かな背景は、一貫性のない視点や欠けた接触関係を補償することはできません。その修理をコピースペースの決定とは区別してください。
時には、単純なレイアウト変更が別の世代よりも良いことがあります。隣接するパネルにコピーを移動したり、装飾的な小道具を減らしたり、製品の相対的な位置を変更することで、本来有用なビジュアルを保持することができます。精巧であるイメージを報いるのではなく、完全なヒーローを判断してください。
異なるフォーマットを異なる構成として計画する
広いウェブサイトのヒーロー、四角いソーシャルイメージ、そして背の高いストーリーは、ほとんど同じ使用可能なコピー領域を共有しません。ワイドデザインのセンタークロップは、製品、見出し、または両方を取り除くことができます。最終承認前に意図された配置を確立してください。
製品のアイデンティティ、キャンペーンのムード、および主要なメッセージをフォーマット間で一貫性を持たせてください。アレンジを変更してください。幅の広いバージョンは製品を右に、コピーを左に置くかもしれません。四角いバージョンは製品をコンパクトなコピーブロックの下に置くかもしれません。高いバージョンはそれらを垂直に分離するかもしれません。
画像がWebサイトのコンテナ内にあるときの実際のクロップ動作をテストします。コンテナが反応的にクロップされる場合は、関連する幅をプレビューしてください。狭い画面では、安全に見えるデスクトップの余白が消えることがあります。テキストが別のページコンテンツである場合は、それらの幅の画像に対する位置も確認してください。
フォーマットに大幅に異なる構造が必要な場合は、別のアートディレクションバージョンを作成してください。キャンバスを追加しても、新しい階層を解決するわけではありません。大きな空の拡張機能は、製品をメッセージから遠くに取り残す可能性があります。
カードのシーケンスについて、1人のヒーローにすべてのメッセージを運ばせるのではなく、各カードの役割を決定してください。ああ、カルーセルのストーリープランニングガイドは、そのシーケンスを開発します。キャンペーンは、個々のカードが製品、利益、アクションに異なるスペースを与える間、視覚的につながったままにすることができます。
仮想の製品ローンチのヒーローとして働く
テーブルトップスピーカーの承認された写真と、見出し、短いベネフィットライン、そしてアクションが必要なキャンペーンを想像してください。これは計画の例であり、顧客プロジェクトや生成されたテストではありません。
ワイドレイアウトから始めて、完全なコピーブロックを左側に置く。右側に粗いスピーカーシルエットを配置し、そのコントロールと形状が識別可能なほど大きくしてください。すぐに装飾的な小道具で埋めるのではなく、視覚的な移行のための隙間を残してください。
候補としてDreaminaで暖かいインテリア構成を生成します。1つのオプションには魅力的な窓の光がありますが、コピー領域を横切る強いカーテンシャドウがあります。もう一つはより落ち着いた壁とややドラマチックでないシーンがあります。本物のコピーを重ねると、より落ち着いたバージョンがメッセージをよりよくサポートします。
今、スピーカーと承認された写真を比較してください。生成されたグリルパターンまたはコントロール配置が変更された場合は、最終製品の表示に本物のソースを使用してください。選択した設定に合わせて配置と接地を調整してください。シーンのサポート詳細をメッセージ領域の外側に保ちます。
四角いバージョンについては、ワイドバージョンを見出しから切り抜くのではなく、製品の上にコピーを移動してください。新しいスケールでスピーカーを点検し、サポートラインを再確認してください。2つのバージョンはキャンペーン言語を共有していますが、異なる空間的な解決策を使用しています。
この過程では、魅力的な背景ではなく、働くヒーローを選択します。例からは変換や販売の結果は得られず、検査可能な設計決定が確立されます。
正確なコピーと識別可能なマスターで仕上げる
構成が通過したら、レイアウトに最終的な文言と承認されたデザイン処理を適用してください。配信ワークフローが許可する場合は、テキストを編集可能にしてください。ジェネレータによって埋め込まれたテキストを受け入れるのではなく、キャンペーンソースに対してすべての日付、価格、数量、条件を確認してください。
製品アセット、ビジュアル候補、最終レイアウト、エクスポート形式を明確なバージョン関係で保存します。将来のローカライズされたコピーとフォーマットの変更が既知の開始点を持つように、受け入れられたゾーンの計画または簡潔さを維持してください。
エクスポートしたヒーローを再度開き、意図したコンテキストで確認します。通常の表示時の文字、製品の定義的な特徴、マージン、および応答性のあるクロップを確認してください。編集キャンバスで機能するコンポジションでも、Webサイトまたは配置に異なるスケーリングが適用されると失敗する場合があります。
コピーの属する場所、承認されたフォーマット、切り取ってはいけない領域についてのメモを添えて画像を提供してください。画像が個別にレンダリングされたテキストの背景である場合は、そう言ってください。それによって、意図的に静かな地域を不必要なスペースと解釈して切り取ることを防ぐことができます。
製品のヒーローコピースペースに関する質問
いくつの空きスペースを残すべきですか?
実際のメッセージ、マージン、および意図された配信動作に十分です。有用な普遍的な割合はありません。最も長い妥当なコピーブロックから始めて、製品の可視性をそれと一緒にテストしてください。
ドリミナに最終的な見出しを生成してもらってもいいですか?
テキスト主導のコンセプトを探索することはできますが、正確なキャンペーンの文言はレビューが必要です。別の編集可能なテキストレイヤーにより、後の修正やローカライズがより制御しやすくなります。このガイドの世代のプロンプトは、最終的な文言を意図的に省いています。
なぜ大きな空白の領域はまだ読みにくいのですか?
文字の後ろに強い質感、変化する明るさ、またはエッジが含まれている場合があります。完全なコピーブロックをテストし、背景を簡素化するか、構成を変更してください。物がないということは、必ずしも視覚的に静かであるとは限りません。
1人のヒーローがすべてのフォーマットに対応できますか?
時には、製品やメッセージが各配置に残る場合があります。仮定するよりもテストする。狭い作物がバランスを変えたり、必要な成分を取り除いた場合は、別々の組成物を準備してください。