デザインの良し悪しは、作る前に決まる〜AIに「どう作るか」を考えさせる6つの問い〜

親子向けイベントの告知を、
いい感じに作って。

これだけでも、AIはきれいな画像を返してくれます。

でも、その画像を見て「これでよい」と決められるでしょうか。

誰が見るのか。見た人に何をしてほしいのか。そこが決まっていなければ、色やレイアウトの良し悪しも判断できません。

この記事では、デザインを始める前に人が決める6つの問いと、その後の「どう作るか」をAIに考えさせる方法を紹介します。

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

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

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

🔽 申し込みはこちら

「いい感じに」では、合格を決められない

デザインの良し悪しは、見た目だけでは決まりません。届けたい相手が、必要な情報を理解し、次の行動へ進めるかで考えます。

たとえば、同じイベント告知でも、初めて教室を知る人と、参加を迷っている人では必要な情報が違います。

前者には「どんな体験ができるか」が入口になります。後者には「日時・場所・申込方法」が決め手になるかもしれません。

この違いを伝えずに作ると、AIは見た目を整えられても、どの情報を目立たせるべきか判断できません。修正のたびに「もっと目立たせて」「もう少しおしゃれに」と言うことになります。

制作前に決まるのは、完成品の点数ではなくデザインが向かう方向です。表現の精度は、作って確かめながら高めます。

関連note：曖昧な依頼を制作条件へ変える実務フローを紹介しています。

制作前に、人が決める6つの問い

一般的な5Wに、届ける相手を意味する Whom を加えた6つの問いです。Whoは発信者、Whomは受け手として分けます。

架空の「親子工作イベント」の告知なら、こう整理できます。

• Why｜目的：保護者が内容を理解し、参加を判断できるようにする

• Whom｜届ける相手：小学生の子どもと週末に体験を探している保護者

• Who｜発信者：地域の工作教室

• What｜伝えること：親子で作る内容と、参加の判断に必要な日時・場所・申込方法

• Where｜見る場所：スマートフォンのInstagramフィード

• When｜見る時：週末の予定を考える平日の夜

ここに書いた日時・場所・申込方法は、実際の案件では確認済みの情報を入れます。未定なら「未定」と残し、AIに作らせません。

6つを埋めると、デザインの注文が「おしゃれに」から「保護者が一目で内容をつかみ、詳細を確認できるように」へ変わります。

関連note：Webサイト向けに、6W2Hで情報を整理する考え方も紹介しています。

HowはAIに提案させ、人が選ぶ

6つの問いがそろったら、AIにはすぐ完成画像を作らせず、まず表現案を出してもらいます。

たとえば、次のように頼みます。

親子工作イベントのInstagram告知を考えてください。

Why：保護者が内容を理解し、参加を判断できるようにする
Whom：小学生の子どもと週末に体験を探している保護者
Who：地域の工作教室
What：親子で作る内容と、日時・場所・申込方法
Where：スマートフォンのInstagramフィード
When：週末の予定を考える平日の夜

最初に、情報の優先順位とレイアウトを2案提案してください。
各案について、保護者が最初に見る情報と、その理由を説明してください。
未確認の日時・場所・申込方法は作らず、不足情報として示してください。

出てきた案は、相手に必要な情報が先に目に入るか、発信者の印象と合うか、事実が正しいかで選びます。そのうえで制作し、実際の画面サイズでも読めるか確認します。

AIはHowの候補を速く出せます。ただし、どの案を採用するか、情報が正しいか、公開してよいかは人が判断します。

この見出し画像も、調べてから作り直した

最初の案は女性と6個のタイル。次は文字と図形だけ。

その後、人物と蛍光色を使いましたが、人物がこちらを指さす動作は記事の内容と結びついていませんでした。

そこで、見た目の強さは残し、「完成した見た目の下に、制作前の判断がある」というコンセプトを一枚にしました。

人物の顔、蛍光色、大きな文字をそろえても、それだけでは「よくある広告」でした。

人がなぜその動作をしているのかを記事の主張で説明できたとき、はじめてこの一枚らしい意外性が生まれました。

参考にしたのは、日本のnote記事の見出し画像です。

• note編集部のガイドは、記事の内容とのつながり、2:1の表示、小さくしても分かる大きな形や色面を重視しています。

• 実際のサムネイル15例を公開した記事では、短い大きな言葉と一つの写真・図を組み合わせています。

• 日本ベネックスの制作解説は、写真・文字・色を分けて考え、書体の印象まで吟味しています。

今回の6Wは次の通りです。

• Why｜目的：制作前に決めることがあると気づき、記事を開いてもらう

• Whom｜届ける相手：AIでバナーや資料を作るが、きれいでも伝わらないと感じる人

• Who｜発信者：川合卓也のAIとデザインの実務記事

• What｜伝えること：「デザインは作る前に決まる」

• Where｜見る場所：スマートフォンのnote記事一覧。見出し画像の表示比率は2:1

• When｜見る時：記事を開く前の短い一瞬

選んだHowは、人物が蛍光ライムの完成面をめくり、下の青い「6W」を見せる構図です。

めくる前に見えるのは大きな見出し。めくった後に現れるのは、デザインの方向を決めた6つの問いです。

人物の動作そのものに、この記事の主張を担わせました。

画像生成AIには「デザインは」「作る前に」「決まる。」「6W」の文字を一字一句指定。

青い面に置いた「決」だけ白にして、読みやすさも保っています。

以前の画像を編集素材にせず、同じ配色と文字の強さを引き継いで新規生成しました。

完成画像は1774×887pxの2:1です。320px幅で主文、顔、めくる動作、6Wが分かること、文字の誤りがないこと、背景に透過がないことを確認しました。クリックへの効果は公開後に検証します。

今日ひとつ作るなら、画像生成の前に6つの問いを書き出してみてください。空欄が見つかれば、それが最初に解くべきデザインの問題です。

関連note：デザインを好みだけで評価せず、品質基準を共有する実例です。

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

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

🔽 申し込みはこちら

AIを使って副業・マネタイズ・業務効率化を
本気で進めたいという方へ

相談会実施中（初回限定価格）

【お問い合わせ先】
法人研修・顧問: https://kawai-business.pages.dev/
セミナー登壇、動画出演: https://lp-seminar.pages.dev/
月次1on1: https://kawai-1on1.pages.dev/
その他: https://kawai-official.pages.dev/