【保存版】AIデザインの指示帳〜20の図解・全ケースの詳細指示・4案件の生成と修正実例〜（68,000文字超）

「もっと見やすくして」と頼んだら、良かった写真まで変わってしまった。

AIで資料や広告を作っていると、そんな修正の往復が起こります。

必要なのは、何を変え、何を残し、どこまでできたら完成にするかを伝えることです。

この指示帳は、デザインの専門用語を覚える前に、自分の資料・広告・Webページを整えたい人のために作りました。

「AIデザインの指示帳」シリーズの図解20枚を制作順にまとめ、各テーマに使い分け、つまずいたときの対処、詳しい指示文を追加しています。

基本の60本に加え、図解内の全163ケースに対応する詳細指示、失敗時の対処20本、4案件の生成・修正実例を収録しました。

図解はXでも紹介する内容です。

有料部分では、どの指示を選ぶか、失敗したらどこへ戻るか、実際の出力をどう判断するかまで扱います。

図解を探すための見本帳としても、ひとつの案件を最後まで進める実習としても使えます。

この指示帳に、特定のAIサービスの利用権、個別添削、売上や生成結果の保証は含まれません。

プロンプトはツールを限定しない指示文ですが、画像の添付・編集、HTMLの作成など、行いたい作業に対応した環境で使ってください。

4案件の比較画像は、今回実際に画像生成と修正を行った出力です。

ケース別の全テンプレートを、すべてのAIサービスで検証したものではありません。

実際に試した例と、応用するための指示集を区別して掲載しています。

見出し画像はAIで生成しました。
プロンプトは下記の記事に掲載中。
毎日プロンプトは増えていきます。

noteの執筆を自動化する方法はこちら

【 無料ウェビナーのお知らせ 】

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

🔽 申し込みはこちら

まず1か所、狙って直してみる

画像を添付できるAIなら、今作っている資料や広告を1枚渡し、次の指示から試せます。

添付画像の見出しと本文の間だけを、現在より少し広げてください。
見出しと本文はひとまとまりに見える距離を保ち、別の項目との間隔より狭くしてください。
文章、文字サイズ、写真、配色、全体の縦横比は変えないでください。
変更後は、余白以外に変わった箇所がないか、元画像と比較してください。

確認するのは、「余白が増えたか」だけではありません。

見出しと本文が読み分けやすくなり、別の項目と混ざらず、良かった部分が残っているかを見ます。

画像の部分修正で文字まで変わる場合は、編集できるHTMLやデザインデータで文字と余白を直す方法もあります。

指示を具体化しても崩れるなら、指示を長くするだけでなく、編集方法を変える。

これも、仕事で使うための判断です。

必要なテーマから使う

最初から順番に読む必要はありません。

• 作り始める前：01〜04で、目的・情報・判断材料を決めます。

• 置き方に迷ったとき：05〜09で、配置・グラフ・図解・LP・PCサイトを選びます。

• 印象や文字を整えるとき：10〜12で、雰囲気・配色・文字の強弱を決めます。

• 写真や人物を使うとき：13〜15で、構図・文字との組み合わせ・画風を選びます。

• できたものを直すとき：16〜20で、修正・装飾・細部・診断・公開前確認を進めます。

各テーマは、図解→補足→基本プロンプト3本→図解の各ケースに対応する詳細指示の順です。

基本のP01〜P60は入口、C01-01〜C20-06はケース別の指示、R01〜R20は失敗時の対処です。

基本とケース別は一部内容が重なるため、まとめて渡さず目的に合う1本を選びます。

完成まで通して見たい方は第6章、生成が崩れた方は第7章へ進んでください。

本記事内の検索で「C15-03」と探すと人物の3D化、「R04」と探すと配置が変わる問題へ移動できます。

新規制作から始めるなら、01→02→05→11→12→19→20を一つの道筋にしてください。

すでにある広告の文字が読めないなら14、何が変なのか分からないなら19から入れます。

プロンプトを全部まとめて渡さず、今の作業に必要な1本を選んで使います。

［ ］は自分の情報に置き換えます。

「添付」とあるものは実際にファイルを渡し、同じ会話に情報がなければ、確定原稿や条件も再掲してください。

共通の依頼メモとして、次の項目を先に用意しておくと便利です。

作るもの・サイズ：［例：動画サムネイル、1280×720px、16:9］
見る人と場面：［例：コーヒー初心者がスマホの動画一覧で選ぶ］
見た後の行動：［例：淹れ方の動画を見る］
最初に伝えること：［例：コーヒー入門］
掲載する確定原稿：［全文］
使用する素材：［添付したファイル名と用途］
保持するもの：［ロゴ、商品形状、数値、原稿など］
今回変えること：［1つの作業］
未確定の情報：［推測で埋めず、質問してほしい項目］
完成の確認方法：［実際の表示サイズ、原稿照合など］

ここからは、20テーマの指示集、4案件の実践、失敗時の対処へ進みます。

1．何を伝えるかを決める

まずは目的と情報を整理します。

形や色の前に、読み手が何を理解すればよいかを決める段階です。

01｜制作の順番を決める

最初に完成画像を求めると、文字・写真・配色のどれが問題なのか判断しにくくなります。

目的、読者、元情報、優先順位を決めてから、ラフ、表現、部分修正、使用場面での確認へ進みます。

図解の05〜08は、同じ16:9のコーヒー入門サムネイルが徐々に完成する例です。

07で単体を整え、08でスマホの動画一覧に置いて判断します。

つまずいたら

拡大表示では読めても、一覧では小さな説明が消えます。

最後は縮小した画面で主題と対象者が伝わるかを見て、伝わらなければ文字を足す前に主役を大きくします。

P01｜まず使う指示