キービジュアル・広告・SNS画像

015工程のうち1

伝える内容と構図を考える

画像で最初に伝えることを一つ決め、文字、写真、ロゴの優先順位と掲載先の制約を書き出します。

分担

• 人判断：最初に伝えることと、載せる情報を決める
• AI載せる情報に優先順位の案を付け、掲載先の制約と構図の方向の候補を整理する
• 掲載の担当SNSや広告の運用を別の人が担当している場合、表示時に重なる範囲や文字の制限などの規定を伝える

材料

伝えたい内容、ネーミング・コピーのガイドで作った言葉の記録、掲載する媒体とサイズ

成果

最初に伝えることの一文、情報の優先順位、掲載先ごとの制約

考え方

告知画像には、見る人が一瞬で読み取る内容と、近づいて読む内容があります。最初に伝えることを一つ決め、残りの情報に順位を付けます。すべてを同じ大きさで載せると、どれも読まれません。優先順位は、工程04で小さなサイズへ展開するときに、何を省くかを決める基準にもなります。

掲載先によって、画像の上に表示される要素が違います。SNSの縦長の表示では上下にアカウント名やボタンが重なり、広告枠では文字の面積に制限がある場合があります。こうした条件は媒体の規定や運用の担当に確かめ、構図を考える前の制約として扱います。

推奨と理由

1. 最初に伝えることを一つに絞り、他の情報に順位を付ける

   理由順位があれば、展開のときにサイズごとに省く情報を同じ基準で決められ、サイズによって伝える内容が変わることを防げます。

2. 掲載先で重なる要素と制限を、構図の前に書き出す

   理由構図を決めた後に重なりが分かると、代表サイズから作り直すことになります。

次へ進む目安

• 最初に伝えることが一文で書ける
• 情報の優先順位と、掲載先ごとの制約が書かれている
• 載せる言葉の確認状況が分かっている

025工程のうち2

ラフを比べる

構図の違うラフを同じ情報量で並べ、代表サイズで仕上げる構図を選びます。

分担

• AI画像生成やデザインツールを使って結果を確かめられる環境があれば、構図の違うラフを作る
• デザイナー担当している場合、ラフを作るか、AIのラフを整える。AIがラフを作れない場合も担う
• 人判断：代表サイズで仕上げる構図を選ぶ

材料

工程01の優先順位と制約、ブランド方針のデザインのルール

成果

選んだ構図と、選ばなかった構図の理由

考え方

ラフを比べるときは、すべての案に同じ情報を入れます。ある案だけ文字が少ないと、その案がすっきり見えて選ばれますが、仕上げの段階で文字を足すと構図が崩れます。比べる対象を構図の違いだけにします。

ラフは、画面いっぱいに拡大した状態に加えて、実際に表示される大きさでも見ます。SNSでは多くの人が一覧の中の縮んだ画像を最初に見ます。拡大した状態だけで選ぶと、一覧で名前が読めない構図を選ぶことがあります。

判断の材料と合否

判断すること

どの構図を代表サイズで仕上げるか

材料

同じ情報量で作った構図の違うラフ、一覧表示の大きさに縮めた状態、ブランド方針、工程01の優先順位

合格の条件

縮めた状態で最初に伝えることが最初に目に入り、方針の避けたい誤解に当たらない

満たさないとき

どのラフでも最初に伝えることが目立たなければ工程01へ戻り、載せる情報の量か順位を見直します。

推奨と理由

1. 全案に同じ情報量を入れる

   理由情報量の違いが印象の違いになり、構図そのものを比べられなくなります。

2. 一覧表示の大きさでも見る

   理由縮んだ状態で読めない画像は、見た人が開く前に通り過ぎられます。

次へ進む目安

• 選んだ構図で、最初に伝えることが縮小表示でも読める
• 選ばなかった構図とその理由が記録されている

035工程のうち3

代表サイズで仕上げる

選んだ構図を代表サイズで仕上げ、文字、ロゴ、素材の正確さと読みやすさを確かめます。

分担

• AI編集できるデザインファイルを扱える環境があれば、仕上げの案を作り、文字の大きさや余白を調整する
• デザイナー担当している場合、仕上げ、または最終調整を行う。AIがファイルを扱えない場合も担う
• 人判断：代表サイズのデザインを確定し、展開へ進めるかを決める

材料

工程02で選んだ構図、正式なロゴと素材、ネーミング・コピーのガイドの言葉の記録。挿絵を使う場合は、イラスト・画像素材のガイドで書き出した素材

成果

確定した代表サイズのデザインファイル、素材の出どころと使用条件の記録

考え方

仕上げでは、ロゴを正式な素材から配置し、比率や色を変えません。生成した画像の中にロゴや文字を描かせると、形や綴りが崩れることがあります。正確さが必要な文字は編集できるテキストとして置き、言葉の記録と一字ずつ照らし合わせます。

写真や素材の出どころも、この段階で記録します。自分たちで撮影した写真、購入した素材、生成した画像では、使える範囲が違います。生成した画像を使う場合は、利用したサービスの条件と案件の取り決めに沿っているかを確かめます。

判断の材料と合否

判断すること

代表サイズのデザインを確定し、他のサイズへ展開してよいか

材料

実寸と縮小表示の画像、使ったロゴと素材の出どころ、言葉の記録

合格の条件

実寸と縮小の両方で文字が読め、ロゴが正式な素材のままで、文字が言葉の記録と一致する

満たさないとき

読めなければ文字の大きさや情報量を調整します。構図が方向に合わなくなったら工程02へ戻ります。

推奨と理由

1. ロゴと正確な文字は、生成させずに配置する

   理由生成した文字やロゴは細部が崩れやすく、気づかずに書き出すと誤った表記が公開されます。

2. 実寸と縮小の両方で確かめてから確定する

   理由展開の後で読めないことが分かると、全サイズを直すことになります。

次へ進む目安

• ロゴが正式な素材で、比率と色が指定どおり
• 文字が言葉の記録と一致する
• 素材の出どころと使用条件が記録されている

045工程のうち4

他の媒体やサイズに展開する

代表サイズの構図と優先順位を保ったまま、他の媒体やサイズの画像を作ります。

分担

• AIサイズごとの配置の案を作り、省いた情報やトリミングの変更点を記録する
• 別の担当代表が確定した後、サイズごとに分担して制作する（並行）
• 人判断：各サイズで最初に伝えることが保たれているかを確かめ、分担した結果をそろえる

材料

確定した代表サイズのデザインファイル、工程01の優先順位と制約

成果

全サイズのデザインと、サイズごとの変更点の記録

考え方

展開では、代表サイズの構図を、各サイズの比率と表示条件に合わせて組み替えます。縦長では情報を縦に積み、横長のバナーでは文字を減らします。どの情報を省くかは、その場の見た目で決めず、工程01の優先順位の低いものから省きます。

サイズごとに分担して作る場合は、代表サイズのデザインファイル、言葉の記録、優先順位、変えてはいけない要素を全員に渡し、最後に一人がそろえます。あるサイズで構図を大きく変える必要が出たら、代表サイズの判断に問題がある可能性があるため、工程03へ戻って確かめます。

推奨と理由

1. 省く情報は、優先順位の低い順に決める

   理由見た目で省くと、サイズによって伝える内容が変わり、どの画像を見た人にも同じことを伝えるという目的から外れます。

2. サイズごとの変更点を記録する

   理由後で文字を修正するとき、どのサイズでどの配置を変えたかが分かれば、修正漏れを防げます。

次へ進む目安

• すべてのサイズで、最初に伝えることが保たれている
• サイズごとの変更点が記録されている

055工程のうち5

画像を書き出して点検する

掲載先の形式で画像を書き出し、書き出した画像そのものを点検して掲載へ渡します。

分担

• AI書き出した画像を開いて確かめられる環境があれば、書き出しの設定を規定と照らし、点検の項目に沿って確かめる。ない場合は点検表を作り、人が確かめる
• 人判断：書き出した画像を確かめ、掲載へ渡すかを決める
• 掲載の担当案件で決めた担当と承認の流れに従って、投稿や入稿を行う

材料

全サイズのデザイン、掲載先の形式と容量の規定、言葉の記録と名前の確認状況

成果

書き出した画像と点検の記録

考え方

点検は、書き出した画像ファイルを開いて行います。デザインツールの表示と書き出した画像では、圧縮や色の変換で見え方が変わることがあります。文字、ロゴ、端の見切れ、細い線のつぶれを、掲載先と同じ大きさで確かめます。

掲載や投稿をいつ誰が行うかは、案件の取り決めに従います。点検が終わった画像でも、公開の承認が別に必要な場合があります。名前の権利の確認が終わっていなければ、確認が済むまで掲載を待ちます。

判断の材料と合否

判断すること

書き出した画像を掲載へ渡してよいか

材料

書き出した画像ファイル、掲載先の形式と容量の規定、言葉の記録と確認結果、下書きや限定公開で見た表示（確かめられる場合）

合格の条件

全サイズで文字、ロゴ、見切れに問題がなく、形式と容量が規定に収まり、名前の確認が済んでいる

満たさないとき

圧縮で細部が崩れれば、書き出しの設定か素材の扱いを直します。見切れがあれば工程04の配置を直します。名前が使えないと分かったら、ネーミング・コピーのガイドの工程03へ戻り、候補を選び直してもらいます。

推奨と理由

1. 書き出したファイルで点検する

   理由圧縮による崩れは、書き出した画像にしか表れません。

2. 掲載先にアップロードしたときの表示も確かめる

   理由掲載先が独自に圧縮や切り抜きを行う場合があり、ファイルだけでは分からない変化があります。下書き保存や限定公開で確かめられる場合に、案件の取り決めの範囲で行います。

次へ進む目安

• 書き出した全サイズで、文字、ロゴ、見切れに問題がない
• 形式と容量が規定に収まっている
• 名前の確認が済み、掲載の承認の流れが分かっている

成果を渡す先

点検した画像は、案件の取り決めに従って掲載へ渡します。制作の途中で他のガイドの成果が必要になったときや、同じ告知を別の形で出すときは、次の表の時点と内容で受け渡します。

このガイドへ戻るとき

載せる言葉と確認状況を確かめ直す必要が出たときは、ネーミング・コピーのガイドの工程05の記録を参照します。名前が使えないと分かって言葉が差し替わったときや、イラスト・画像素材のガイドで書き出した素材を組み込むときは、このガイドの工程03から仕上げ直し、展開と点検をやり直します。