EC ヒーローバナー：コピー用の余白
プロンプト
横長のウェブ ヒーローバナー：[商品]をフレーム右 1/3 に、中央へ向けて傾けて[台]の面に配置。左 2/3 は清潔で柔らかく照らされた[背景色]の背景に控えめなグラデーション——見出し、サブ見出し、ボタンを後から置くために意図的に空けてある。商品の背後に柔らかい[アクセントカラー]のグローを置き、ブランドのパレットと結びつける。均一でプレミアムなスタジオ光、かすかな映り込み、商品と競合するものは何もない。超横長の構図、シャープ、レタッチ済み。
ネガティブプロンプト
cluttered layout, unreadable text, misspelled words, low contrast, muddy colours, stock-photo look, watermark, text, buttons, logos, product in the center, cluttered left side
必要なもの
- 任意商品写真
Attach a product photo to keep the exact shape, label and colour; without one the model invents a plausible product.
これらの変数を置き換える
| 変数 | 例 |
|---|---|
[商品] | マットブラックのエスプレッソマシン |
[台] | 研磨コンクリート |
[背景色] | ウォームチャコール |
[アクセントカラー] | アンバー |
推奨サイズ
- Website hero banner1920 × 720 · 21:9Generate at 21:9 and trim to 1920×720; keep the product in the safe zone.
- Web hero (tall)1920 × 1080 · 16:9
- Facebook / Meta ad1200 × 628 · 16:9Generate at 16:9 and crop 47px from the height for 1.91:1.
このプロンプトについて
ヒーローバナーは画像である前にレイアウトの問題：商品が片側、余白が反対側、そして余白の側に言葉が入る。このプロンプトが作るのは背景プレート。見出しはサイトビルダー側で載せれば、編集可能で鮮明なまま保てる。
こちらもおすすめ
View all
よくある質問
「EC ヒーローバナー：コピー用の余白」のプロンプトは何に使いますか？
このproductプロンプトはAI画像生成向けです。product系の結果を作るのに役立ち、Nano Banana 2向けに最適化されています。
このプロンプトはどう使いますか？
プロンプトをコピーして、利用しているAI画像生成ツールに貼り付けてください。アスペクト比、スタイル、ネガティブプロンプトなどを調整して結果を詰められます。
このproductプロンプトに最適なAIツールは何ですか？
このプロンプトは Nano Banana 2 向けに最適化されていますが、他の主要なimageツールでも十分に機能します。
このプロンプトは編集できますか？
はい。自分の制作方針に合わせて、要素の追加・削除、スタイル記述の調整、他のプロンプトとの組み合わせなどを行えます。