サムネイル完全ガイド

川合卓也の実践ガイド

作例を選ぶ。
自分の1枚に。

作りたい見た目から、プロンプトを選ぶ。
自分の情報を入れて、AIへ渡すだけ。

作例から選ぶ 今回の3枚比較から見る ↗
サムネイル
完全ガイド
実例から、次の1枚へ。
全体を再設計した告知サムネイル
読む順番を、デザインする。↗
実例 × 判断 × 依頼文

選ぶ → 入力する → コピーする

作りたい1枚から、選ぶ。

必要なときに解説を読む →

作例を選んで、自分の原稿や条件を入力。使っているAIへ渡す依頼文を作れます。

全95本を収録。制作の47本には作例付き。修正・点検・整理の48本は、必要な入力と出力内容から選べます。

自分の内容に置き換える

素材の準備・解説

解説を読む →

入力内容はこの画面だけで扱います。画像・資料は、コピー後に利用するAIへ添付してください。

必要なところから。

今日は、何をつくりますか。

プロンプト集を開く →川合のnoteで深める →

あとから「使い方」で、いつでも見直せます。

← 章を選ぶ

01 作りたいものから始める

表は横にスクロールできます →

作りたいもの・困りごと 使う章 手元に残るもの
自分の記事を読んでもらう画像 06・サムネイル 画像の約束と記事の答えが一致した1枚
セミナーの告知画像 06・セミナー広告 対象・便益・日時・参加条件が伝わる1枚
複雑な話を1枚で説明 06・図解 比較・順序・関係が読み取れる1枚
背景・写真・イラストを用意 06・素材画像 文字を置く場所まで考えた素材
なんとなくAIっぽく見える 07・修正テク7選 症状に対応した1点修正
公開してよいか迷う 09・公開前チェック 未確認・修正点と、確認した記録

企画から一周するルート:12で相手と約束 → 13でコピー → 14で媒体 → 15で素材 → 03〜06で制作 → 08で修正 → 16で書き出し → 09で確認 → 17で改善。困ったら19へ。

制作から始める最短ルート:「02の依頼書を埋める → 06で用途を選ぶ → 07で1点修正 → 09で確認」。細かい配置や色で迷ったときだけ03〜05へ戻ってください。

掲載の数値は、公式仕様と教材の設計例を区別しています。作例は説明のために組んだものです。依頼文による生成結果やクリック率・時短効果を保証するものではありません。

3ステップを用途に合わせる

表は横にスクロールできます →

ステップ サムネイル・広告 図解 素材画像
止める 周囲の画像と区別できる主役を作る 何を説明する図か、入口を1つ作る 使う画面の主役を邪魔せず、視線を支える
伝える 誰に何の価値があるか示す 比較・順序・因果・分類を正しく表す 場面・用途・質感が説明内容と合う
クリックさせる 本文・詳細・申込へ進む理由を作る 読み終えた後に判断・実行できる 組み込んだ画面の理解・行動を支える

図解や背景画像のすべてに、クリックを誘うコピーを載せる必要はありません。第3ステップは、用途に応じて「次の行動につなぐ」と読み替えます。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

02 AIに渡す材料をそろえる

作業の順番は、内容を決める → 案を選ぶ → 作る → 直す → 確かめる。AIへ全部を一度に任せるより、採用する案と修正点を人が選べる状態を作ります。

依頼書の記入例

以下は架空の講座です。実際のイベントや実績ではありません。

表は横にスクロールできます →

項目 記入例
目的 セミナーの詳細を開いてもらう
相手 会議で次の行動が決まらず困るチームリーダー
価値 次の会議で使う進行シートを1枚作る
本文・正本 研修内容、開催日時、料金、講師名を記載した企画書
必須情報 11月12日 19:00〜20:00/オンライン/参加無料
主見出し 会議を「話しただけ」で終わらせない
素材 実物の進行シート見本。個人情報を含まないもの
媒体・寸法 Peatixカバー/1840×900px
完了条件 日時が正しい、主見出しが小さくても読める、詳細と約束が一致

P01 材料から制作方針を決める

Codexへの依頼文
依頼文を読む
次の情報を読み、1枚の画像の制作方針を整理してください。
目的:[見た人にしてほしいこと]
対象者と困りごと:[誰が何で困るか]
本文・企画の正本:[貼付または添付]
媒体と表示場所:[使用場所]
確認済みの寸法:[幅×高さpx]
必須情報:[名称・日付・料金など]
使用できる素材:[添付素材と用途]
ブランド条件:[色・書体・守ること]

出力は「伝える価値1文/見出し3案/必要な情報/省く情報/
適する構図/完成後の確認項目」にしてください。
数字・実績・効果を捏造せず、情報が足りなければ不足を示してください。
見出しは本文で答えを回収できる内容にしてください。
私が採用案を選ぶまで、画像生成は始めないでください。

選択後の制作指示

Codexへの依頼文
依頼文を読む
選んだ案と制作方針に沿って1枚制作してください。
使える画像生成機能で、背景・主役のビジュアルを作ってください。
必須の日本語、日時、ロゴは正本と照合してください。
正確に生成できない文字は、背景とは分けて文字組みで仕上げてください。
指定サイズにできない場合は、出力実寸と調整方法を報告してください。
元の素材は残し、成果物を別名で保存してください。
画像を実際に見て、文字・切れ・重なり・内容を確認してください。
機能や権限の不足は隠さず、できない工程と代替方法を示してください。
外部への公開・送信は行わないでください。

Codexが参照できるファイルを指定するか、画像・本文をチャットへ添付します。特定のボタン位置やモデル名を暗記する必要はありません。画像生成・入力の機能は利用環境を確認してください。OpenAI公式:画像機能

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

03 レイアウトは「読む順番」で選ぶ

まず、最初に見るもの → 次に読むもの → 最後に確かめるものを決めます。情報の量を配置でごまかさず、読む順番を作れない情報は本文へ移します。

そのサムネ、
どこを直す?
3ステップで診断
A|主見出しから読む
会議を、
次の一歩へ。
進行シートを作る
成果物
B|言葉と実物を分ける
無料セミナーそのサムネ、
どこを直す?
3ステップで診断
無料セミナーそのサムネ、
どこを直す?
3ステップで診断
C|同じ内容で文字の強弱を比べる
01
止める
→02
伝える
→03
次の行動
D|順番を追う
次の会議で使う、1枚。
会議の進行シート
目的 / 決定 / 次の行動
E|受け取れるものを見せる

本教材の構成見本。実物写真や広告の掲載例ではありません。

表は横にスクロールできます →

型 向く内容 作る順番 避けたい使い方
A 文字主役 悩み・問い・新しい視点 主見出しを置く → 補足を1つ → 背景を整える 長文を細字で詰める
B 左右分割 便益と人物・商品の組み合わせ 写真の範囲 → 見出しの範囲 → 余白 顔・商品と文字を重ねる
C 比較 修正前後・選択肢の違い 比較条件をそろえる → 2面に分ける → 違いを短く示す 片方だけ明るさや大きさを変えて優劣を演出する
D 手順 やり方・工程・流れ 順番を確定 → 番号を振る → 各工程を短文化 分岐を一本道にして誤解させる
E 主役を大きく 実物・成果物・写真の魅力 主役を選ぶ → トリミング → 短い見出し 中身と無関係な素材で目を引く

余白の出発点:教材の横長作例は、外周を幅の約5%空けて組んでいます。これは組版の目安で、媒体が保証する安全領域ではありません。表示条件に応じて調整します。

P02 読む順番を構図にする

Codexへの依頼文
依頼文を読む
添付の本文・素材から、次の型で画像を設計してください。
使う型:[A文字主役/B左右分割/C比較/D手順/E主役を大きく]
媒体と寸法:[使用場所・幅×高さ]
最初に見せるもの:[主見出し・人物・成果物など]
次に見せるもの:[補足・画像など]
最後に確認してほしいもの:[日時・条件など]
必須文字:[原文]

Aは見出しを主役にし、補足の強さを下げる。
Bは画像と文字の領域を分け、重要な被写体に文字を重ねない。
Cは大きさ・背景・比較項目をそろえ、事実にない差を作らない。
Dは正本の順番を守り、必要な分岐や例外を省かない。
Eは題材に関係する主役を大きくし、見出しを短くする。
選んだ型だけを適用し、配置案と理由を先に示してください。
情報が収まらないときは文字を極端に縮めず、削る案を出してください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

04 配色は、色数より「役割」をそろえる

背景、主文字、強調の3役を決めます。下の配色は本教材の設計例で、特定の成果を保証する色ではありません。既存ブランドがあれば、そちらを優先してください。

明るい説明型

背景 #F7F5EF
文字 #192536 / 強調 #9A3412

暗い主役型

背景 #172132
文字 #FFFFFF / 強調 #F5D85B

落ち着いた告知型

背景 #EEF3EE
文字 #18392B / 強調 #A43C32

表は横にスクロールできます →

配色例 背景/文字/強調 向く使い方 注意
明るい説明型 #F7F5EF/#192536/#9A3412 解説・教育・読みやすさを優先する図解 薄い線だけで情報を分けない
暗い主役型 #172132/#FFFFFF/#F5D85B 周囲が明るい一覧で主役を区別する 黄色は強調箇所に絞る。黄色の面上は暗い文字
落ち着いた告知型 #EEF3EE/#18392B/#A43C32 対話・研修・自然な印象の告知 緑・赤の色だけで可否や差を示さない

紫色やグラデーションを使っただけで「AIっぽい」と決まるわけではありません。題材や周囲との関係がない色、全要素を同じ強さにする配色を見直します。白黒にしても見出しが先に見えるかを、補助的に確認すると強弱を見つけやすくなります。

P03 色の役割を整理する

Codexへの依頼文
依頼文を読む
添付画像の内容・構図・文字を維持し、配色だけを整理してください。
今回の目的:[読みやすい解説/主役の強調/落ち着いた告知など]
ブランド指定:[色コード。なければ「指定なし」]
希望の背景色・文字色・強調色:[色コードまたは希望]

背景・主文字・強調の役割を明示し、役割のない色を減らしてください。
強調色は読ませたい1箇所へ優先して使ってください。
色の違いだけで意味を伝えず、見出し・ラベル・形も使ってください。
文字と背景の明暗差を確認し、写真の上なら局所的な読みやすさも見てください。
変更前後を同じサイズで比較し、読みにくい組み合わせが残れば報告してください。
色でクリック率や感情が必ず変わるとは断定しないでください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

05 文字組みは、短く・強弱をつけ・意味で切る

画像の文字を増やす前に、本文へ任せられる情報を探します。小さいサムネイルに長いタイトルを全部載せる必要はありません。ただし、重要な条件を削って誤解させないようにします。

AIでサムネイルを作ったけれど
何をどの順番で直せばよいのか
分からない方のための修正講座
読む情報が多く、強弱がない
そのサムネ、
どこを直す?
3ステップで診断
意味で改行し、説明は補足へ

表は横にスクロールできます →

項目 出発点 崩れたときの直し方
主見出し 伝えることを1つ、意味のまとまりで1〜2行 文を短くする。助詞だけ・単語の途中で改行しない
補足 主見出しより明確に弱くする 主見出しの言い換えなら消す。新しい判断材料だけ残す
日時・条件 正確さを優先し、まとまりで配置 日付・時間・料金をばらばらに散らさない
フォント 日本語がそろった読みやすい書体を選ぶ 主見出しは太め、補足は標準。使えるウェイトと利用条件を確認
行間 教材例では主見出し1.1〜1.25倍を出発点にする 濁点・記号が接触しないか実サイズで確認

上記の行数・行間は実務の出発点です。すべてのサイズ・書体に通用する仕様ではありません。読めないときは、文字を縁取りや影で囲む前に、背景・文字量・大きさを見直します。

P04 文字組みを直す

Codexへの依頼文
依頼文を読む
添付画像の文字組みを修正してください。
必ずそのまま使う文字:[正式名称・日時・料金など]
短くしてよい文字:[主見出し・補足など]
最初に読ませたい言葉:[主見出し]
使用可能なフォント:[指定または「環境内の日本語対応書体」]

まず主見出しを1〜2行に収める短文化案を示してください。
意味のまとまりで改行し、単語の途中や助詞だけの行を避けてください。
主見出し・補足・日時に強弱をつけ、文字を極端に小さくして押し込まないでください。
必須文字は原文と照合してください。生成で文字が崩れる場合は、
背景と文字を分け、編集可能な文字として配置する方法を使ってください。
修正後、小さな表示でも読めるか確認してください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

06 用途別に、1枚を仕上げる

A サムネイル|本文の価値を、入口にする

  1. 記事の要約を全部載せず、読み手が困る場面を1つ選ぶ。
  2. 「何の話か」は明確にし、具体的な答えを本文に残す。
  3. 画像と記事タイトルを合わせて読み、同じ説明の繰り返しを減らす。
  4. 縮小・一覧・本文との一致を確認する。

例:本文は「サムネを3段階で診断する手順」。画像は「そのサムネ、どこを直す?」。記事タイトルで「3ステップ診断」と補う。本文にない売上増を約束しません。

P05 サムネイル制作

Codexへの依頼文
依頼文を読む
添付の記事本文から、記事を開く理由が伝わるサムネイルを作ってください。
媒体・寸法:[例:note/1280×670px]
対象者:[誰のどんな困りごとか]
記事タイトル:[正式タイトル]
使用できる素材:[添付した作例など]

本文の価値を1つ選び、画像の見出しは記事タイトルを丸写しせず短くしてください。
主役・読む順番・余白を決め、構図2案を文章で提示してください。
私が選んだ案を画像生成で制作してください。
本文にない成果や数字は加えず、文字の正確さと縮小時の読みやすさを確認してください。
サイズの調整が必要なら、主見出しや主役を切らない方法を示してください。

B セミナー広告|参加した後の変化を見せる

  1. 「AIセミナー開催」だけで終えず、持ち帰れるものを示す。
  2. 便益→対象→日時・参加条件の順に整理する。
  3. 講師写真は許可された実物を使い、生成で顔を別人へ変えない。
  4. 広告と申込ページで日時・金額・特典条件を照合する。

媒体の違い:Peatixのカバー、SNSの告知画像、Googleのレスポンシブ広告用画像は、それぞれ別の制作物です。Googleの画像アセットでは文字やボタンを画像に焼き込まず、見出し等を別に登録する構成を基本にします。Google公式の画像ガイド

P06 セミナー告知画像

Codexへの依頼文
依頼文を読む
添付の企画書を正本に、セミナーの告知画像を作ってください。
使用場所:[Peatixカバー/Xの通常投稿など]
寸法:[例:1840×900px]
対象者:[誰向けか]
持ち帰れるもの:[企画書に書かれた成果物]
必須情報:[正式名称・日時・料金・開催形式・登壇者名]
素材:[利用許可のある登壇者写真・ロゴ・成果物見本]

参加後の価値を主見出しにし、対象者と日時・条件を補足してください。
すべてを同じ大きさにせず、読む順番を作ってください。
企画書にない実績・限定人数・効果・特典を追加しないでください。
人物とロゴの同一性を保ち、正確な素材を配置してください。
画像の公開はせず、申込ページとの照合が必要な項目を最後に一覧にしてください。

C 図解|関係を決めてから、箱を描く

  1. 説明したいことを1文にする。
  2. 「比較」「手順」「分類」「因果」から、関係に合う型を選ぶ。
  3. 各要素の文体・粒度をそろえる。
  4. 矢印が意味する関係、数値の単位、出典を確認する。

例:「指示→制作→確認」の工程を示すなら手順型。「生成だけ」と「文字を後から配置」の違いなら比較型。相関しか分かっていない関係を、因果の矢印で結ばないことが大切です。

P07 図解制作

Codexへの依頼文
依頼文を読む
添付資料の内容を、1枚の図解にしてください。
読者:[誰が読むか]
理解してほしい結論:[1文]
使用場所と寸法:[表示場所・幅×高さ]
必須の項目・数値・出典:[原文または添付資料の該当箇所]

最初に、比較・手順・分類・因果のどれが適切か、理由と構成案を示してください。
資料にない関係や数字を足さず、不明な点は未確認としてください。
見出し、要素、矢印、注記の順に整理し、要素の粒度をそろえてください。
因果と相関、工程の順序と重要度を混同しないでください。
私が構成を確認したら図を制作してください。
正確な文字と数値は編集可能な形で配置し、矢印の方向と対応を点検してください。
小さくして読めない場合は、情報を詰めず分割案を出してください。

D 素材画像|文字の場所から、背景を作る

  1. 掲載する見出しの位置を先に決める。
  2. 被写体、向き、光、背景の密度を決める。
  3. 後で文字・ロゴを配置できる素材として生成する。
  4. 実際の文字を置き、読めるか確認する。

例:右に働く人物、左に見出し用の余白。左側の強い光や細かな模様を避ける。研修の説明用の架空人物を、実在する受講者や推薦者として見せません。

P08 背景・写真・イラスト素材

Codexへの依頼文
依頼文を読む
次の用途の素材画像を生成してください。
用途:[セミナー告知の背景/図解の補助イラストなど]
画像の寸法または比率:[指定]
主役:[被写体・物・場面]
表現:[写真/イラスト]
主役の位置:[右側など]
文字を置く場所:[左側など]
色と光:[背景色・光の方向・雰囲気]

文字を置く領域は模様・物・強い光を控え、十分な余白を残してください。
文字、ロゴ、透かし、意味のない記号を新しく描き足さないでください。
手・道具・影の不自然さを確認してください。
実物が必要な商品や人物は勝手に再現せず、提供した正確な素材を使ってください。
透明背景が必要な場合は本物の透過PNGとし、チェック模様を描かないでください。
出力後、実際の見出しを載せた確認方法も提示してください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

07 「AIっぽい」を消す、修正テク7選

AIが作ったかどうかを判定する章ではありません。題材との関係が薄い表現、主役が分からない構成、不自然な細部を直すための7つの選択肢です。すべてを適用する必要はありません。

どの修正も元画像を添付し、修正版は別名で保存します。最初の1点で意図した変化が出たかを見てから、次へ進んでください。

1 飾りを引いて、主役を出す

症状:発光、枠、アイコンが見出しと競合する。修正:意味のない装飾を外す。合格の目安:最初に主見出しまたは主役へ視線が向く。

Codexへの依頼文
依頼文を読む
添付画像で、主見出し[文言]と競合する装飾を特定してください。
意味を伝えていない発光・飾り枠・記号だけを減らしてください。
見出し、人物、必要な区切り、ブランドの色は維持してください。
元画像を残して別名で修正し、除いた要素と理由を説明してください。

2 説明を削って、一言に絞る

症状:情報は正しいが、読む前に疲れる。修正:主見出しを1つの便益へ絞る。合格の目安:何の話かを一息で言える。

Codexへの依頼文
依頼文を読む
添付画像と本文を読み、主見出しを短くする案を3つ出してください。
本文の価値を1つに絞り、抽象語や同じ意味の繰り返しを減らしてください。
必須の名称・日時・条件は変更しないでください。
選んだ案だけを画像へ反映し、他の構図・素材は維持してください。

3 強弱をつけて、読む順番を作る

症状:全部の文字が大きく、入口がない。修正:主見出し・補足・条件に序列を付ける。合格の目安:最初と次に読む箇所を指せる。

Codexへの依頼文
依頼文を読む
添付画像を、主見出し[文言]→補足[文言]→条件[文言]の順に読めるよう修正してください。
文字の大きさ・太さ・余白で差をつけ、文言と素材は維持してください。
補足を読めないほど小さくせず、収まらなければ削る候補を示してください。

4 色を減らして、役割をそろえる

症状:色ごとに注目を奪い合う。修正:背景・文字・強調へ役割を集約する。合格の目安:強調色の用途を1文で言える。

Codexへの依頼文
依頼文を読む
添付画像の構図と文言を変えず、背景・主文字・強調の色の役割を整理してください。
ブランド指定[色コードまたは指定なし]を守り、役割のない色を減らしてください。
最も伝えたい[言葉・箇所]に強調を集め、読みやすさを確認してください。

5 背景を静かにして、文字を読ませる

症状:写真や光に文字が埋まる。修正:文字の背後だけ整える。合格の目安:縁取りを増やさなくても読める。

Codexへの依頼文
依頼文を読む
添付画像の[見出しの位置]の背景だけを整理してください。
文字の背後の模様・物・強い光を減らし、文字との明暗差を作ってください。
主役、文言、全体の構図は維持し、修正前後を同じ大きさで示してください。

6 それっぽい素材を、内容の証拠に替える

症状:どの記事にも使えそうなロボットや抽象画像。修正:実物・成果物・作例を見せる。合格の目安:この題材でこの画像を使う理由がある。

Codexへの依頼文
依頼文を読む
添付の元画像の汎用的な装飾素材を、別添の[実物・成果物見本]へ置き換えてください。
提供した素材の内容・数字・形を改変せず、見やすい大きさへ配置してください。
見出しと配色は維持してください。提供していない実績や成果物は創作しないでください。

7 細部をそろえて、違和感を取る

症状:文字、切り抜き、影、手や道具に不自然さがある。修正:問題箇所だけを直す。合格の目安:原文・実物・光の関係と矛盾しない。

Codexへの依頼文
依頼文を読む
添付画像の、文字の崩れ、切り抜きの縁、手・道具、光と影の不一致を確認してください。
実際に確認できる不自然な箇所だけを位置と理由付きで示してください。
私が選んだ箇所を修正し、他の部分は維持してください。
正確な文字・ロゴを生成で直せない場合は、支給した正しい素材を配置してください。
指定外の変化が出たら報告してください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

08 実例:部分修正から、全体の再設計へ

AIへの指示を足す前に、何を先に見せるかを決める。 この章では、今回のウェビナー告知を実際に生成・修正した履歴から、判断が変わった3段階を比較します。

A 修正前:強い要素が競合している

A 修正前:講座名・補助語・CTAも強く、主役が競合する

最初にどこへ目が向きますか。主役にしたいのは「直す順番」ですが、講座名、「がわかる」、人物、参加無料のボタンも強く、読む順番が整理しきれていません。

これは全制作工程の初稿ではなく、今回取り上げる修正の出発点(v9)です。

B 文字サイズを中心に修正:差はついたが、整わない

B 文字サイズを中心に修正:主従は改善したが、空白や他要素との関係が残る

補助語と講座名を小さくする指示によって、「直す順番」は目立つようになりました。一方で、上部の空白が広がり、同じ文章の3行が離れて見えます。大きな人物とボタンも残っています。

文字の大小を変えることと、画面全体を整えることは別です。 部分修正の成果は認めながら、ほかの要素との関係まで確認します。生成結果(v10)では帯や配置にも変化があり、文字サイズだけを厳密に変えた比較実験ではありません。

C 全体を再設計:情報のまとまりから組み直す

C 全体を再設計:講座名・便益・日時と参加条件の3群を再配置した

元の人物写真から新規生成した版(v11)です。紫・白・ピンクの配色と文言を維持し、情報を「何の講座か」「何が得られるか」「いつ・どう参加するか」の3群に整理しました。人物とCTAを小さくし、背景の主張を抑えています。

この版も完成の正解ではありません。 下と右の余白はまだ狭く、ピンク帯の重量感も残っています。「均一な余白」と指示した事実と、出力が均一になったかの確認は分けます。

3枚は実際の反復履歴からの抜粋です。3回で完成した事例ではなく、クリック率・申込率・売上の改善も測定していません。

何が変わったかを比べる

表は横にスクロールできます →

見る点 A 修正前 B 部分修正 C 全体再設計
文字の主従 複数の文字が強い 主役と補助の差が広がる 講座名の可読性も回復
情報のまとまり 強い要素が並ぶ 空いた場所を組み直していない 講座名・便益・参加情報の3群へ
人物・CTA ともに大きい 大きさの競合が残る コピーとの関係に合わせて縮小
背景 明るいピンク面が強い 強さが残る 控えめな紫の面へ
残る課題 読む順番が曖昧 空白と全体のバランス 外周余白と帯の強さ

判断の順番:どこから直すか

  1. 伝える価値を決める。 誰に、何を最初に伝えるかを一つにする。今回は「サムネの直す順番がわかる」。本文が約束していない価値は足さない。
  2. 情報を意味でまとめる。 講座名/便益/日時と参加条件に分ける。同じ意味の情報は近づけ、異なる群の間は広く取る。
  3. 主役と補助の差を決める。 主役だけを強くし、講座名は何の話か分かるサイズを残す。小さくした分の空白も見直す。
  4. 共通軸と余白を整える。 左揃えなら文字、帯、CTAの軸を決める。帯の外端と内側文字の余白を区別する。四辺を均一にするときは、横5%・縦5%ではなく同じ実寸で測る。
  5. 人物・背景・CTAを合わせる。 読む順番を妨げるなら、大きさ・明るさ・面積を調整する。色を増やして埋めない。
  6. 出力を縮小して確かめる。 狙った語に目が向くか、何の内容か読めるか、日時と文言が正しいかを確認。改善した点と残る課題を分ける。

毎回、全体を作り直す必要はありません。部分修正で狙いを満たせるならそこで止めます。空白や周囲との競合が残り、追加指示でも関係が整わないときに、全体再設計を選びます。

デザインの4原則を、この例で使う

  • 近接:同じ文章と、日時・参加条件をそれぞれ一つの群にする。
  • 整列:左の共通軸と外周余白を定める。見た目の微差は実画像で確認する。
  • 反復:同じ役割の文字サイズ・太さ・群間隔を繰り返す。
  • 対比:主役と補助、文字と背景に差をつける。すべてを巨大・極太にしない。

実践1:直す前に、観察を言葉にする

以下は自分の題材へ置き換えて使う依頼文です。今回の実行プロンプトそのものではありません。画像を添付し、[ ]を埋めてください。独自スキルがなくても判断条件を渡せる形にしています。

Codexへの依頼文
依頼文を読む
添付画像の修正方針を考えてください。まだ画像は生成しないでください。
用途・表示場所:[例:ウェビナーの告知一覧]
対象者:[誰に見てほしいか]
最初に伝えたい価値:[一つだけ]
残す文言・日時・参加条件:[正確に記入]

近接・整列・反復・対比の4原則から観察し、
「どの場所が」「なぜ目的を妨げるか」「どう直すか」を対応させてください。
主見出し、補助語、人物、背景、CTAが競合していないかも確認してください。
まず直す一つを推奨し、部分修正で足りるか、全体の組み直しが必要かを理由付きで示してください。
画像から確認できることと推測を分け、広告成果は断定しないでください。

実践2:文字の主従を、部分修正する

Codexへの依頼文
依頼文を読む
添付画像を修正してください。
最初に見せたい言葉は[主役の文言]です。
主役の大きさを基準に、[補助語]と[講座名]のサイズ・太さを調整してください。
ただ小さくするのではなく、何の内容か読める大きさを残してください。
同じ文章は一つのまとまりに見える行間にし、文字を縮小して空いた場所も整えてください。
文字群は左揃え。帯を使う場合は内側余白と外端を分けて整列してください。
文言・日時・参加条件・配色・人物の顔・背景は維持してください。
修正版は別名で出してください。指定外の変化があれば、確認時に指摘してください。

実践3:部分修正で整わないとき、元素材から組み直す

生成を重ねて顔の質感が変わったときは、元の人物写真を添付します。修正済み画像だけを元写真の代わりにしないでください。

Codexへの依頼文
依頼文を読む
元の人物写真と以下の条件を使い、横長16:9の告知画像を0から作り直してください。
目的:[相手に最初に伝えたい価値]
掲載文言:[講座名/主見出し/補助語/日時/参加条件/氏名を正確に列挙]
配色:[維持する主色・補助色・強調色]
書体:Zen Kaku Gothicを意図した角ゴシック。文字はフラット。

情報を「何の講座か」「何が得られるか」「いつ・どう参加するか」の3群に整理してください。
主役の言葉を最も強く、補助語は小さく。ただし講座名の可読性は保ってください。
同じ意味の情報を近づけ、各群は共通の左軸へ整列してください。
上下左右のコンテンツ余白は同じ実寸に。帯の内側余白は別に設計してください。
人物はコピーの空間に合わせて収め、顔・髪型・表情・服装は元写真を維持。
CTAは主役と競合しない大きさにし、日時の近くへ。
背景は低コントラストにし、文字と顔を引き立ててください。
文言・日時・参加条件・配色は維持し、実績や新しい約束を追加しないでください。

実践4:出力を見て、採用を判断する

Codexへの依頼文
依頼文を読む
修正前と修正後を添付します。まだ再生成しないでください。
目的は[最初に伝えたい価値]です。
改善した点/悪化・指定外変更/残る課題を分けて比較してください。
・主役と補助の文字サイズ、文章のまとまり
・共通の整列軸、上下左右の余白、帯の内側余白
・人物・背景・CTAとの競合
・文言、日時、参加条件、顔の同一性
を確認してください。
プロンプトで指定した寸法を実測値として扱わず、目視概算と測定値を区別してください。
縮小表示で私が確認すべき点を示し、次に直すなら一つだけ推奨してください。
クリック率や申込率の改善は、測定していない限り断定しないでください。

最後は人が元画像と見比べます。生成された字形が指定フォントと厳密に一致する保証はありません。文字の正確さや寸法が重要で、生成で整わない場合は、編集可能な文字組みで仕上げる方法もあります。

自分の1枚に残すメモ

  • 先に伝えたい価値:____
  • 直す場所と理由:____
  • 変えること/維持すること:____
  • 縮小して確認する点:____
  • 改善した点/残った課題:____

次回へ残すのは「補助語を小さくする」という操作だけではなく、「部分修正で全体が整わないときは、読む順番と情報群から見直す」という条件付きの判断です。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

09 公開してよいかを判断する

「きれい」と「公開してよい」は別の判断です。 次の確認がそろったら、公開担当者が最終判断します。AIが「合格」と言っただけでは、確認済みにしません。

3つの判定

表は横にスクロールできます →

判定 条件 次にすること
要修正 誤字、誤った条件、読めない文字、切れ、内容の不一致などがある 指摘箇所を修正し、同じ条件で再確認
確認待ち 素材の利用条件、数値の根拠、実表示などを確認できていない 確認先・担当を決め、公開を保留
最終判断へ 必須項目が確認済み。該当しない項目は理由を記録 公開担当者が実物と記録を見て判断

人が埋める公開前チェック

下の判定は、入力した確認結果を整理する機能です。画像・リンク先・権利関係を自動審査する機能ではありません。「確認済み」には確認した資料や表示場所を、「該当なし」には理由をメモしてください。メモも含めて記録を保存できます。入力内容は外部へ送信せず、ページを閉じると消えます。

1. 内容・事実

企画書、正式名称、日時、金額、数字と照合

2. 読みやすさ

実際の表示サイズで見出し・補足を確認

3. ファイル仕様

実ファイルの寸法、比率、形式、容量を確認

4. 表示時の切れ

投稿プレビュー、PC・スマートフォンで確認

5. 遷移先との一致

リンクを開き、約束・条件・申込先を照合

6. 素材と利用条件

写真・ロゴ・フォント等の出所と利用条件を確認

7. 公開する情報

個人情報・未公開情報の写り込みを確認

8. 最終確認の担当

担当者が最終候補ファイルを確認

確認待ち:未確認の項目があります。

P16 AIに事前点検を依頼する

Codexへの依頼文
依頼文を読む
添付した完成画像・企画の正本・リンク先の内容・使用素材の記録を点検してください。
公開や送信はしないでください。

1. 名称・日時・金額・数値が正本と一致するか
2. 小さな表示で主見出しが読めるか
3. 指定の比率・寸法・容量・形式を満たすか
4. 表示時の切れやUIとの重なりを、実際のプレビューで確認できるか
5. 画像の約束がリンク先の内容と一致するか
6. 素材の出所・利用条件の記録があるか
7. 個人情報や未公開情報が写り込んでいないか
8. 最終確認をする担当者が決まっているか

各項目を「確認済み/要修正/未確認/該当なし」で示してください。
確認済みには照合した資料・画像内の箇所などの根拠を付けてください。
読めない資料、開けないリンク、確認できない利用許諾は未確認にしてください。
この点検だけで法的な適法性や広告審査の通過を保証しないでください。
最後に、公開を止める問題と、その確認担当・次の作業を整理してください。

記録の例

「日時:確認済み/企画書の11月12日19:00と一致」「素材:確認待ち/講師写真の利用許諾を担当へ確認」「表示:要修正/スマホのプレビューで右端の文字が切れる」。この状態なら、見た目が整っていても公開を進めません。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

10 次の制作に、判断を残す

完成画像だけを保存すると、次回も同じ説明から始まります。共通ルールと今回の条件を分けて残すと、題材を変えて再利用できます。

Codexへの依頼文
依頼文を読む
制作フォルダ/
  依頼書.md          今回の目的・対象・必須情報・媒体
  制作ルール.md      共通の色・文字・確認手順
  素材/             使用できる写真・ロゴ・利用条件
  出力/             初稿・修正版・公開候補
  確認記録.txt       確認結果・残る問題・確認者

名前やフォルダ構成は一例です。ファイルを置くだけで常にAIが自動適用するとは限りません。次の依頼で、読むファイルを明示してください。

P17 次も使うルールを保存する

Codexへの依頼文
依頼文を読む
今回の採用画像と、私が採用した修正理由から、制作ルールを整理してください。
「次回も使う条件」「毎回差し替える情報」「今回だけの判断」を分けてください。
私が採用していない提案を共通ルールに入れないでください。
今回の見た目の評価を、クリック率が上がる法則として扱わないでください。

次回用に、対象者・本文・媒体・寸法・必須情報・素材の入力欄を付けてください。
ファイル保存ができる場合は制作ルール.mdへ保存してください。
既存の同名ファイルがあれば、変更箇所を示してから更新してください。
保存できなければ、コピーできる文章で出してください。

次回の短い依頼文

Codexへの依頼文
依頼文を読む
添付の「制作ルール」と「今回の依頼書」を読んでください。
前回から変える条件を確認し、見出し・構図を提案してください。
私が選んだ1案を制作し、3ステップで診断してください。
修正後は公開前の確認結果を記録し、公開・送信はせずに止めてください。

振り返りで見るもの

まず「確認まで含めた作業時間」「修正回数」「どこで迷ったか」を記録します。投稿後の表示回数・クリック・申込を測る場合は、媒体、対象、観測期間、変更した要素を一緒に残します。条件が違う2投稿だけで、サムネイルの効果と断定しません。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

11 仕様・出典・利用上の区別

本書の最新確認値は第14章の媒体別設計、比較テストは第17章を参照してください。2026年10月12日に対象の公式案内を再確認しました。別冊の参考帳は以前の確認時点を含みます。

3ステップ、レイアウトの分類、配色例、文字組みの目安、プロンプト、公開前の確認手順は、本講座の実務用整理です。生成画像を使うか、正確な文字や支給素材を後から配置するかは、用途と要求精度で決めます。最終的な公開判断は、正本と実物を確認する人が行ってください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

12 作る前に、相手と約束を決める

最初に決めるのは色ではなく、「誰が、何を期待して開く1枚か」です。 この章の成果物は、対象・場面・約束・根拠・次の行動をまとめた短い制作ブリーフ。デザインの評価は、このブリーフに戻って行います。

まず埋める5つの問い

表は横にスクロールできます →

問い 曖昧な答え 制作に使える答えの例
誰に AIに興味がある人 告知画像をAIで作ったが、どこから修正すべきか迷う主催者
どこで見るか SNS 他のイベント告知と並ぶスマホのタイムライン
開く前の迷い いい画像が欲しい 文字、背景、顔のどれを先に直すのか判断できない
何を持ち帰るか デザインを学べる 自分の画像への修正指示を1本書ける
なぜ信じられるか プロが解説 修正前後と、選んだ理由を実物で見せる

例は企画の組み立て方を示すものです。「1本書ける」という約束を使うなら、実際の内容にもその時間と手順が必要です。

相手の状態で入口を変える

  • 問題に気づいていない人:違いを見せて問いをつくる。「同じ内容なのに、なぜ埋もれる?」。答えは本文で回収する。
  • 問題を自覚している人:困りごとを具体化する。「文字を大きくしても整わない理由」。内容に原因説明がある場合に使う。
  • 解決策を探している人:方法と成果物を示す。「告知画像の修正指示をつくる」。作業の実物を見せる。
  • 比較・申込を考えている人:対象・内容・日時・条件を明確にする。雰囲気より、自分に合うかを判断できる情報を優先する。

この分類は設計用の仮説です。本人の声、問い合わせ、検索語、コメントがあれば、想像よりその情報を優先します。

周囲を観察する方法

  1. 掲載予定の画面を開き、周囲に並ぶ画像を同じ表示サイズで5〜10件ほど観察する。件数は作業の目安。
  2. 色、人物の有無、文字量、主役の大きさを記録する。人気画像だけに絞らない。
  3. 内容に合う範囲で、異なる軸を一つ選ぶ。周囲が情報過多なら余白、抽象的な訴求なら具体物など。
  4. 他者の固有コピー・人物・ロゴ・構図をコピーせず、読み順や密度という仕組みを学ぶ。

違えばよいわけではありません。見慣れない表現でも、何の内容か理解できなければ入口として弱くなります。

訴求案を選ぶ基準

A「悩み」/B「できること」/C「実物」の3方向を比べます。架空の題材「会議メモから決定事項と担当者を整理する」なら、Aは「担当者、誰だっけ?」、Bは「メモから担当を整理」、Cは実際の整理表です。本文にない「会議が10分で終わる」は候補から外します。

案ごとに、対象が分かるか/本文が約束を回収するか/一目で識別できるかを確認します。好みは、これらを満たした後の判断材料です。

Codexへの依頼文
依頼文を読む
以下の内容から、サムネイル制作のブリーフを作ってください。
対象者:[ ]
見られる場所・周囲の画像:[ ]
記事・動画・イベントの内容:[本文や要約を貼る]
実際に提示できる証拠・成果物:[ ]
次に取ってほしい行動:[ ]

対象、迷い、約束、根拠、次の行動を各1文へ整理してください。
悩み/できること/実物を見せる、の3方向で訴求を提案し、
各案の適する条件と弱点を示して1案を推奨してください。
本文にない効果・数字・実績を足さないでください。まだ画像生成はしないでください。

次へ進む条件:誰向け・何を約束するか・根拠が1行ずつ書けること。決まらない場合は本文か企画へ戻り、装飾で補わないでください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

13 コピーとタイトルを、セットで設計する

サムネイルは入口、タイトルは内容を確かめる情報。 役割は媒体によって変わりますが、画像とタイトルを別々に考えるより、並べた状態で意味が通るかを確認します。

役割分担の3パターン

表は横にスクロールできます →

パターン 画像のコピー例 タイトル例 適する内容
問い→答えの範囲 文字を大きくしたのに? サムネイルが整わないときの見直し手順 原因と手順を説明する記事
成果物→方法 修正指示を1本つくる AIサムネイル添削:見立てから指示まで 実際に成果物を作る講座
実物→説明 3枚の違い、分かる? 告知画像を部分修正から再設計した記録 比較と理由を見せる記事

すべて教材用のコピー例です。クリック効果を検証した表現ではありません。

短くするとき、残すもの

  1. 対象物:何の話か。
  2. 差分:何が分かる・できる・変わるか。
  3. 必須条件:誰向けか、対象範囲、例外など、削ると誤解になる条件。

「AIで効率化する方法について詳しく学ぶ」から、内容が会議メモの整理なら「会議メモを整理する」へ。単に「効率10倍」へ置き換えるのは、短文化ではなく約束の変更です。

数字・疑問・強い言葉の使い分け

  • 数字:手順数や事例数は実際の内容と一致させる。時間・倍率・売上は根拠と条件を示せる場合だけ使う。
  • 疑問:見る人が抱く具体的な疑問にする。「これ、知ってる?」だけで対象を隠しすぎない。
  • 否定や意外性:「文字を大きくしても整わない」は説明できる場合に使う。「全員間違い」のような根拠のない一般化は避ける。
  • 限定:「初心者向け」「告知画像向け」など対象を絞ると選びやすくなる。ただし内容もその対象に合わせる。
  • 感情:焦りや不安を誇張するより、相手が経験した具体的な場面を示す。

文字数の正解を固定しない

日本語何文字が必ず最適、というルールは置きません。表示幅、書体、背景、人物、タイトル側の情報で変わります。まず1メッセージを短く書き、実表示で読めるかを確認します。助詞だけの改行や、意味の途中で切る改行は避けます。

仕上げ前の読み上げテスト

画像の言葉→タイトル→本文冒頭を声に出して読みます。同じ説明を繰り返していないか、話題が飛んでいないか、約束が途中で変わっていないかを確認します。重複が必要な場合もあります。画像だけで共有される告知なら、日時やタイトルを両方に残す判断もできます。

Codexへの依頼文
依頼文を読む
本文:[ ]
媒体と表示場所:[ ]
対象者:[ ]
必須語・削れない条件:[ ]

サムネイルのコピーとタイトルを、3組作ってください。
各組で、画像が伝えること/タイトルが補うこと/本文で回収する箇所を示してください。
問い型、成果物型、実物比較型を1組ずつ。
数字・効果・実績は本文にあるものだけ使用し、最も適する1組と理由を選んでください。
短くすることで消えた条件があれば明記してください。

使わない方がよい場合:疑問型で答えを引っ張るより、日時・内容・対象を早く確認したい参加者へ案内する告知。そんな場面では明確な説明を優先します。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

14 媒体ごとに、表示条件を合わせる

同じ画像を全媒体へそのまま配るのではなく、共通素材を使って、表示枠ごとに文字と人物を組み直すのが基本です。単純な切り抜きで主役や条件が失われる場合は別版を作ります。

公式で確認できた仕様

確認日:2026年10月12日。以下は取得した公式本文の記載で、利用者の投稿環境で全機能を実操作した結果ではありません。公開直前にはリンク先と投稿画面を確認してください。

表は横にスクロールできます →

用途 今回確認した案内 制作上の確認
YouTube通常動画 推奨3840×2160、16:9、最小幅640px。JPG・PNG等。動画サムネイルの上限はモバイル2MB、PC50MB 出力ピクセルとアップロード端末を確認。古い「1280×720・常に2MB」の説明と混同しない
YouTube Shorts 推奨2160×3840、9:16。公式PC手順ではカスタム画像のアップロードを案内 機能提供と自分のStudioを確認。通常動画の16:9版を流用しない
note記事見出し 推奨1280×670、各画像10MB以下。ブラウザとアプリの見え方が異なる 記事見出しとプロフィールヘッダーの仕様を区別
Peatixカバー 1840×900。JPEG・PNG・GIF。カバーと詳細画像は1回の保存あたり合計5MBまで 編集画面の位置調整とスマホ表示で文字切れを確認
Xの単一画像投稿 公式は2:1〜3:4の標準的な比率を全体表示の範囲として説明 複数画像・リンクカード・広告と同じ条件だと考えない

出典:YouTube公式、note公式、Peatix公式、X公式。

別冊参考帳には以前の確認時点の記載があります。上の対象項目は今回の公式再確認値を優先し、食い違いがあるときは公開直前の公式案内と実際の投稿画面で判断します。

媒体別に「何を読ませるか」を変える

  • YouTube:動画タイトルと一組で、内容と見る理由を伝える。検索・ホーム・関連動画など掲載場所が変わるため、文字を端まで詰めない。右下の表示などと重なるかを実画面で確認する。
  • note:記事タイトルと画像を並べて確認する。エッセイは写真や情景が入口になることもあり、全記事で大きな煽り文字を載せる必要はない。
  • X:本文と画像の役割を分ける。1枚で伝えるのか、本文へ戻ってもらうのか、外部リンクへ進んでもらうのかを決める。画像内ボタンを実際に押せるUIのように扱わない。
  • Peatix・セミナー告知:対象、内容、講師、日時、参加条件の優先順位を決める。画像内だけに重要条件を閉じ込めず、イベント本文にも記載する。
  • Instagram・Reels等:フィード、プロフィール一覧、カバー、再生画面で見え方が変わり得る。本版では最新の正確な寸法を確認できていないため、固定値を公式仕様として掲載しない。編集画面のプレビューと現在の公式ヘルプを使う。
  • 広告枠:通常投稿の画像と広告規定は別。出稿先の画像・文字・誤認を招くボタン等の規定を確認してから制作する。

投稿前の4画面チェック

元画像/投稿編集画面/スマホの実際の一覧/開いた後の画面を比較します。下書きで確認できない画面は「未確認」と記録。文字・顔・日時が切れないか、背景と同化しないか、タイトルとの組合せが通るかを見ます。

Codexへの依頼文
依頼文を読む
共通の素材と文言から、媒体別の配置案を作ってください。
媒体・掲載面:[例:note記事見出し、X単一画像、Peatixカバー]
確認済み寸法と出典・確認日:[ ]
必須情報:[ ]
各媒体で先に見せたいもの:[ ]

文字・人物・背景を独立した配置要素として考え、
単純な切り抜きで済む版と、組み直す版を分けてください。
確認していない媒体仕様を補わず、必要な確認箇所を示してください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

15 人物・写真・素材と、利用条件を整える

素材は空白を埋めるためではなく、内容を説明するために選びます。 人物の顔が必要か、成果物や商品を見せる方が早いかを先に考えます。

写真を選ぶ順番

  1. 内容を説明できるか。料理なら実際の料理、機能なら実際の画面、人物なら本人だと分かる写真。
  2. 必要な掲載範囲を許諾されているか。写真の撮影者と、写っている本人への確認は別に整理する。
  3. 使う大きさに耐えられるか。元画像を開き、顔・髪・商品の輪郭を確認する。
  4. コピーの場所があるか。向き、視線、肩や手の形が文字と競合しないかを見る。
  5. 全体の明るさと光の方向が合うか。肌の色をブランド色へ無理に染めない。

人物を載せれば必ず効果が上がるわけではありません。名前や顔が読者の判断に役立たない場合は、実物・比較・一つの図へ置き換える案も検討します。

切り抜きと合成の確認

明るい背景と暗い背景の両方に置き、髪の白い縁、耳や指の欠け、肩の不自然な切れを確認します。背景の光と人物の影が逆なら、素材を替えるか調整します。人物だけシャープすぎる、輪郭だけぼけるなど、質感の差も見ます。

小さな画像を拡大しても元のディテールが戻るわけではありません。AIの高精細化で目や肌が変わる場合があるため、本人写真・商品形状は元素材と照合します。生成物を繰り返し参照して崩れたら、元素材へ戻ります。

素材ごとに残す記録

表は横にスクロールできます →

素材 確認すること 保存するもの
本人・講師写真 撮影者の利用条件、本人の掲載範囲、加工可否 許諾連絡、元素材、使用先
ストック写真 商用利用、広告、加工、再配布などの利用条件 素材ID、購入・取得日、該当ライセンス
ロゴ・商標 支給元の使用ルール、色・余白・変形の可否 ブランドガイド、支給原稿
フォント 商用利用、画像化、Web埋込、ファイル再配布の条件 フォント名・版・ライセンス
AI生成画像 利用サービスの条件、既存作品との類似、人物・ブランドの扱い 実行文、出力、元素材、確認記録
画面・他者作品 掲載・転載・引用として扱う根拠と条件 出典、該当部分、許諾等の記録

「ネットで見つかった」「AIで生成した」だけで自由に使えるとは判断しません。個別の法的判断が必要な場合は権利者・担当者や専門家へ確認します。文化庁のAIと著作権の整理も参照できますが、この表自体は法的な許可を与えるものではありません。

情報を画像だけに閉じ込めない

色だけでA/Bの違いを示さず、名称や記号を添えます。重要な日時や申込条件は投稿本文にも記載。媒体に画像説明の機能がある場合は、見た目を列挙するより、画像が伝える内容を説明します。個人情報や機密画面は、AIへ添付する前に掲載・利用範囲を確認します。

Codexへの依頼文
依頼文を読む
添付素材を、次の告知に使う前提で確認してください。
用途・掲載先:[ ]
素材の入手元と確認済みの利用条件:[ ]
人物・ロゴ・商品で変えてはいけない部分:[ ]

素材の役割、解像感、切り抜き、光、文字を置く空間を点検してください。
見た目から分かる不備と、ライセンス等の資料が必要な確認を分けてください。
法的な許可を推測で断定せず、不足資料と確認先を示してください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

16 組版・書き出し・納品まで仕上げる

生成画像は完成候補。文字・寸法・容量を確定してから納品します。 使用ソフトが違っても、以下の工程と確認点は共通です。

文字込み生成と、後から組む方法

表は横にスクロールできます →

方法 適する条件 注意点
文字込みで一体生成 雰囲気を素早く検討、短い文言、柔軟な配置 字形・文言・位置の厳密一致を毎回確認
背景と人物を生成し、文字を後組み 日時・価格・ロゴ・長文を正確に固定したい 編集用データとフォント条件を管理
支給素材と文字を組む 本人や商品の再現性、ブランド統一が重要 元素材の品質と利用条件に依存

「文字は後組み」は品質を自動保証しません。はみ出し・誤字・改行・フォント置換は、書き出した画像で再確認します。

編集可能なデータの組み方

背景/写真・人物/見出し/補助情報/CTA・ロゴを別レイヤーへ。日時と価格は一つのテキストに詰め込まず、変更箇所が分かる名前で管理します。掲載文言の正本を別に持ち、目視だけで覚えず照合します。

  1. 媒体の最終寸法でキャンバスを作る。
  2. ガイドで共通軸と外周余白を決める。
  3. 主見出し→補助→日時・条件の順に配置する。
  4. 文字を置いた状態で背景と人物を調整する。
  5. 書き出して別の画像ビューアーで開き直す。

形式の選び方

  • JPEG:写真主体で容量を抑えたいときの候補。圧縮で文字や輪郭がにじむ場合は品質を上げる。透明背景は保持しない。
  • PNG:文字・図形の輪郭や透明背景を残したいときの候補。写真では容量が大きくなることがある。
  • WebP等:自分のWebサイトで対応状況を確認して使う場合の候補。投稿先が受け付けると未確認のまま決めない。
  • PDF・編集データ:確認・印刷・引継ぎ用。画像投稿用として受け付けるかは別に確認する。

Web用はピクセル寸法を確認します。「300dpi」とだけ指定しても、画面上の画素数が足りるとは限りません。色は掲載環境に合わせ、一般的なWeb用途ではsRGBへそろえる運用を出発点にします。印刷へ転用する場合は印刷先の指定を別に確認します。

容量を超えたときの順番

画像の寸法と必要範囲を確認→不要な巨大サイズを適正化→写真主体ならJPEGの圧縮を比較→細い文字や輪郭を確認→投稿画面で再確認。圧縮するたびにJPEGを上書き保存せず、元の編集データから書き出し直します。

納品セット

  • 掲載用画像:媒体・寸法・版をファイル名に含める。
  • 編集用原稿:必要な素材とフォント条件を添える。再配布不可の素材・フォントを無断同梱しない。
  • 掲載文言の正本:タイトル・日時・価格・氏名の確認元。
  • 確認記録:誰が何を確認し、何が未確認か。

ファイル名の例:webinar_peatix_1840x900_v03.jpg。公開候補は別名で残し、配布後の差し替え対象を追えるようにします。

Codexへの依頼文
依頼文を読む
掲載先:[ ]
確認済みの寸法・形式・容量上限:[ ]
確定文言:[ ]
出力画像と編集原稿:[添付]

実ファイルの寸法・形式・容量を確認できる範囲で点検してください。
文字・日時・価格・氏名・切り抜き・外周の欠けを正本と照合し、
合格と推測せず、確認済み/要修正/確認できない、に分けてください。
必要な書き出し直しと、納品に含めるファイルを示してください。
公開や送信はしないでください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

17 公開後の数値から、次の仮説をつくる

サムネイルの見た目と、成果への寄与は別に検証します。 クリックだけが増えても、期待外れで離脱されるなら約束と内容を見直します。

指標を混ぜない

表は横にスクロールできます →

指標 計算・観察 判断の限界
CTR 対象クリック数 ÷ 対応する表示回数 × 100 同じ計測範囲・定義で比較。媒体のCTR定義を確認
詳細→申込率 申込数 ÷ 対応する詳細ページ訪問数 × 100 詳細ページ、価格、日時、申込操作にも影響される
視聴・読了 媒体が提供する視聴時間・維持等 画像だけでなく内容や流入元の影響を受ける
制作負荷 作業時間、修正回数、再利用可否 売上とは別の制作効率の指標

計算例:表示10,000回に対し対象クリック400回ならCTRは4%。これは架空例で、良し悪しの基準値ではありません。分母0なら率は計算せず、計測の不足を確認します。表示・クリック・申込の期間や流入が違う数字を割らないでください。

数字からすぐ色を変えない

  • 表示自体が少ない:配信対象、投稿テーマ、掲載場所、計測を確認。画像だけを原因としない。
  • 表示はあるが開かれない:対象にとっての約束、タイトルとの組合せ、周囲との差、可読性を仮説にする。
  • 開かれるがすぐ離れる:画像が期待させた内容と本文冒頭・動画導入を照合する。
  • 読まれるが申込が少ない:対象、オファー、条件、詳細ページ、申込導線も確認する。

比較テストを組む

  1. 問いを一つ決める。例「成果物を見せる方が、抽象コピーより内容が伝わるか」。
  2. 変える軸を決める。細かい色違いだけでなく、意味のある訴求差を作る場合もある。
  3. 何を固定するか記録。動画・本文・対象・期間・配信条件など。
  4. 主指標と悪化させたくない指標を先に決める。判定の期間・停止条件も先に置く。
  5. 同時ランダム比較が使えるなら、その機能の条件を確認する。時系列の差し替え比較は、時間や視聴者構成の変化も混ざる。
  6. 差が小さい・データが少ないなら「判断保留」。どちらかを無理に勝者にしない。

「必ず何日」「何回表示されたら有意」と一律には決めません。母数、ばらつき、効果の大きさ、実験方法で必要なデータが変わります。途中の有利な瞬間だけを見て止めると判断を誤る可能性があります。

YouTubeの公式A/Bテスト

2026年10月12日に確認した公式案内では、PC版Studioの高度な機能として、タイトルのみ・サムネイルのみ・両方の最大3案を比較できます。対象動画の制限があり、Shortsなどには使えません。主な判定はクリック率単独ではなく視聴時間に基づきます。数日〜2週間かかる場合があり、明確な勝者が出ない結果もあります。自分のアカウントと対象動画で利用できるかは操作画面で確認してください。YouTube公式A/Bテスト

記録テンプレート

Codexへの依頼文
依頼文を読む
比較の問い:
対象コンテンツ・掲載場所:
A案/B案と変えた軸:
固定した条件:
変わってしまった条件:
観測期間・データ取得元:
主指標と計算の分母:
悪化させたくない指標:
結果:
判断:採用/継続/保留
今回言えること:
今回言えないこと:
次に一つだけ試すこと:
Codexへの依頼文
依頼文を読む
次の結果を分析してください:[記録テンプレートと数値を貼る]
まず欠損・分母・期間・流入条件の違いを点検してください。
観測できた差と、原因についての仮説を分けてください。
実験設計からサムネイル単独の効果と言えるかを検討し、
不十分なら判断保留としてください。
次に確認する重要課題を一つ、その課題を検証する施策を一つ提案してください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

18 目的別のケースで、判断を練習する

以下は教材用の架空ケースです。成功実績や広告成果を示すものではありません。各ケースの「効かない条件」まで見て、自分の題材へ適用してください。

ケース1|初心者向けの解説動画

  • 状況:専門用語を並べた結果、誰向けか分からない。
  • 判断:一つの作業と、その前提を見せる。
  • コピー案:「最初の1枚をつくる」。タイトルで対象ツールと扱う範囲を補う。
  • 画面案:完成例を一つ大きくし、手順数が実際に決まっているなら補助情報として添える。
  • 効かない条件:上級者向け比較や専門検証。「初心者向け」に寄せると期待と内容がずれる。
  • 確認:説明なしで、何を作る動画か分かるか。

ケース2|法人向けウェビナー

  • 状況:「AIで業務改革」だけで対象部署も成果物も見えない。
  • 判断:部署の具体的な場面と、学べることを絞る。
  • コピー案:「議事録から、決定事項と担当を整理」。登壇内容が対応する場合に使う。
  • 画面案:会議メモ→整理表の実物。日時と参加条件を一つの群へ。
  • 効かない条件:経営戦略の講演など、手作業の実演が中心ではない内容。
  • 確認:対象者が自分の仕事に引きつけて説明できるか。

ケース3|個人の体験エッセイ

  • 状況:強い煽りコピーで、静かな文章の雰囲気と合わない。
  • 判断:読みたい気持ちを情景とタイトルの組合せで作る。
  • コピー案:画像内文字なしも候補。タイトルで体験の焦点を示す。
  • 画面案:本文に関係する場所や物を、余白のある写真で見せる。
  • 効かない条件:画像単独で日時や参加条件を伝える必要がある告知。
  • 確認:写真が本文と無関係な「きれいな素材」になっていないか。

ケース4|商品の紹介

  • 状況:装飾が多く、商品そのものが小さい。
  • 判断:質感・形・使う場面のうち、購入判断に必要な一点を優先。
  • コピー案:「折りたたんで収納」など、実物で確認できる特徴。
  • 画面案:実商品を大きく、使用状態やサイズ比較を根拠付きで示す。
  • 効かない条件:比較条件が不明なビフォーアフターや、AIが外観を変えた商品画像。
  • 確認:実物と色・形・付属品・数量が一致するか。

ケース5|採用・人物紹介

  • 状況:「仲間募集」と笑顔だけで仕事が見えない。
  • 判断:職種・働く場面・本人の言葉を正確に示す。
  • コピー案:実際の仕事内容に即した短い一文。
  • 画面案:本人写真と仕事内容を示す実物。人物の掲載許諾を確認する。
  • 効かない条件:AI人物を実在社員として見せる、存在しない待遇を補う。
  • 確認:画像が期待させる仕事と募集要項が一致するか。

ケース6|専門性の高い情報

  • 状況:注意条件を削り、刺激的な結論だけを大きくした。
  • 判断:重要な条件・対象・限界を残し、専門家や担当者の確認へ回す。
  • コピー案:結論を保証する言い方ではなく、扱う問いや情報の範囲を明確にする。
  • 画面案:無関係な恐怖写真より、内容に対応した資料や中立的な図。
  • 効かない条件:結果保証、根拠のないランキング、文脈を外した数字。
  • 確認:本文へ進む前の画像単独でも誤解を招かないか。

自分のケースをつくる

Codexへの依頼文
依頼文を読む
題材:[ ]
対象と見られる場面:[ ]
本文が約束していること:[ ]
現在の画像で困っていること:[ ]

上の条件から、直すべき重要課題を一つ選び、
コピー案・画面構成・確認方法を提案してください。
その案が効かない条件も示してください。
似た成功事例や成果数値を作らず、仮説として説明してください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

19 困ったときの診断と、最後の確認

症状から決め打ちせず、まず観察します。迷ったら「何を先に伝えるか」「本文が回収するか」「実際の表示で読めるか」の3点へ戻ってください。

症状から戻る場所を選ぶ

表は横にスクロールできます →

症状 最初に確認 次の一手 戻る章
何となく弱い 誰に何を約束する画像か 企画を1文にする 12
内容が分からない 対象物と価値があるか コピーとタイトルを組で直す 13
文字が読めない 文字量・背景・表示幅 一つの主役と読みやすい背景へ 05・07
サイズ差をつけても整わない 空いた場所・情報群・人物の競合 読む順番から再設計 08
人物が不自然 元写真との違い・連鎖編集 元写真へ戻す 15
スマホで切れる 掲載面・比率・UIの重なり 媒体別に組み直す 14
投稿できない 寸法・形式・容量・アカウント条件 公式案内とファイルを照合 14・16
文字が化ける 生成文字かフォント置換か 正本と照合し必要なら後組み 16
クリックされるが離脱する 約束と本文冒頭の一致 訴求か内容を見直す 13・17
数字が悪いが原因不明 分母・期間・流入・施策の違い 比較条件を整理 17
修正が終わらない 合格条件が増えていないか 必須と好みを分け、残課題を記録 09・10

制作の終わりを決める

必須条件:誤字・日時・価格・人物・権利・投稿仕様など。問題があれば先に解消します。

設計の目安:余白比率、文字サイズ比、要素数など。目的を満たしているなら、目安への完全一致だけを求めて作り直し続けません。ただし依頼主が指定した条件は別に扱います。

公開後にしか分からないこと:クリックや申込への実際の効果。見た目だけで合格を断言せず、観測計画を残します。

初めての人の一周ルート

12でブリーフ → 13でコピー → 14で媒体 → 15で素材 → 03〜06で制作 → 08で修正 → 16で書き出し → 09で公開前確認 → 17で振り返り。毎回全章を読む必要はありません。

このガイドで扱う範囲と更新

本書は、記事・動画・イベント告知を中心とするサムネイルの企画、制作、修正、公開前確認、公開後の改善を扱います。全媒体の全仕様、全ソフトの画面操作、個別の法的判断や成果保証を網羅するものではありません。媒体の変更や自分の環境での例外は、出典と操作画面で確認してください。

2026年10月12日拡充。媒体仕様の確認範囲は14、比較テストは17、素材・権利は15を参照。再確認のきっかけは「公開前」「投稿エラーや切れを発見したとき」「公式の変更案内が出たとき」。過去の確認日を、今も保証される期限と解釈しないでください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

20 目的別プロンプト集

制作の表現案43本と、準備・修正・確認・再利用の20本を収録しています。既存の各章32本と合わせて95本。使う目的が近い1本を選び、角括弧の入力欄を埋めてください。画像制作には画像生成対応のAIが必要です。

既存の川合のプロンプト集から編集した43本と、本ガイド向けに追加した20本です。今回の追加分は全件の生成・効果検証を行ったものではありません。色や文字数、レイアウト比率は各案の出発点であり、媒体共通の正解ではありません。

作例はP03・P17・P24・P35・P38・P41の6種を掲載。教材用の架空原稿と配色を指定して実生成しました。画像・入力条件・追加修正の記録はサイト内で確認できます。

P01 1色アクセント

分類:配色・雰囲気。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#配色
使用色: 白、黒、鮮やかな青の3色だけ
青の使用箇所: 重要語、数字、CTAのみ
その他: 白と黒で整理する

#情報設計
色数: 増やして散らからないようにする
可読性: 読みやすくする

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P02 画面キャプチャを見せる

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#素材
主役: PCまたはスマホの画面キャプチャ

#レイアウト
画面サイズ: 実際の内容が判別できる大きさ

#注目箇所
指示方法: 太い矢印または丸い囲み
対象数: 1つだけ
注釈数: 1つまで

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P03 太いゴシック

分類:文字。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#文字
書体: 太いゴシック体
タイトル: 最優先で大きく配置
本文行数: 最大2行
強調: 重要な名詞または数字だけをさらに大きくする

#可読性
小さな文字: 情報を詰め込まない
スマホ: 読める太さと余白

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P04 静けさ・余白

分類:配色・雰囲気。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#印象
方向性: 静かで落ち着いた

#レイアウト
余白: 広い白い余白
文字量: 少なくする
文字揃え: 左揃え

#素材
使用: 穏やかな写真または抽象的な形

#体験
感じ方: 見る人が急かされない呼吸感

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P05 黄で視認性

分類:配色・雰囲気。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#配色
基調色: 鮮やかな黄色と黒
黄色の使用箇所: 背景またはタイトル帯に広く使う
文字色: 黒
可読性: 最大限読みやすくする

#印象
方向性: 明るく前向き
視認性: 周辺の画像との違いを確認する

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P06 控えめな質感

分類:配色・雰囲気。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#背景
質感: ごく控えめな紙のような質感または幾何学パターン

#文字
文字領域: 静かに保つ

#可読性
背景模様: タイトルを読みにくくしない
コントラスト: 十分に確保する

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P07 上質・プレミアム

分類:配色・雰囲気。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#レイアウト
余白: 広く取る
フレーム: 細い
文字組み: 控えめ

#配色
使用色: 白、黒、深い紫だけ

#印象
方向性: 上質

#禁止
安売り感: 出さない
記号: 派手にしない
光沢: 過度にしない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P08 線と形で整理

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#素材
写真: 使わない
要素: 太さの異なる罫線と四角形だけ

#配色
背景: 白地
文字: 黒
アクセント: 鮮やかな青を小さく使う

#印象
方向性: エディトリアルで整理された

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P09 声で不安をほどく

分類:媒体・訴求。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
用途: SNS広告、Meta広告、Web広告
アスペクト比: 下の入力条件に従う

#訴求
起点: 導入前の不安
根拠: 実在し許諾済みの利用者の声、または利用場面
主コピー: 選ぶ理由が伝わる短い一言

#レイアウト
引用: 1つだけ
補足: 使う人物または利用場面を添える

#CTA
内容: 利用シーンを確認する行動

#禁止
レビュー: 架空の体験談、人数、評価、推薦を載せない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P10 初心者にやさしい

分類:配色・雰囲気。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#印象
方向性: 初心者でも気軽に見られる、明るく整理された

#配色
色面: やわらかい

#文字
言葉: 大きく短くする

#情報設計
不安: 「難しそう」「専門的すぎる」と感じさせない
情報数: 3点以内

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P11 勢い・挑戦

分類:配色・雰囲気。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#レイアウト
要素: 斜めの要素
文字: 大きな太字

#印象
方向性: 前進する勢い

#人物
向き: 前を向く
表情: 自然

#配色
アクセント: 鮮やかな黄色または赤の1色だけ

#可読性
優先: 読みやすさ
装飾: 増やしすぎない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P12 青で信頼感

分類:配色・雰囲気。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#配色
基調色: 濃いロイヤルブルーと白
見出し色: 濃い青
補足色: 黒

#レイアウト
余白: 広く取る

#印象
優先: 清潔感と信頼感
方向性: 誠実で専門的

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P13 白黒で強さ

分類:配色・雰囲気。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
アスペクト比: 下の入力条件に従う

#配色
使用色: 白と黒だけ
背景色: 白
文字色: 黒

#レイアウト
主役: 写真または最重要語だけを大胆に大きく置く

#印象
装飾: 減らす
方向性: 編集的で強い

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P14 図解で伝える

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#表現
形式: シンプルなフラット図解
目的: 文字だけでは伝わりにくい内容を表現する

#素材
アイコン数: 3個まで
矢印: 視線誘導に必要な箇所だけ

#文字
説明文: 小さな説明文を増やさない

#情報設計
伝達: 見れば関係が分かる構図

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P15 比較で選びやすくする

分類:媒体・訴求。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
用途: SNS広告、Meta広告、Web広告
アスペクト比: 下の入力条件に従う

#訴求
起点: 選択時に迷う比較ポイント
判断軸: 2〜3個
主コピー: 違いを整理する短い言葉

#レイアウト
比較: 同じ情報量で並べる
強調: 判断に必要な違いだけを示す

#CTA
内容: 比較ポイントを確認する行動

#禁止
比較対象: 根拠なく他社や他商品を下げない
優位性: 根拠のない最上級表現を使わない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P16 赤で緊急性

分類:配色・雰囲気。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#配色
基調色: 鮮やかな赤
背景色: 白または黒
コントラスト: 高くする
赤の使用箇所: 最重要語、数字、矢印だけ

#印象
緊急性: 伝える
重要性: 伝える
煽り: 強くしすぎない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P17 余白を残す

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#背景
色: ほぼ白または淡い単色

#レイアウト
余白: タイトルの周囲に十分に取る
装飾素材: 画面の端に小さく配置

#可読性
文字と背景: 混ざらないようにする

#情報設計
主役: 言葉を邪魔しない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P18 実演で理解させる

分類:媒体・訴求。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
用途: SNS広告、Meta広告、Web広告
アスペクト比: 下の入力条件に従う

#訴求
起点: 商品やサービスが役立つ具体的な場面
主コピー: 使い方が直感的に伝わる短い言葉

#レイアウト
主役: 商品、画面、または操作する手元
見せる変化: 1つだけ
注釈: 1つまで

#CTA
内容: 操作イメージを確認する行動

#禁止
画面: 実在しない機能や実績を見せない
情報量: 詰め込みすぎない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P19 数字を主役に

分類:文字。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#文字
主役: 入力原稿にある、根拠を確認済みの数字
数字サイズ: 主役として十分に大きくし、意味を説明する文も読める大きさにする
見出し: 数字の意味が分かる短い見出しを添える

#レイアウト
構成: 数字だけが浮かず、内容を即理解できる

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P20 情報を詰め込まない

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#情報設計
1枚で伝えること: 1つだけ
使用要素: タイトル、補足、人物または商品

#禁止
小さな文字: 減らす
装飾アイコン: 減らす
強調色: 複数にしない

#優先
主役: 最重要メッセージに集中させる

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P21 ビフォーアフター

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
アスペクト比: 下の入力条件に従う

#レイアウト
型: ビフォーアフター比較
左右: 同じ面積で分ける
左側ラベル: Before
右側ラベル: After
中央: 細い区切り線
比較: 改善点が一目で対比できる

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P22 ベネフィットを先に見せる

分類:媒体・訴求。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
用途: SNS広告、Meta広告、Web広告
アスペクト比: 下の入力条件に従う

#訴求
起点: 商品やサービスを使った後の具体的な変化
主コピー: 得られる状態を短く示す
補足: その変化が起きる利用場面

#レイアウト
主役: 変化を想像できる人物、商品、または画面
情報量: 主コピーと補足に絞る

#CTA
内容: できることを確認する行動

#禁止
結果: 未確認の効果や成果を保証しない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P23 講座・セミナー向け

分類:媒体・訴求。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
用途: 講座・セミナー告知用サムネイル

#レイアウト
タイトル: 大きく配置
ラベル: 対象者を示す短いラベル
素材: 講師またはテーマ写真

#情報設計
日程・細かい条件: 入れすぎない
最優先: 参加すると何を得られるか

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P24 写真背景+文字帯

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#背景
素材: 写真を全面背景に使う

#文字
タイトル背景: 不透明な白または黒の文字帯
文字帯面積: 画面の3分の1以内

#情報設計
写真: 良い部分を隠しすぎない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P25 影を使わない

分類:配色・雰囲気。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#禁止
ドロップシャドウ: 使わない
文字影: 使わない
光沢: 強くしない
3D表現: 使わない

#レイアウト
要素の区切り: 余白、線、色面の対比で作る

#印象
方向性: フラットでクリア、簡潔で落ち着いた

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P26 斜め割り

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
アスペクト比: 下の入力条件に従う

#レイアウト
型: 斜め割り
背景: 左上から右下へ斜めに分割する
左側: 大きなタイトル
右側: 躍動感のある人物

#印象
方向性: スポーティーでスピード感

#文字
向き: 水平
可読性: 読みやすくする

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P27 YouTube向け

分類:媒体・訴求。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
媒体: YouTube
アスペクト比: 下の入力条件に従う
表示前提: スマホで小さく表示される

#文字
タイトル文字数: 6〜12文字を中心
タイトル: 太く大きくする

#情報設計
主役: 顔、数字、強い名詞のうち1〜2個だけ
補足: 細かい補足を入れない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P28 人物の表情を主役に

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#レイアウト
人物位置: 画面の右側に大きく配置
タイトル位置: 左側の余白

#人物
被写体: 人物の顔
視線: タイトル側を向く
ポーズ: 自然

#文字
タイトル: 太字
人物との重なり: 顔の上には重ねない

#整合性
表情と内容: 矛盾させない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P29 課題を先に見せる

分類:媒体・訴求。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
用途: SNS広告、Meta広告、Web広告
アスペクト比: 下の入力条件に従う

#訴求
起点: 相手が抱える具体的な課題
課題数: 1つだけ
主コピー: 読み手が自分事にできる問いかけ

#レイアウト
主コピー: 最初に大きく見せる
補足: 課題が起きる場面を短く示す

#CTA
内容: 解決策または改善ポイントを確認する行動

#禁止
不安: 過度にあおらない
事実: 未確認の損失や結果を断定しない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P30 額縁・囲み

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
アスペクト比: 下の入力条件に従う

#レイアウト
余白: 広く取る
中央: 太すぎない四角いフレーム
フレーム内: タイトルと要点だけを整理して置く

#印象
方向性: 上品で信頼感がある

#情報量
制約: 情報を詰め込みすぎない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P31 ブログ記事向け

分類:媒体・訴求。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
媒体: ブログ記事
形式: アイキャッチ

#文字
記事タイトル: 最大2行で読みやすく置く

#素材
補足: テーマを表す小さな写真または図解

#シリーズ設計
余白: 同じルール
文字位置: 同じルール
配色: 同じルール
目的: 並んだ時に統一感を出す

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P32 重要語をハイライト

分類:文字。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#文字
ハイライト対象: タイトル内の最重要の1語だけ
ハイライト方法: 背景色付き
その他の文字色: 黒または白

#強調
数: 複数にしない
配置: 静かに置く

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P33 X投稿向け

分類:媒体・訴求。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
媒体: X投稿
形式: 横長アイキャッチ

#文字
結論: 短い1文で大きく表示

#配色
使用色: 白、黒、青の3色に絞る

#情報設計
目的: 流し見のタイムラインで止まる
画像内の要素: タイトルと1つの視覚要素だけ

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P34 広告バナー型

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
アスペクト比: 下の入力条件に従う
用途: 入力で指定する媒体のサムネイル

#レイアウト
型: 広告バナー型
左上: 短いベネフィット
中央: 最も大きいタイトル
右下: 人物の表情と小さな補足
視線誘導: 左上→右下へ自然に流れる
情報設計: 要素を明確に階層化する

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P35 明朝で上品に

分類:文字。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#文字
タイトル書体: 上品な明朝体
補足書体: 読みやすいゴシック体
文字数: 少なくする

#レイアウト
余白: 広く取る

#印象
方向性: 書籍の表紙のように知的で落ち着いた

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P36 横割り

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
アスペクト比: 下の入力条件に従う

#レイアウト
型: 横割り
上部: 画面の60%、印象的な写真または主役ビジュアル
下部: 画面の40%、大きなタイトルと補足
境界: 上下を明快に分ける
文字: スマホでもタイトルが読める大きさ

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P37 縦割り

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
アスペクト比: 下の入力条件に従う

#レイアウト
型: 縦割り
左側: 画面の40%、人物のバストアップ
右側: 画面の60%、大きなタイトルと要点
役割分担: 左右の役割を明確に分ける
余白: 文字が人物に重ならないよう確保する

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P38 グリッド

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
アスペクト比: 下の入力条件に従う

#レイアウト
型: 3分割グリッド
ビジュアル: 3つの小さなビジュアルを均等な余白で並べる
タイトル: 中央上に共通タイトル
情報設計: 情報を整理して見せる
重要度: 各ブロックの重要度を混在させない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P39 2行タイトル

分類:文字。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#文字
タイトル行数: 2行
改行位置: 意味の切れ目
1行目: テーマ
2行目: 結論またはベネフィット
禁止: 助詞から行を始めない
行長: 各行の長さを近づけて整える

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P40 専門家・信頼

分類:配色・雰囲気。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#印象
方向性: 専門家の解説らしい、端正で信頼感がある

#配色
ベース: 白を広く使う
アクセント: 濃い青

#人物
向き: 正面または少し横向き
表情: 落ち着いた表情

#禁止
誇張記号: 使わない
装飾: 過剰にしない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P41 商品を主役に

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#レイアウト
主役位置: 中央に大きく配置
視点: 正面から見せる
背景: 単色で整理する
タイトル位置: 上下どちらか
タイトル: 短くする

#素材
主役: 商品またはアプリ画面

#禁止
装飾: 商品の輪郭を邪魔しない

#情報設計
伝達: 商品が何かすぐ分かる

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P42 紫で先進性

分類:配色・雰囲気。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#配色
基調色: 鮮やかな紫と白
紫の使用箇所: 大きな面
文字色: 黒
余白: 白

#印象
方向性: AIやクリエイティブの先進性

#禁止
発光: 過度な表現を使わない
グラデーション: 使わない

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P43 中央集中

分類:構図・素材。この表現を試したいとき。色や配置は固定の正解ではなく、媒体と相手に合わせて選びます。

Codexへの依頼文
依頼文を読む
画像生成に対応したAIで、次の条件のサムネイルを1枚制作してください。
【入力】
目的・見た後の行動:[記入]
媒体・比率・表示サイズ:[記入]
対象者・伝える価値:[記入]
掲載する確定原稿:[主見出し/補足/必要情報]
使用素材:[添付画像と用途。なければ「なし」]
維持するブランド条件:[色・書体・禁止事項]

【今回試す表現】
#基本設定
アスペクト比: 下の入力条件に従う

#レイアウト
型: 中央集中
中央: 人物または商品を大きく置く
周囲: 余白として残す

#文字
タイトル位置: 主役を邪魔しない位置
タイトル行数: 2行以内
タイトルサイズ: 大きく

#情報設計
伝達: ひと目でテーマが伝わる

【仕上げ】
上の色・配置・文字数はこの表現案の出発点です。入力した媒体・ブランド・確定原稿を優先し、矛盾があれば制作前に確認してください。未確認の実績・人数・期限は追加しないでください。文字や顔の欠損を確認し、実表示サイズで主役と必要情報が読めるか確かめます。厳密な書体や誤字の修正が必要なら、文字を後から組む手順も示してください。

P44 左右の基準線をそろえる

分類:修正。文字ブロックの開始位置がばらつくとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「左右の基準線をそろえる」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
左揃えにする情報群を特定し、同じ基準線へそろえる。中央配置の意図がある主役は分ける。文字位置の変更前後を説明し、文章・配色・人物は維持する。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P45 四辺の安全余白を合わせる

分類:修正。端への近さにばらつきがあるとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「四辺の安全余白を合わせる」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
入力画像の幅と高さを確認し、上下左右で揃える安全余白をpxと比率で提案する。文字の外接矩形を基準に測り、装飾の裁ち落としと区別する。測定できない場合は推定と明記。指定値で再配置する。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P46 見出しと補足の大小差をつくる

分類:修正。全部が同じ強さに見えるとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「見出しと補足の大小差をつくる」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
主見出し、補足、日時等の3段階に分類する。主見出しを基準に各文字サイズの比率を提案する。単純に全部大きくせず、補足と余白も調整して1番目に読む言葉を明確にする。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P47 文字間だけを調整する

分類:修正。日本語が詰まって読みにくいとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「文字間だけを調整する」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
本文・見出し・英数字を分けて字間を調整する。文字が接触する箇所を優先し、改行や行数が変わる影響を確認する。コピーと配色を変えず、広げすぎて単語のまとまりが崩れないようにする。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P48 行間と改行を整える

分類:修正。意味の途中で改行されるとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「行間と改行を整える」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
意味のまとまりで改行し、助詞や短い1文字が孤立する箇所を直す。見出しと文章を別の行間で設計し、文章の原意と固有名詞を維持する。収まらなければ勝手に削らず代案を示す。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P49 背景の情報量を下げる

分類:修正。写真や模様が文字と競合するとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「背景の情報量を下げる」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
文字の直下だけの模様・明暗差・ディテールを抑える。写真の意味と主役は残す。帯を追加する案と背景を整理する案を比較し、装飾を最も増やさずに読める方法を選ぶ。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P50 CTAの強さを下げる

分類:修正。ボタンだけが最初に見えるとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「CTAの強さを下げる」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
主見出し→価値→行動の順へ整える。CTAの面積・色・余白のうち必要なものだけ変える。クリックできない画像内ボタンの場合は実際のリンク位置と矛盾する操作表現を避ける。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P51 人物の視線を活かす

分類:修正。顔がコピーから視線をそらすとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「人物の視線を活かす」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
顔の識別性を維持し、人物位置と文字位置の交換を先に検討する。人物を反転する場合はロゴや衣服の文字・左右非対称の特徴が変わる問題を説明する。本人の表情を勝手に大きく変えない。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P52 切り抜きの縁を直す

分類:修正。髪や肩の白い縁が気になるとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「切り抜きの縁を直す」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
元画像と背景を照合し、髪・肩・指の輪郭だけを修正する。輪郭を削りすぎず、色かぶりと背景の不自然な残りを除く。顔・衣服・身体の形を維持する。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P53 原稿と画像の文字を照合する

分類:確認。誤字や勝手な言い換えを確認するとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「原稿と画像の文字を照合する」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
原稿と画像の文字を1行ずつ照合し、欠落・誤字・追加・改行による意味変化を表にする。判別不能な箇所は読めないと記し、正しいと推測しない。画像はまだ変更しない。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P54 縮小時の可読性を確認する

分類:確認。大きく見ると良いのに一覧で読めないとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「縮小時の可読性を確認する」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
指定の実表示サイズで確認し、最初に読める語、読めない必要情報、競合する要素を分ける。表示サイズの画像を実際に確認できない場合は未検証とする。優先修正は最大3点。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P55 一覧の中で比較する

分類:確認。単体では判断できないとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「一覧の中で比較する」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
添付一覧の中で対象画像の明度・配色・主役・文字量を比較する。目立つという推定と、実測の視線データを区別する。内容に合う違いを1つ提案し、根拠なくクリック率を予測しない。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P56 縦横比を変えて再配置する

分類:修正。横長から正方形へ展開するとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「縦横比を変えて再配置する」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
単純な中央切り抜きではなく、入力原稿の必須情報を保って再配置する。顔・商品・見出しの安全領域を新しい比率で設計する。不要情報は削除候補として提示し、無断で落とさない。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P57 文字なし背景を作る

分類:素材。後から編集ツールで文字を組むとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「文字なし背景を作る」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
主見出しと補足の配置予定域を空けた背景だけを制作する。文字・疑似文字・ロゴは描かない。前景素材との光の向きと色調を揃え、文字域の背景コントラストを静かにする。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P58 シリーズの共通ルールを抜き出す

分類:再利用。毎回の作風がばらつくとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「シリーズの共通ルールを抜き出す」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
添付した採用画像から、固定する色・文字階層・位置・余白と、題材ごとに変える主役・コピーを分けて表にする。単発の特徴を必須ルールと決めつけず、例外条件も残す。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P59 3案を同じ基準で選ぶ

分類:確認。好みだけで採用を決めそうなとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「3案を同じ基準で選ぶ」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
3案を対象者との関連、内容との一致、主役、縮小可読性の同じ軸で比較する。各案の得意条件と弱点を述べ、今回の目的に合う1案を推奨する。計測していない数値スコアや成果保証は使わない。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P60 画像とリンク先の約束を照合する

分類:確認。煽りと実際の内容がずれていないか確認するとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「画像とリンク先の約束を照合する」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
画像の約束を列挙し、リンク先原稿の裏付け箇所と対応させる。裏付けのない便益・期間・成果を抽出し、原稿で言える範囲へコピーを修正提案する。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P61 変更を1つに絞って比較する

分類:検証。どの変更が効いたか調べたいとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「変更を1つに絞って比較する」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
今回の仮説に対応する変更要因を1つ選び、固定条件・比較案・評価指標・期間・判定を保留する条件をまとめる。順番に公開する場合は時期と流入差が交絡することを記録する。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P62 依頼書の不足を確認する

分類:準備。生成前の手戻りを減らしたいとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「依頼書の不足を確認する」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
依頼書の目的・対象・媒体・原稿・素材・禁止事項を確認する。不足を必須と任意に分け、必須だけをまとめて質問する。任意は仮定を明示した案を提示し、勝手に事実を追加しない。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

P63 採用理由を次回へ引き継ぐ

分類:再利用。制作後の知見を保存するとき。

Codexへの依頼文
依頼文を読む
次の資料を使い、「採用理由を次回へ引き継ぐ」を行ってください。
【入力】
画像・原稿・参照資料:[添付または貼り付け]
対象者・目的:[記入]
媒体・比率・実表示サイズ:[記入]
変更してよい範囲/維持するもの:[記入]

【依頼】
今回の画像・修正履歴から、問題→変更→判断理由→適用条件→まだ未確認の順で短い記録を作る。好みと実測結果を分け、別題材でそのまま使えない条件も記載する。

【出力】
観察した事実、判断理由、実施内容または修正指示、未確認事項を簡潔に示してください。資料が読めない・実行できない操作は、その制限を明記してください。修正は元画像を残し、別版として出力してください。

このテーマをnoteで深める

有料部分・会員向け内容を含む記事があります。閲覧条件は各記事で確認してください。

21 noteで学びを深める

実例・制作過程・プロンプトのバリエーションを読みたいときの関連記事18本です。本ガイドの説明に加え、制作の背景を学べます。記事名は原題です。タイトルにある数値・効果表現は、本ガイドで成果を検証したという意味ではありません。古い記事のモデル名・機能・媒体仕様は、利用時点で確認してください。

川合のnoteで新しい記事を見る・フォローする

有料部分・会員向け内容を含みます。応援チケットにnoteの購読権は含まれません。価格・対象プラン・現在の閲覧条件は、リンク先の表示で確認してください。

フォントを選んで、AIに渡す。Google Fontsを比較できるサイトを作りました

記事をnoteで読む →

【保存版】セミナーサムネイルの作り方〜244事例で学ぶ、見本の選び方とAIへの頼み方〜

記事をnoteで読む →

Codexで作る「目を引く」サムネイル〜デザイン歴14年のプロが教える、見せ方と伝え方〜

記事をnoteで読む →

60分で告知サムネを完成させる準備|AIデザインを止めない素材・役割・レビュー順

記事をnoteで読む →

【初心者向け】AIサムネ3案を作る全手順

記事をnoteで読む →

【完全版】AIエージェント駆動サムネイル制作フロー

記事をnoteで読む →

【サムネを12回直した全記録】デザインの正解は「科学」で出せる——AIと壁打ちして気づいたこと

記事をnoteで読む →

【完全保存版】AIで広告バナーを一発生成!業種別プロンプト集40選

記事をnoteで読む →

【完全保存版】広告生成プロンプト20選(レイアウト別)

記事をnoteで読む →

【完全保存版】法人向けウェビナーサムネイル生成プロンプト集(71個)

記事をnoteで読む →

AIでサムネイル・記事ヘッダー・広告を生成する全フロー解説(超万能プロンプト付)

記事をnoteで読む →

【AIによるウェビナーサムネイル生成の戦略的フレームワーク】高品質なクリエイティブを体系的に生み出すためのプロンプトエンジニアリング実践ガイド

記事をnoteで読む →

【デザイン知識セロでOK】目を引くサムネイルの作り方

記事をnoteで読む →

【プロが実験】AIが生成できる「フォント」18種類を徹底解剖(プロンプト・フォント解説付)

記事をnoteで読む →

ノンデザイナーのための“行動を生む”広告・サムネイル完全版

記事をnoteで読む →

【初学者向け】知らないと損をする「広告・バナー制作」の注意点

記事をnoteで読む →

【0.3秒で目を引く】バナー・サムネイル参考サイト集

記事をnoteで読む →

【サムネイル制作】 と 【生成AI】

記事をnoteで読む →