チラシを題材に、情報を整理し、視線の流れを設計し、デザインの理由をクライアントに伝える言葉へ変えていきます。前半の実習では、Canvaの実習問題を自分のフォルダへコピーして取り組みます。
「ひと目でわかる」デザインにするための情報整理、情報を目で追う視線の流れ、そしてクライアントに伝わる言葉でデザインを言語化する力を身につけます。
Webのバナーや広告は、まず見せてからクリック、ランディングページへ進むという段階的な流れをつくれます。一方、チラシは手に取ってもらわないと始まりません。さらに、チラシは1枚の中で「何の案内か」「なぜ興味を持つか」「次に何をするか」までを整理して見せる必要があります。
Webデザインができるようになっても、最初の相談がチラシという案件は少なくありません。チラシを学ぶことは、紙面だけでなく、限られた画面で情報を優先順位づけする力を鍛えることにもつながります。
「全部を載せる」ではなく、「この1枚を見た人に、最初に何を知ってほしいか」を決めるところから始めます。
初心者がつまずきやすいのは、①情報を全部入れる、②とりあえず並べる、③なんとなく配置する、の3つです。どれも「載せたい情報」から始めてしまうため、完成後に何のチラシなのか、一番大事な場所はどこなのかが分かりにくくなります。
Before：見出し、写真、料金、地図、説明を同じ強さで並べる。
After：まず「一番見せたいもの」を1つ決め、タイトルとビジュアルで上部に置く。その後に詳細と行動導線を整理します。
直す順番に迷ったら、装飾を足す前に「この1枚で最初に見せたいものは何か」を決めます。優先順位が決まると、削る情報と残す情報の判断がしやすくなります。
チラシを見た人が、その場でQRコードを読み、すぐ申し込むとは限りません。まずは「この近くにこんな店ができたんだ」「このイベントは気になる」と認知してもらうことが、チラシの大切な役割です。
読み終わった後の行動まで逆算すると、設計が変わります。ピザのチラシなら、今は注文しなくても冷蔵庫に貼って次に頼むときまで取っておいてもらう。マグネット型の水回り修理広告なら、冷蔵庫に貼られること自体が保存の仕掛けです。
出前や住宅リフォームのように、家でじっくり比較して問い合わせるカタログ型では、情報量を増やす設計も成立します。目的と読み方が違えば、適切な情報量も変わります。
チラシは、次の4要素を別々に置くのではなく、読む人が迷わない順番へ組み合わせます。
| 要素 | 役割 | 確認すること |
|---|---|---|
| タイトル | 何のチラシかを伝える | 一目で内容が分かるか |
| メインビジュアル | 興味を引き、見る理由をつくる | 商品・イベントの魅力が見えるか |
| 内容説明 | 詳細や条件を補足する | 必要な情報だけに絞れているか |
| 行動導線 | 申し込み、電話、LINE登録などへ導く | 次に何をすればよいか分かるか |
比率を固定値として覚える必要はありません。メインコピーが紙面の過半を占めるくらい大胆に扱い、残りの情報を必要な分だけ配置する、という感覚で判断します。
A4を縦に置いたとき、上部のタイトルとメインビジュアルで興味を引けなければ、下にどれだけ良い情報を書いても読まれません。最初に覚えるなら、この鉄則を優先します。
上：大胆なビジュアルとタイトルで、何の案内か・なぜ見るかを伝える。
下：日時、場所、料金、問い合わせ先などを、読み手が確認しやすい密度でまとめる。
横書きのチラシでは、視線が左上から右上へ進み、左下へ戻って右下へ抜ける「Z」の流れを意識できます。4要素をこの流れに合わせると、読む順番を設計しやすくなります。
たとえば地域イベントのチラシなら、左上に「父の日フェア」のタイトル、右上に会場の写真、左下に開催日時と内容、右下に地図と申し込み方法を置きます。視線の終点に行動導線を置くと、次に何をすればよいかが迷いにくくなります。
同じチラシの型を使い回すのではなく、商材の魅力と読み手の不安に合わせてパターンを選びます。
| 場面 | 最初に選ぶパターン | 理由 |
|---|---|---|
| ラーメンやパンなど、シズル感が強い | 写真ドーン！ | 写真の一瞬の魅力で興味を引きやすい |
| サービスへの不安が大きい | お客様の声／スタッフの顔 | 体験談や顔・地域性が安心材料になる |
| その場で申し込みにくいイベント | 売り込まない | 父の日フェアや子ども体験など、まず来場の理由をつくる |
| 他のチラシに埋もれやすい | ニュースペーパー風 | 大見出しから本文まで階層ができ、手に取るきっかけになる |
数字を入れるなら「激安」ではなく「最大60%OFF」、「大好評」ではなく「延べ利用者数3,600人突破」のように具体化します。クーポンや「チラシを見た」と伝える特典は保存と効果測定につながります。地図と店舗の外観写真も、実際に訪れるときの手がかりになります。
「なんとなく良いと思ったから」では、クライアントと判断を共有できません。デザイン上の選択を、見る人のメリットや目的と結びつけて説明します。
| 主観で止まる言い方 | クライアントに伝わる言い方 |
|---|---|
| この写真が好きだから使いました | 商品の質感が一目で伝わるため、メインビジュアルに使いました |
| 余白があった方がきれいだから | 情報のまとまりを分け、読み手が視線を休められるように余白を取りました |
| この色の方が合うと思いました | 最初に見せたい情報との対比をつくり、視線を集めるためにこの色を使いました |
〜のため、〜しました。
例：「初めて見る人にもイベント内容がすぐ伝わるため、タイトルを左上に大きく配置しました。」
実習に入る前に、次の5項目を確認します。すべて完璧でなくても、実習中に見直せれば大丈夫です。
実習アーカイブの目的は、次の3点です。
まずは実習問題を自分のフォルダへコピーしてから、答えの欄に書き込みます。きれいにまとめようとしなくて大丈夫です。自分の言葉で書いてみるところから始めましょう。
注意：必ず自分のフォルダにコピー／移動してから書き込みを始めてください。最初からきれいに整えようとせず、まずは「一番見せたいもの」と、その理由を書き出してみましょう。
今日のゴールは、Canvaでチラシを作成する準備と、ChatGPTでプロンプトを書くところまでです。画像を生成するSTEP2と、Canvaで仕上げるSTEP3は次回扱います。今日は前半で身につけた「言語化」を、AIへの指示に変える練習に集中しましょう。
前半で練習した「どこに、何を、どんな風に置くか」を言葉にする力は、クライアントへの説明だけでなく、AIへの指示にもそのまま使えます。AIは頭の中のイメージを自動で読み取る魔法ではなく、こちらが渡した言葉をもとに案をつくるアシスタントです。
プロンプトは、AIにお願いしたいことを整理して書いた指示文です。前半の実習で情報を分けて説明したように、作りたいもの・載せたい情報・置きたい場所を順番に書けば、初心者でも始められます。
AI三段活用では、ChatGPTで設計図をつくり、Geminiでデザインのたたき台をつくり、Canvaで仕上げます。役割を分けると、AIに全部を任せるのではなく、どこで人が判断するかが見えます。
今日は画像を生成しません。ChatGPTで「①チラシに載せるべき情報の整理」と「②Gemini画像生成用のプロンプト」を作るところまでです。Geminiで生成するSTEP2と、Canvaで仕上げるSTEP3は次回に続きます。
| 段階 | 役割 | 今日の扱い |
|---|---|---|
| STEP1 | ChatGPT＝設計図 | ここまで実習します |
| STEP2 | Gemini＝たたき台 | 次回 |
| STEP3 | Canva＝仕上げ | 次回 |
プロンプトを書く前に、ロゴ・キャラクター・画面のスクリーンショット・特徴を示す画像・QRコードなど、チラシに使いたい素材を集めます。素材自体が整っていれば、その上に指示を重ねていけます。
動画では、画像の拡張子が揃っておらず、途中でJPEGに変換し直す手戻りが起きていました。生成を始めてから止まらないよう、使う画像の形式を確認し、必要なら先にJPEGなどへ統一しておきましょう。
この下準備は、素材をたくさん集めることが目的ではありません。今回のチラシで本当に使うものだけを選び、ファイル名や内容を自分で説明できる状態にしておくことが大切です。
チラシのレイアウトは、上から順に位置を指定すると伝わりやすくなります。前半で確認したZの法則に沿って、視線が最初に向かう上部から、中央、下部へと書いていきます。
「どこに」＋「何を」＋「どんな風に」を1セットにします。たとえば「右下に、QRコードを、『今すぐ登録』という文字と一緒に」のように、場所・要素・見せ方をまとめます。
動画の実例では、トップに「パッと見て真似してすぐ使える」という文字情報を黄色い枠線とカーブしたアーチで置き、その下に目立つ緑色の文字、さらに下に2つの横並びブロックとモックアップを配置しています。下部には3つの特徴ブロック、最下部にはキャラクター・動画サムネイル2つ・「今すぐ無料登録」・アプリのQRコードを並べています。
最後に「チラシ内に入れる文字を、画像の中に埋め込まれるように設計してください」と加えるのがポイントです。AIは設計が9割なので、頭の中のラフをこの順番で言葉に変えてから生成へ進みます。
次回、実際に画像を生成するときの判断材料として、動画の比較結果を見ておきます。レイアウトの構成については、ChatGPTもGeminiも指示どおりに再現できており、どちらかが優れているとは扱いません。
| ツール | 動画で確認できた特徴 | 向いている場面 |
|---|---|---|
| ChatGPT | 文字量が増えると日本語が崩れやすい。モックアップなどの質感表現はよい。 | 文字が少ない案、質感を見たいラフ |
| Gemini | 日本語の文字が多くても正確に再現できた。 | 日本語の文字が多く入るチラシ |
日本語の文字が多く入るチラシにはGemini。ただし、今日は生成せず、使うツールを判断できる材料を持ち帰るところまでにします。
参考動画の時点では「モデル選択で思考モードにするとNano Bananaが使える」と解説されていましたが、現在は 3.6 Flash のままで後継の Nano Banana 2 が使えます。「強化版思考モード」にチェックを入れなくても問題ありません。ただしこの部分は頻繁に変わる可能性があります。画面が動画と違っていても慌てず、今出ているモデルをそのまま使ってください。
AIに背景を緑に変えるよう指示して再生成したところ、キャラクターの服まで消えてしまうことがあります。また、参照素材に写っていたキャラクターをAIが読み取り、似たキャラクターを追加してしまうこともあります。
「ここだけ直したい」と思っても、再生成では指定していない部分まで変わります。毎回、文字・服装・登場人物の数・色・配置を全体確認してください。
AIには最初から100点を求めず、まず70点のたたき台を出してもらうのが現実的です。細かな修正は次回STEP3のCanvaで行えば、必要な部分だけを人の判断で整えられます。
参考動画では、Googleが「Geminiで作成したコンテンツの所有権を主張しない」としている点、広告を含む商業利用では Google Workspace with Gemini や Vertex AI の利用が推奨されている点が紹介されていました。ただし規約は変わります。商用利用を前提とされる方は、必ずご自身で最新の内容をご確認ください。
ここでは動画内の説明を参考情報として紹介しています。利用可否をこの教材で断定せず、実際に公開・販売する前に、利用するサービスの最新の規約と用途を確認してください。
前半で行った情報整理・視線の流れ・5つの原則の言語化は、後半のプロンプト作成に直結します。AIは指示を形にするアシスタントなので、作りたいデザインを「どこに、何を、どんな風に」と説明できるほど、たたき台を確認する視点も持てます。
前半の実習で「答え」の欄に自分の言葉で書いたことを、後半ではチラシの材料としてプロンプトに加えます。言語化してからAIに渡し、最後は人が見比べて仕上げる流れを覚えましょう。
実習の目的：デザインを正確に表現する言語化トレーニング。AIを活用してCanvaでチラシを作成する準備。
注意：四角カッコ（[ ]）ごと、自分の内容に書き換えてください。カッコは残さなくて大丈夫です。
前半との接続：前半の実習で行った情報整理の「答え」も、自分のチラシの店名・商品・ターゲット・雰囲気などを考える材料にしてみましょう。
[例：テイクアウト始めました]、のチラシを作りたいです。 以下の条件をもとに、 ①チラシに載せるべき情報の整理 ②Gemini画像生成用のプロンプト を作ってください。 ■お店の情報 ・店名：[例：Wa Cafe] ・メイン商品：[例：だし巻き卵サンド] ・ターゲット：[例：近所に住む30〜50代の主婦] ・雰囲気：[例：和風だけど、少しおしゃれでカフェっぽい感じ] ■デザインの希望 ・全体の色味：[例：クリーム色＋抹茶色] ・ロゴも考えてください
ヒント：「ここをもっと詳しく書いたほうがいい?」とChatGPTに聞いてみるのも手です。足りない情報を教えてくれます。
今日はここで止めます。完成したプロンプトをGeminiへ渡して画像を生成するSTEP2と、Canvaで仕上げるSTEP3は次回です。
カードをクリックして裏返し、今日のポイントを確認しましょう。
チラシは1枚で伝える。だから情報整理が必要。
全部入れる・並べる・なんとなく置くを避ける。
最初に見せたい情報を1つ決める。
すぐ集客するより、保存・認知・次の行動を設計する。
タイトル・ビジュアル・詳細・行動導線。
上で興味を引けないと、下は読まれない。
左上→右上→左下→右下へ視線を導く。
「〜のため、〜しました。」で理由を説明する。
ChatGPT＝設計図、Gemini＝たたき台、Canva＝仕上げ。
今日は画像を生成せず、ChatGPTでプロンプトを作る。
素材を先に集め、画像の拡張子を揃えておく。
「どこに＋何を＋どんな風に」を上から順に書く。
再生成は指定した場所以外も含めて全体を作り直す。
AIには70点の案を出させ、細かな修正はCanvaで行う。
前半の実習で直したデザインと、後半で作ったプロンプトを見返し、「一番見せたいもの」をどこに置くか、AIに何をどう指示したかを1文で説明してみましょう。