LINEスタンプ販売中!
←前のレッスン画像を作る目的と利用場所を決めるAI画像生成コース

コース責任者:ヨハク先生

構図と視線の流れを設計する

このレッスンの担当:ヨハク先生

主役、余白、視線方向を決め、情報を置ける構図を作ります。

AI | レッスン 02 | 基礎

この端末に保存

画像の要素がすべて目立つと、見る人はどこから見ればよいか迷います。

構図とは、主役、背景、文字領域の位置と大きさを決めることです。

特定の配置を使えば必ず良くなるのではなく、一枚の役割へ合う視線の流れを作ります。

このレッスンでは、架空の講座告知を中央、三分割、余白重視の3案で考えます。

主役の選び方、余白の確保、切り抜きへの対応、実際の文字を載せた確認を学びます。

この記事で学ぶこと

  • 主役と補助の役割を分けます。
  • 余白の位置と用途を具体化します。
  • 切り抜いた掲載状態で比べます。

最初に見せる主役を一つ選ぶ

主役は、画像を見たとき最初に気づいてほしい要素です。

人物、商品、文字など、何を優先するかを一つ決めます。

大きさだけでなく、周囲との明暗差や鮮やかさも目立ち方へ影響します。

主役を大きくしても、背景の強い光が目立てば、視線がそちらへ流れることがあります。

主役以外の要素を抑えることも構図の一部です。

架空の講座告知で見出しが中心なら、人物は内容を補う大きさにできます。

人物の表情を見せる紹介なら、顔を主役にし、文字は短くします。

どちらも同時に最大へすると競合します。

画像の役割を一文で書き、その役割を最もよく伝える要素へ面積と明暗差を配分してください。

飾りを足す前に、主役だけでもテーマが分かるか確かめます。

主役を一つにすることは、要素を一つしか置かないことではありません。

机や小物は場面を説明する補助になります。

ただし補助が多すぎると、縮小時に細かな模様へ変わります。

何を消しても意味が変わらないかを考え、不要な物を減らします。

生成指示でも「机上の小物はノートとペンのみ」のように、場面へ必要な物を具体的に限定すると確認しやすくなります。

配置の型を用途で選ぶ

中央配置は主役を安定して見せたいとき、左右へ分ける配置は画像と文字を並べたいときに使えます。

三分割は画面を縦横それぞれ3つに分ける考え方で、交点や分割線付近へ主役を置くときの目安です。

絶対的な規則ではありません。

商品を正確に見せる画像では、中央に置いた方が合うこともあります。

架空の告知を3案にするなら、A案は人物を中央に置き上へ見出し、B案は右側へ人物を寄せ左へ見出し、C案は人物を小さくして広い余白を残します。

同じ人物と配色を使うと、配置の違いを比べやすくなります。

単に「三分割で」と指示するだけでなく、主役と文字領域の位置を言葉で示してください。

配置を選ぶ基準は、掲載する文字量と、何を一番見せたいかです。

長い見出しなら左右分割でも窮屈になることがあり、文字そのものを短くする判断が必要です。

正方形と横長では同じ比率の配置が働くとは限りません。

型に合うよう内容を押し込むより、内容を載せた状態で、主役と説明が競合しない構図を選びます。

構図を比較するときは、人物の表情や背景の色を大きく変えない方が、位置の違いへ注目できます。

まず四角と丸だけで主役と文字の領域を表した下書きを作っても十分です。

精細な生成へ進む前に、必要な文字が置けるかを判断できれば、使えない構図を仕上げる時間を減らせます。

余白を情報のために確保する

余白は何もない失敗ではなく、主役を見やすくし、文字を置くための領域です。

白一色である必要はありませんが、強い柄や細かな物が少ないほど文字を重ねやすくなります。

画像を作ってから空いた場所を探すのではなく、何行の文字をどこへ置くかを先に決めます。

余白の大きさは、実際の文言を仮置きして確かめてください。

架空の講座画像なら、「左側は見出し3行と補足1行のために、淡い無地の壁を広く残す」と指示できます。

「余白多め」だけでは、画像の上下へ空くかもしれません。

右に人物、左に文字という用途を含めて伝えます。

背景が明るくても、影や窓枠が文字の後ろを横切ると読みづらいため、余白の中に何があるかも確認します。

余白が広すぎて主役が小さく見えなくなる場合は、役割へ戻ります。

雰囲気を示す記事画像なら小さな人物でもよい一方、表情が必要な人物紹介では不足します。

文字を載せない用途へ展開するときは、余白をそのまま残す必要もありません。

用途別に主役の大きさを調整し、同じ一枚をすべての場所へ無理に使わないことが大切です。

向きと明暗で見る順番を整える

人物の顔や身体の向き、物の並び、明暗の差は、見る場所を案内する手がかりになります。

例えば人物が文字領域へ向いていると、画像と文字の関係を作りやすくなります。

ただし、視線の向きだけで見る順番が必ず決まるわけではありません。

文字の大きさや色も含めて、一枚の中で目立つ順番を確認します。

架空の左右分割案では、右の人物が左のメモへ目を向け、左上に見出しを置く構成が考えられます。

背景の右端に強い光があると、画面外へ注意が向くかもしれません。

その場合は光を弱め、見出し付近の明暗を整えます。

画像生成へ「視線を誘導して」とだけ頼むより、人物の向きと明るい場所を具体的に指定すると修正の対象が明確になります。

確認では、少し離れて見る、縮小する、短時間だけ見るなどの方法を使えます。

最初に何に気づいたかを第三者へ聞くのも有効です。

ただし少人数の感想で全読者の反応を決めつけないでください。

意図と違う要素が繰り返し挙がる場合は、大きさや明暗を変える候補になります。

装飾を足して目立たせる前に、競合する要素を減らす方法を試します。

切り抜きと実際の文字で検証する

構図は、生成画像を単体で見て終わりにしません。

掲載枠へ入れ、実際の見出しを載せた状態で確認します。

端にある顔、商品、文字が切れないか、操作ボタンなどに隠れないかを見ます。

掲載先の自動切り抜きがある場合は、その表示で評価する必要があります。

元画像が整っていても、表示時に意味が欠ければ修正が必要です。

架空の横長画像を正方形へ切り抜いたら、人物の半分と見出しが消えたとします。

小さく縮めて全部を入れると文字が読めなくなるなら、正方形用に並べ直します。

人物を下、見出しを上にするなど、同じ内容でも構図は変えられます。

共通する色や人物を保ちながら、用途ごとの位置関係を作ることが展開です。

候補を選ぶときは、主役の識別、文字領域、切り抜きへの強さの3点で比べます。

点数を付けても、必須の文字が置けない案は採用しません。

選ばなかった案の良い部分を無理に全部足すと、最初の主役がぼやけます。

採用した構図と理由を短く残し、次の生成や修正でも同じ判断基準を使えるようにしてください。

実践課題

同じ題材で3つの構図を設計する

架空の講座告知を題材に、中央、左右分割、余白重視の3案を紙や図形で作ります。

精密な絵は不要です。

人物の位置、見出しの範囲、主役の大きさが分かる下書きと、採用理由を保存してください。

  1. 主役と実際に載せる見出しを決めます。
  2. 同じ配色と題材で3案の配置を描きます。
  3. 掲載サイズへ縮小し、見出しと主役の見え方を比べます。
  4. 最も用途へ合う案を選び、生成指示へ位置関係を書きます。

完成例(架空):右3分の1に机で作業する人物、左側に見出し3行。

人物は左へ向き、左の背景は淡い無地。

左右分割案を選ぶ理由は、実際の見出しを載せても人物の顔が隠れないためです。

自己確認

  • 主役がどれかすぐ分かりますか。
  • 実際の文字を置く余白がありますか。
  • 掲載枠で重要な部分が切れませんか。

まとめ

構図は、主役と文字の優先順位を位置、大きさ、余白、明暗で表す設計です。

中央や三分割の型を固定の正解にせず、使う場面へ合わせて選びます。

次の画像では3案を簡単な図で比較し、実際の見出しを載せてから生成する配置を決めましょう。

  • 主役と補助の役割を分けます。
  • 余白の位置と用途を具体化します。
  • 切り抜いた掲載状態で比べます。

次に知りたいことは?

仕事で困っていることを、次の教材づくりに生かします。

困りごとを送る

作った画像の改善点を、整理したい方へ

画像の用途と、生成した案・指示文を整理して、個別相談の内容をご覧ください。

個別相談の内容を見る
次のレッスン被写体・背景・光・画風を分けて指示する→
カワイ校長

今日は何学ぶ?

1分でわかる、大学の使い方

「はじめに」でいつでも見られます