AIでデザインをつくる：基礎編

AIをデザイン制作で活用する際の基本知識・考え方をまとめました。
デザイナーの方も、デザイナー以外の方もご覧いただける内容になっています。
※こちらのスライドは「Gemini Canvas」で生成しました。

Transcript

1. AIでデザインをつくる 基礎編 ※こちらのスライドはGemini Canvasで作成しました

2. 自己紹介 SNSでAIやデザインのことを発信中 
 最近のAIデザインやプロンプトについての記事 

4. 目的別使用ツール 画像生成 Nano Banana 1 基本：プロンプトを構造化 
 2 展開：Gemで型化する
 資料生成（一括） NotebookLM 一括ビジュアライズに適した 
 構造化と情報の整理 
 資料生成（可変） Gemini Canvas 再現性と可変性を重視した 
 Google Slideの生成
 ※Webサイトも生成可能 
 Googleアカウントで使用可能なツールに限定しています

5. 目的別使用ツール 画像生成 Nano Banana 1 基本：プロンプトを構造化 
 2 展開：Gemで型化する
 資料生成（一括） NotebookLM 一括ビジュアライズに適した 
 構造化と情報の整理 
 資料生成（可変） Gemini Canvas 再現性と可変性を重視した 
 Google Slideの生成
 ※Webサイトも生成可能 
 Googleアカウントで使用可能なツールに限定しています

6. 基本：プロンプトの構造化 参考出典：https://blog.google/products-and-platforms/products/gemini/prompting-tips-nano-banana-pro/
 企画・テーマ 何を作る？
 仕様 サイズは？
 構図 配置は？
 テキスト 文字は？
 ビジュアル 写真は？イラストは？
 トーン 全体の印象は？
 生成プロセス どういう手順で？

7. 完成したビジュアル ▶

8. プロンプトの書き方 “目的”によって書き方を使い分ける 構造化形式 YAML / Markdown 情報の重み付けが明確で、 AIがパラメータ を正確に把握しやすい形式。 
 文章形式 Natural Prose 自然な文章で文脈を伝える。細かいニュア ンスを指示する場合に有効。 
 Vibe形式 感覚的な言葉の羅列 雰囲気や空気感を優先。偶然性から新し い発見を得たい時に使用。 

9. 人間はディレクター、AIはデザイナー 01 Human：Director 方針/構成/コンセプトなど
 制作前に表現の方角を策定
 02 AI：Designer AIがつくる技術を高めていく
 人間はAIの特徴を理解し指示する
 03 Human：Director AIデザインを審美眼で選ぶ
 改善方針を指示する
 → →
10. AIの特徴を理解する：ビジュアル生成 ランダム性を許容する 詳細に構造化されたプロンプトでも、 1回目と2回目の生成で結 果が異なる場合が多いです。これは「そもそもデザインに正解 はない」という私たちが長年携わってきた領域に対する、 AIか らのアンサーです。
 プレイヤーの力を最大化する 方針を渡したのち、詳細は AIの創造性に委ねる。「解釈の余地 を与える指示」で答えに導く。丸投げはしないが、コントロール もしない。それがディレクション。 AIの力が解放される道をつく る。

11. AIの特徴を理解する：共通知識 コンテキストの共有 目的・方針を共有し、
 期待するアウトプットへ導く
 とにかく対話する 成功・失敗の理由を質問し、
 新たな発見を得る
 指摘で弱みを理解する 指摘をトリガーに自分（AI）の
 弱みを言語化してもらう
 コンテキストウィンドウ 広い本棚を有しているが、時折
 内容を忘れてしまう性質
 視覚情報の優先 画像の視覚情報は、テキストの
 数千倍の情報量を持つ
 肯定命令を心掛ける 否定指示は「無限の選択肢」を
 生んでしまうことを理解

12. AIにプロンプトを書いてもらう プロンプトを作成するためのプロンプトを 
 “メタプロンプト”といいます
 (AIからの回答イメージ) メタプロンプトの活用
 1：方針をAIに渡す 2：AIがプロンプトを書く 3：プロンプトを調整する 4：AIが生成する 5：4を選び、完成 詳しくは
 こちらの
 記事にて

13. AI活用、何が大事？ 言語化 構造化 方針を言葉にして、AIを動かそう 再現性を高め、仕組み化しよう 1. 2.
14. AIという“新しい道具”を 楽しく使っていきましょう!