KAWAITHUMBNAIL
COMPLETE GUIDE
ひと押しで、変わる。

飾りを引くと、
何が見える?

ボタンを押して、見比べてみよう。

見出しと飾りが、目立ちたがっています。

飾りの多い比較用サムネイル飾りが多い
見本や教材から探したい方へ
最初の1枚

3ステップで、1枚つくろう。

このサイトで依頼文をコピー → Codexに貼り付けます。

依頼文をコピーして、Codexへ。

準備する素材はありません
依頼文を見る
ImageGenで、日本のビジネス記事に使う横長16:9のサムネイルを制作してください。
見出しは「会議の最後に、」「次の一歩を。」、補足は「担当・期限・行動を決める」。
温かな生成りの背景。左約6割に濃紺の大きな極太ゴシック文字。2行目の下にライムの帯。右に「担当」「期限」「行動」と書いた3枚のメモ用紙、青いペンとクリップを写真のような質感で配置。
日本語の正確さ、余白、文字の強弱を重視し、星形・飾り枠・発光を足さないでください。PNGで保存し、実寸を知らせてください。公開はしないでください。画像生成が使えない環境の場合はその旨を伝えてください。
制作する見本:会議の最後に、次の一歩を。

この見本を目指します。生成結果は毎回異なります。

画像生成が使えないとき

画像生成が使える環境で試すか、下の練習画像を保存して次のステップへ進めます。

練習画像を保存 ↓
← ホームへ
はじめての制作クエスト

最初の1枚を、完成させよう。

見本を見て、試して、自分の題材へ。

まずはサムネイルで1周。
変えるのは、気になる1点だけ。

架空の題材を使った制作演習です。サムネイルはImageGen、他の用途は編集可能なSVGで練習します。

見本について

サムネイルの完成見本はImageGenで生成し、比較用に装飾を追加した画像も用意しました。修正工程の実録ではありません。他の演習はコードで制作したSVGです。いずれも効果測定事例ではありません。

練習セットを保存 ↓

ZIPを解凍し、企画書と素材をCodexへ添付。下のステップで依頼文をコピーします。

サムネイルをつくる

1

材料とゴールを決める

題材:会議の最後に「担当・期限・行動」を記録する方法。
対象:会議後の動きが曖昧になりがちな人。
ゴール:記事を開き、行動リストを使う。

企画書を保存 · 素材を保存
2

初稿をつくる

企画書と素材をCodexへ添付し、依頼文を渡します。

制作依頼文
依頼文を開く
ImageGenで、横長16:9の記事サムネイルを制作してください。見出しは「会議の最後に、」「次の一歩を。」、補足は「担当・期限・行動を決める」。左約6割に大きな濃紺の極太ゴシック。背景は温かな生成り。右に「担当」「期限」「行動」と書いた3枚のメモ用紙、青いペンとクリップを自然な写真表現で置く。2行目の下にライムの帯。不要な記号、枠、発光は加えない。文字の正確さと余白を確認しPNGを保存してください。画像生成が使えない場合は利用できないと伝えてください。公開はしないでください。
サムネイルの初稿見本
装飾を追加した比較用見本|飾りが文字と競合している
3

1点を直して、比べる

見出しと競合する飾りを外し、行動リストを見せる。

修正依頼文
依頼文を開く
添付した装飾の多い比較用画像をImageGenで編集してください。外周の二重枠、星形、斜線だけを削除。見出し・補足・メモ用紙・ペン・植物の影・配色・構図は維持。元画像を残して別名のPNGで保存し、文字や写真に意図しない変化がないか比較してください。
サムネイルの完成見本
完成見本|見出しと競合する飾りを外し、行動リストを見せる。
完成PNGを保存 ↓
4

小さく見て、仕上げる

幅320pxの見本で読み順を確認。実際に載せる場所の比率・切れは別途確認します。

幅320px以下での完成見本

うまくいかないとき
  • 添付を読めない:企画書の本文をチャットへ貼り付け、素材のパスを伝える。
  • 文字が崩れる:画像への描き込みをやめ、SVGの文字で重ねるよう依頼する。
  • 見本と違う:見本のPNGまたはSVGも添付し、「維持する箇所」と「直す1点」を指定する。出力は環境によって異なります。
  • SVGをPNGにしたい:Codexに「このSVGを指定寸法でPNGへ書き出し、両方保存」と依頼する。実行環境の書き出し機能を確認する。
STAGE 01

作りたいものから始める

まず1枚つくってから、必要なところだけ読みましょう。

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

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

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

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

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

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

学習の記録です。公開の許可ではありません。
STAGE 02

AIに渡す材料をそろえる

自分の題材を入力すると、制作依頼文ができます。

← 1枚つくる練習に戻る

あなたの制作依頼書

入力から依頼文を組み立てる

入力は端末内で処理します。再読込すると消えます。

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

依頼書の記入例

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

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

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

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

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

選択後の制作指示

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

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

学習の記録です。公開の許可ではありません。
STAGE 03

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

文字と画像の配置で迷ったら、型を選びましょう。

← 1枚つくる練習に戻る

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

記事の主見出しと内容を示すメモ用紙の構図
A|見出しを左、内容を伝える素材を右へ。
人物・主見出し・日時に序列をつけたセミナー告知
B|人物で関心を引き、見出し→日時の順に読ませる。
問いかけと赤入れで修正のテーマを伝えるサムネイル
C|問いかけと視覚的な比喩を組み合わせる。

ImageGenで制作した架空の教材用作例。人物も生成画像です。

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

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

P02 読む順番を構図にする

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

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

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

背景・文字・強調の3つに、色の役割を分けましょう。

← 1枚つくる練習に戻る

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

明るい説明型

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

暗い主役型

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

落ち着いた告知型

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

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

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

P03 色の役割を整理する

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

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

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

読みにくいときは、大きさ・太さ・改行を整えます。

← 1枚つくる練習に戻る

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

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

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

P04 文字組みを直す

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

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

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

見本を選び、下の依頼文をコピーして使えます。

← 1枚つくる練習に戻る

見本を選ぶ

ImageGenで制作したオリジナル作例。実在の掲載広告ではありません。

記事サムネイル見本と依頼文を開く
記事サムネイルの完成作例
記事サムネイル見出しを大きく、右に内容を伝えるメモ用紙。
実際に使った生成プロンプト
依頼文を開く
Use case: ads-marketing. Create a finished, exceptionally high-quality Japanese editorial article thumbnail, landscape 16:9, 2048x1152. This is an ORIGINAL fictional design example for a professional design education site, not a screenshot, no mockup frame. It should look like an art-directed Japanese business/design magazine's actual note cover. Topic: turning meeting minutes into next actions. Exact main Japanese title in two strong lines: 「会議の最後に、」「次の一歩を。」. Small but readable supporting copy: 「担当・期限・行動を決める」. No other copy, logos, brands or made-up metrics. Composition: left 58% precise oversized heavy contemporary Japanese Gothic typography with considered line breaks; right 42% exquisite tactile editorial still-life photography of three white memo slips labelled exactly 「担当」「期限」「行動」, a cobalt-blue pen, a single cobalt binder clip on a warm ivory desk. Memo slips overlap elegantly, believable paper thickness, subtle natural shadows; evidence of a useful worksheet rather than generic AI iconography. One sharp acid yellow-green editorial underline/rectangle behind the second title line, deep midnight blue type, warm ivory background and controlled cobalt accents. Composition extends to edges, strong optical balance, huge legibility at mobile thumbnail size, subtle paper texture, premium Japanese graphic design sensibility, disciplined asymmetry. No gradients, no floating UI cards, no robots, no childish illustration, no rounded purple generic template, no glows, no decorative confetti. Japanese typography must be exact, crisp, no malformed characters. A complete polished flat image, not a collage of variants.
セミナー告知見本と依頼文を開く
セミナー告知の完成作例
セミナー告知人物で関心を引き、価値と日時を別の階層に。架空人物・架空イベント。
実際に使った生成プロンプト
依頼文を開く
Create one professional Japanese online seminar advertising thumbnail, original fictional teaching example, 16:9 landscape 2048x1152, full-bleed finished graphic not mockup. Premium Japanese B2B creative agency quality. Restrained forest green, warm cream and a little vivid orange. Right half: beautiful believable editorial photography of a Japanese woman facilitator age 30s in navy jacket thoughtfully pointing at a large real worksheet in a bright modern meeting room, natural daylight, real anatomy, confident approachable expression, no famous person. Left half: immaculate oversized extra-bold Japanese Gothic typography with purposeful editorial alignment and elegant whitespace, headline exactly two lines 「会議を、」「行動に変える。」. Upper label exactly 「オンラインセミナー」. Bottom crisp date/conditions block exactly 「11月20日 19:00」「オンライン開催・無料」. Small text exactly 「練習用の架空イベント」. Imagery and type must feel visually integrated, strong professional art direction; subtle edge/cutout overlap, no gratuitous glass cards. No logo, no fake numbers, no endorsements, no random English, no gradients or glitter. Correct sharp Japanese letterforms, generous safe margins, all text readable at small size. One final cover only.
デザイン解説見本と依頼文を開く
デザイン解説の完成作例
デザイン解説問いかけと、拡大鏡・赤入れで「直す」を見せる。
実際に使った生成プロンプト
依頼文を開く
Create one exceptional Japanese note editorial cover / educational YouTube thumbnail, 16:9 landscape 2048x1152. Premium original graphic design about improving AI-generated thumbnails. Exact huge Japanese title in two lines 「そのサムネ、」「どこを直す?」 and supporting text 「主役・余白・文字の強弱」. No other words, numbers, logos, people or claims. Art direction: bold contemporary Japanese design magazine cover with vivid vermilion orange, warm creamy white and near-black typography. Oversized beautifully typeset heavy Gothic black Japanese headline left 62%, clever bespoke editorial cut-paper artwork right: a realistic magnifying glass held over a miniature thumbnail composition on thick cream paper showing a cobalt geometric object, visible crop marks, a precisely placed red proofreading circle and a pencil. Sophisticated tactile collage with photographic shadows, beautifully constructed meaningful visual metaphor for design critique. Controlled typography, rich but minimal physical texture, generous negative space, magazine quality not template. No noisy UI widgets, no glows, no purple gradient, no fake 3D icons. Perfect Japanese typography and small-size clarity, all text wholly inside canvas.

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

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

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

P05 サムネイル制作

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

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

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

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

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

P06 セミナー告知画像

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

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

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

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

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

P07 図解制作

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

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

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

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

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

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

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

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

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

気になる症状を1つ選んで、直しましょう。

← 1枚つくる練習に戻る

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

同じ内容を、どう直すか

飾りを減らすと、どこへ目が向くかを比べます。

← 1枚つくる練習に戻る

ImageGenで作った記事サムネイルと、装飾を追加した比較用画像を見比べます。完成画像を先に生成しており、初稿から改善した工程の実録ではありません。

完成画像に飾りを追加した比較用画像
装飾が競合する比較用画像
見出しとメモ用紙を主役にした完成画像
完成見本|見出し・余白・内容を伝える素材

完成画像を先に生成し、比較用に装飾を追加しています。修正工程の実録ではありません。

最初の診断

  • 止める:二重枠・星形・斜線が、見出しと視線を奪い合っている。
  • 伝える:メモ用紙の「担当・期限・行動」が、記事の内容を具体的に伝える。
  • クリックさせる:「会議の最後に何をするか」という本文の内容と画像の約束を照合する。

直す順番

  1. 見出し・補足・写真は維持する。
  2. 意味のない二重枠・星形・斜線を減らす。
  3. 削除した場所の背景が自然につながっているか確認する。
  4. 小さく表示し、文字・素材に意図しない変化がないか比較する。

見た目だけで売上・クリック率の改善は判定できません。実際に比較する場合は、変更要素と掲載条件をそろえて記録します。実際に使った生成プロンプトは用途別レシピと練習セットに収録しています。

学習の記録です。公開の許可ではありません。
STAGE 09

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

確認した根拠を入力し、記録を保存します。

← 1枚つくる練習に戻る

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

3つの判定

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

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

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

1. 内容・事実

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

2. 読みやすさ

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

3. ファイル仕様

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

4. 表示時の切れ

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

5. 遷移先との一致

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

6. 素材と利用条件

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

7. 公開する情報

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

8. 最終確認の担当

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

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

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

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

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

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

記録の例

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

学習の記録です。公開の許可ではありません。
STAGE 10

次の制作に、判断を残す

うまくいった条件を残し、次の制作に使います。

← 1枚つくる練習に戻る

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

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

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

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

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

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

次回の短い依頼文

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

振り返りで見るもの

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

学習の記録です。公開の許可ではありません。
STAGE 11

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

教材の出典と、使う際の補足です。

← 1枚つくる練習に戻る

媒体ごとの一覧は、別冊のサムネイル参考帳に掲載しています。本書は、制作の判断と応用手順を扱います。媒体仕様の確認日は2026年10月2日です。

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

学習の記録です。公開の許可ではありません。
最初の1枚1 / 3
進捗はこのブラウザに保存
MENU ☰