
PROMPT GUIDE
広告バナーのプロンプト例|AIでSNS広告・Webバナーを作る【作例つき】
広告バナーは、セールやキャンペーン、季節のイベントのたびに、毎月・毎週のように作り直すものです。そのたびにデザインソフトを開いて一から作るのは大変ですよね。
AIにバナーの下書きを作ってもらえば、デザインの時間を大きく減らせます。この記事では、セール・業種別・季節イベント・SNS広告の4つの目的別に、バナーの作例とプロンプトを紹介します。
文字が入るので、GPT Imageで作るのがおすすめです。
- セール・キャンペーンのバナーの作り方
- 業種の雰囲気が伝わるバナーの作り方
- 季節イベントのバナーの作り方
- スマホで止まるSNS広告の作り方
- 広告で注意すること(表示のルール・実在ブランド)
作例のバナーの店名・商品名・価格は、すべてサンプルです。
セール・キャンペーン
数字で目を止める
夏のセール
登録なしで使える
A summer sale banner: blue sky, sea, and 1summer items like sunglasses and flip-flops, Japanese text "2SUMMER SALE 最大50%OFF", refreshing cyan and yellow. No real brand names, logos, or existing characters.
夏のセールバナー。青空と海、1サングラスやビーチサンダルなどの夏のアイテム、日本語「2SUMMER SALE 最大50%OFF」、爽やかなシアンと黄色。実在のブランド名・ロゴ・キャラクターは入れない。
クーポン(チケット型)
登録なしで使える
A square coupon banner: a ticket-shaped coupon design with "1500円OFF" in huge numbers, Japanese text "2アプリ限定", orange and white palette, a dotted cut line, clean. No real brand names, logos, or existing characters.
正方形のクーポンバナー。チケット型のデザインに巨大な数字で「1500円OFF」、日本語「2アプリ限定」、オレンジと白の配色、点線の切り取り線、すっきりと。実在のブランド名・ロゴ・キャラクターは入れない。
Webバナー(横長・セール)
登録なしで使える
A wide web banner announcing 1an autumn sale for 2an online fashion store. Big headline "3AUTUMN SALE" with the Japanese line "4最大70%OFF|10/31まで". 5Warm orange and deep brown palette, a few falling leaves as decoration, and a clear call-to-action button that says "6今すぐチェック". Balanced layout that stays readable at small sizes. No real brand names, logos, or existing characters.
2ファッション通販サイトの1秋のセールを告知する横長のWebバナー。大きな見出し「3AUTUMN SALE」と、日本語で「4最大70%OFF|10/31まで」。5暖かいオレンジと濃いブラウンの配色、飾りに落ち葉を少し、「6今すぐチェック」と書いた分かりやすいボタン。小さく表示しても読みやすいバランスで。実在のブランド名・ロゴ・キャラクターは入れない。
セールのバナーは、いちばん大きく見せるものを1つ決めるのがコツです。「500円OFF in huge numbers(巨大な数字で500円OFF)」「a countdown clock icon」のように、何を大きくするかをはっきり書きます。数字、期限、割引率のどれか1つを主役にすると、ひと目で伝わるバナーになります。
クーポンは「a ticket-shaped coupon design」「a dotted cut line(切り取り線)」で、切り取って使えそうなチケットの形になります。夏のセールは青空や黄色のアクセントなど、季節の色と短い割引表示を組み合わせています。
商品を入れる場合は、自分が権利を持つ写真や許諾を得た素材を使います。「ノーブランド」と指示しても既存の商品に似る場合があるため、生成結果の形やマークまで確認してください。
横長のWebバナーは、小さく表示されることも多いので、「stays readable at small sizes(小さくても読める)」を入れておくと安心です。
セールのバナーを作るときに意外と大事なのが、「何のセールなのか」を小さくてもいいので必ず入れることです。数字だけが大きくて、何が安くなるのかわからないバナーは、クリックされても期待はずれになってしまいます。「秋の新作」「全品」「アプリ限定」のように、対象がわかる短い言葉を、数字の近くに添えておきましょう。見る人が「自分に関係がある」と思えるかどうかが、クリックの分かれ目です。
業種別
業種の空気をまとう
美容サロン
登録なしで使える
A beauty salon banner: 1a woman with glossy hair, Japanese text "2初回カット 50%OFF", the salon name "3HAIR SALON LUMO", elegant beige and white. No real brand names, logos, or existing characters.
美容サロンのバナー。1ツヤのある髪の女性、日本語「2初回カット 50%OFF」、サロン名「3HAIR SALON LUMO」、上品なベージュと白。実在のブランド名・ロゴ・キャラクターは入れない。
飲食店のランチ
登録なしで使える
A restaurant lunch banner: 1a beautiful plate of pasta seen from above, Japanese text "2平日限定ランチ" and "31,200円", chalk-style accents on a dark wood background. No real brand names, logos, or existing characters.
飲食店のランチバナー。真上から見た1きれいに盛り付けたパスタ、日本語「2平日限定ランチ」と「31,200円」、暗い木目の背景にチョークアート風の飾り。実在のブランド名・ロゴ・キャラクターは入れない。
不動産・モデルハウス
登録なしで使える
A real estate banner: 1a modern house exterior at dusk with warm lights, Japanese text "2モデルハウス公開中", elegant navy and gold. No real brand names, logos, or existing characters.
不動産のバナー。暖かい明かりの1夕暮れのモダンな家の外観、日本語「2モデルハウス公開中」、上品なネイビーと金。実在のブランド名・ロゴ・キャラクターは入れない。
業種ごとに、似合う色と写真があります。美容は「elegant beige and white」でやわらかく上品に、飲食は「seen from above(真上から)」「chalk-style accents」でおいしそうに、不動産は「at dusk with warm lights」「navy and gold」で高級感を出します。
業種らしさは、写真の撮り方でも変わります。飲食の料理は真上から撮ると、メニューのように見やすくなります。不動産の家は夕暮れに明かりがともった姿にすると、「ここに住みたい」と思わせる温かさが出ます。美容は人物の髪や肌の質感をていねいに見せるのがポイントです。
業種別のバナーは、お店の名前やメニュー名を入れることが多いので、文字の量に気をつけましょう。見出し・サブの一文・ボタンの3つまでにしぼると、崩れにくく読みやすいバナーになります。
お店の名前は、作例では「HAIR SALON LUMO」のようなサンプル名にしています。実際に使うときは、自分のお店の名前に書き換えてください。
業種別のバナーを作るときは、同じ業種の人気のお店のバナーを「雰囲気の参考」として眺めてみるのもおすすめです。ただし、まねするのは色づかいや写真の撮り方などの考え方だけにして、デザインそのものや文言をそのまま写すのはやめましょう。参考にした雰囲気を、自分のお店の言葉と色で作り直すことが大切です。
季節イベント
季節のモチーフで一瞬で伝える
クリスマス特集
メンバー限定・準備中
A Christmas campaign banner: a gift box with a red ribbon, snow and…
このサイトの限定全文は準備中です。現時点ではnoteに加入しても全文を開けません。
バレンタイン
メンバー限定・準備中
A Valentine's Day banner: heart-shaped chocolates on a pink backgrou…
このサイトの限定全文は準備中です。現時点ではnoteに加入しても全文を開けません。
ハロウィン
メンバー限定・準備中
A Halloween sale banner: pumpkins and bats, purple and oran…
このサイトの限定全文は準備中です。現時点ではnoteに加入しても全文を開けません。
季節のバナーは、モチーフと色の組み合わせで決まります。クリスマスは「a gift box with a red ribbon」「red and green with gold accents」、バレンタインは「heart-shaped chocolates on a pink background」、ハロウィンは「pumpkins and bats, purple and orange」。
季節のバナーは毎年作るものなので、一度うまくいったプロンプトを保存しておくと、翌年は年号や商品を変えるだけで使えます。初売り・母の日・夏のセール・周年記念など、1年分の季節バナーのプロンプトを用意しておくと、とても便利です。
季節のモチーフは、ほかのお店とかぶりやすいのが弱点です。お店のブランドカラーを1色だけ入れる、いつも使っている書体の雰囲気を指定する、など、自分のお店らしさを少し足すと差がつきます。
季節のバナーは、イベントの少し前から出すのが基本です。クリスマスなら11月の後半、バレンタインなら1月の終わりごろから、というように、準備期間を見込んで早めに作っておくと慌てません。AIなら数分で案が作れるので、季節の予定表を作り、1か月前にまとめて作っておくのもおすすめです。
SNS広告
スマホで止まるバナー
SNS広告バナー(正方形)
メンバー限定・準備中
A square social media ad for a hydrating face serum. The product sits on the right on a soft pink gradient background with small…
このサイトの限定全文は準備中です。現時点ではnoteに加入しても全文を開けません。
アプリの広告
メンバー限定・準備中
An app install ad: a smartphone mockup showing the screen of a habit-tracking app on a mint green background…
このサイトの限定全文は準備中です。現時点ではnoteに加入しても全文を開けません。
チャットアプリの友だち追加
メンバー限定・準備中
A square banner for adding a shop as a friend on a messaging app: a smartphone showing a friendl…
このサイトの限定全文は準備中です。現時点ではnoteに加入しても全文を開けません。
SNS広告は、タイムラインを流れる中で、一瞬で指を止めてもらう必要があります。「lots of breathing room(余白たっぷり)」「readable on a phone」で、小さな画面でも読める余白を作りましょう。見出しは短く、太く、大きくが基本です。
アプリやサービスの広告では、スマホの画面(mockup)を入れると、何のアプリかが伝わりやすくなります。ただし、実在のアプリのロゴやアイコン、アプリストアのバッジは入れないよう「no real app logos」と書いておきましょう。
比率は、出す場所に合わせて選びます。フィードなら正方形(1:1)か縦長(4:5)、ストーリーズなら9:16です。同じ内容で比率違いを作っておくと、いろいろな場所に出せます。
SNS広告は、同じバナーを出し続けると見慣れられて反応が落ちていきます。色違い・見出し違いの案をいくつか作っておき、1〜2週間ごとに入れ替えると、反応を保ちやすくなります。AIなら、この「入れ替え用の案」を作るのも手軽です。
バナーのプロンプトの型
作例のバナーは、どれも次の5つの要素でできています。
A square social media ad for a face serumthe product on the rightheadline "〇〇", a button that says "〇〇"a soft pink gradient backgroundclean, premium, lots of breathing room作例のプロンプトを分解してみる
正方形のSNS広告バナーのプロンプトを、部分ごとに見てみましょう。
| プロンプトの部分 | 役割 |
|---|---|
| A square social media ad for a hydrating face serum | 何の広告か。商品を書き換える |
| The product sits on the right | 主役の位置。文字は反対側の左に入る |
| a soft pink gradient background with small water droplets | 背景。商品のイメージに合う色と小物 |
| a bold Japanese headline: "うるおい、24時間。" | 見出し。いちばん伝えたいことを短く |
| a rounded badge that says "初回限定 50%OFF" | バッジ。お得な情報を目立たせる |
| Clean, premium beauty-brand look with lots of breathing room | 全体の雰囲気と余白 |
伝わるバナーのコツ
「安い」「新しい」「今だけ」など、伝えたいことは1つにしぼりましょう。全部入れると、どれも伝わらなくなります。
見出し・サブの一文・ボタンの3つまでが目安です。細かい条件や注意書きは、リンク先のページに書きましょう。
「今すぐチェック」「クーポンを受け取る」のように、押したあとに何が起きるかがわかる言葉にします。
余白があるほど、見出しが目立ちます。詰め込みすぎないのがプロっぽさのコツです。
色や見出しを変えた2案を作り、実際に出して反応を比べると、どちらが効くかがわかります。
バナーづくりの英語早見表
| 入れたいこと | 英語 |
|---|---|
| 見出し | a bold Japanese headline "〇〇" |
| ボタン | a button that says "〇〇" |
| 商品を右に | the product on the right |
| 余白 | lots of breathing room, balanced layout |
| 高級感 | premium, elegant, gold accents |
| にぎやか | energetic, bright festive colors |
| 小さくても読める | readable at small sizes |
| ロゴを入れない | no real brand names or logos |
バナーづくりに向いているAI
| AI | 向いていること |
|---|---|
| GPT Image | 文字入りのバナー全般。見出しやボタンの文字を入れたいときに |
| Nano Banana | 自社の商品写真を使って、背景や文字だけを変えたいときに |
| Seedream | 文字を後から入れる前提で、商品や人物のリアルな写真を作りたいときに |
よくある失敗と直し方
| 困ったこと | 直し方 |
|---|---|
| 文字が多すぎて崩れる | 見出し・サブ・ボタンの3つまでにする。細かい文字は後から入れる。 |
| 商品がそれっぽくない | 実際の商品写真を画像編集で合成する。 |
| 実在のブランドが写る | no real brand names or logos を入れる。 |
| ごちゃごちゃして見える | 主役を1つに決め、lots of breathing room を入れる。 |
出稿前のチェックリスト
- 価格・期限・割引率などの数字が正しいか。
- 「No.1」「最安」などの表現に、ちゃんとした根拠があるか。
- 実在の人物・ブランド・キャラクターに似ていないか。
- スマホの小さな画面でも、見出しとボタンが読めるか。
- リンク先のページの内容と、バナーの内容がずれていないか。
広告で注意すること
- 「No.1」「最安」などの表記は、根拠がない場合は使わないでください。広告の表示に関するルールに触れるおそれがあります。
- 実在の人物・ブランド・キャラクターに似せないようにしましょう。
- AIで作った画像を広告に使う場合も、表示のルールは通常の広告と同じように守る必要があります。
- 広告を出すサービス(SNSなど)ごとの広告ポリシーも確認してください。
よくある質問
Qサイズはどうすればいい?
正方形は1:1、ストーリーズは9:16、Webの横長は16:9など、出す場所に合わせて比率を選びます。
Q自社の商品を入れたい
商品写真を画像編集ができるAIに渡し、背景と文字だけを作ってもらうのが確実です。
Q毎回同じ雰囲気で作りたい
色・書体・レイアウトの言葉を固定して、商品と見出しだけを入れ替えましょう。
Q文字の書体を選びたい
AIの画像では細かい書体の指定は難しいので、書体にこだわるなら、文字の余白を空けて作り、文字は編集ソフトで入れるのがおすすめです。
Q英語のバナーも作れますか?
作れます。英語の方が文字は崩れにくいので、海外向けの広告にも使いやすいです。
Q動くバナーも作れますか?
作ったバナーの画像を動画AIに入れて、商品がゆっくり回る・光が流れるなどの小さな動きを付けると、目を引く動画バナーになります。
まとめ
バナーはいちばん伝えたい1つを大きくするのが基本です。作例をコピーして、見出しとボタンの文字を入れ替えてみてください。季節やキャンペーンごとにプロンプトを保存しておけば、次からはあっという間にバナーが作れます。作ったバナーは、実際の反応を見ながら少しずつ直していくのがいちばんの近道です。
バナーの作例は、ほかにもそろっています。
広告・バナーのプロンプトを見る →NEXT READ