2026年8月26日(水)・Canvaデザインコース

AIデザインの可能性と限界を知る

前半でAIへの指示と人間の情報設計を学び、後半で構造化プロンプトとAIデザインツールを課題制作へ活用します。

今日の学習ゴール

AIにデザインを頼むときの階層構造と情報設計を学び、AIの60点を人間が120点へ引き上げる視点を持ちます。後半はGemini・Nano Banana Pro・Lovart AIを実際に動かし、コース課題へ活用します。

Day 11前半 AIの可能性と限界を知る
Day 11後半 AIデザインツールを実際に使ってみよう
01

AIは優秀なアシスタント、あなたが「ディレクター」

AIデザインの可能性と今日の視点

AIは案を出し、整える作業を速くしてくれる優秀なアシスタントです。ただし、何を作るか・誰に届けるか・どこを直すかを決めるのは人間です。今日の目標は、AIの出力をそのまま使うのではなく、60点を120点へ引き上げるディレクションの視点を持つことです。

役割分担

AI=案を出す・比較する・作業を補助する。人間=目的を決める・良し悪しを判断する・責任を持って整える。

AIにUIデザインを頼んでもダサくなる本当の理由 BONO-カイクン・18:48
02

AIの進化と「そのまま使うと壁にぶつかる」問題

AIデザインの進化
AIへ丸投げすると平均的な結果になる

「いい感じにして」という指示だけで完成品を求めると、AIは学習した世の中の平均に寄った案を返します。見た目が整っていても、目的やブランドに合うとは限りません。

丸投げの指示ディレクターの指示
おしゃれな画面を作って誰に何をしてほしい画面か、雰囲気・部品・優先順位を指定する
いい感じに直して余白、色、見出しの役割など変更点を具体化する
03

失敗の原因は「土台」を飛ばして「完成品」を求めること

デザインの階層構造
テイストとトークン
コンポーネントから画面へ

デザインは、テイスト→トークン→コンポーネント→画面の4階層で考えます。いきなり画面を作らせず、①雰囲気と色・角丸・フォントサイズを決める、②ボタンやカードなど部品を作る、③最後に画面へ組み立てる、の順にAIへ指示します。

実務での分解例

「カフェ予約画面」なら、まず落ち着いた温かさというテイスト、次にベージュ・角丸12px・見出し24pxというトークン、次に予約ボタンとカード、最後に画面全体です。

04

AIの最大の弱点は「人間の感情」が読めないこと

AIには情報設計の判断が難しい

AIはピクセルを配置できますが、人間の欲望・行動心理を読んで「何を先に見せるか」「どの情報を近づけるか」を決める情報設計は人間の判断が必要です。見た目の好みではなく、相手が次に何をするかから配置を考えます。

確認の問い

この画面を初めて見る人は、最初に何を知り、次に何を押すべきか。答えが曖昧ならAIに修正を頼む前に目的を見直します。

05

AIがよくやる情報設計の3つのミス

AI生成デザインの添削例
60点を120点へ引き上げる
  1. トーンのズレ:コピーが親しみやすいのに装飾だけ高級、など言葉と見た目が別方向になる
  2. 距離の不自然さ:地図と最寄り駅のように、関連する情報が離れて読み取りにくくなる
  3. 情報の重複:同じ意味の訴求を複数置き、かえって何を伝えたいかがぼやける

修正は「目的に必要か」→「関連情報は近いか」→「同じ意味が重複していないか」の順で確認します。

AIデザインをプロが添削 まりの・14:51
06

明日からできる3つのアクション

AIデザインを使いこなす3つの行動
観察と分解を習慣にする
  1. 自分のデザインに「なぜ?」を5回問う
  2. 優れたデザインを観察し、テイスト・部品・情報の順に分解する
  3. AIを使うのをやめず、指示と判断をする側に回る

今日からの小さな練習

毎日見るアプリや広告を1つ選び、「誰に、何を、次に何をしてほしいか」をメモしてからAIへ分析を頼みます。

07

適材適所のキャスティング:得意なAIモデルは違う

AIモデルはカテゴリーで得意分野が違う
AIキャスティング・マトリックス

AIは1つに決め打ちせず、作りたいものに合わせて選びます。デザインアリーナの紹介では、画像生成はGPT Image 2(圧倒的優位)、スライド・Webサイト・ゲームはClaude→Gemini→GPT、SVG(ベクター画像)はGeminiが強いという結果でした。

作りたいもの動画で紹介された傾向
画像・ロゴ生成GPT Image 2
スライド・Webサイト・ゲームClaude→Gemini→GPT
SVGGemini

このベンチマークは見た目の評価で、リンクや操作などの実際の挙動を評価したものではありません。

生成AIデザイン力No.1はこれだ 安野貴博・11:22
08

まとめ:丸投げをやめ、構造と心理を操るディレクターへ

AIを使う側に回る

良いAIデザインは、完成品を一発で出させることではありません。目的と相手を定め、階層を分解して指示し、情報設計を人間が判断し、作りたいものに合うモデルを選ぶ。この流れが、AIとの協働を再現可能にします。

前半実習:身近なデザインをAIディレクターの視点で分解する

目的:普段見るアプリ・広告などを1つ選び、階層構造と情報設計の理由を考える。

  1. アプリ、広告、Webページから観察するデザインを1つ選ぶ
  2. テイスト→トークン(色・角丸・フォントサイズ)→コンポーネント→画面の順に、見つけた特徴を書く
  3. 「誰に、何を、次に何をしてほしいか」を書き、情報の順番・近接・重複を確認する
  4. AIに「このデザインがこの配置になっている理由を、Target/Message/Resultで分析してください」と相談する
作業タイマー押すと背面で計測します。
01

本日のアジェンダ:AIを優秀なアシスタントにする4ステップ

後半の4ステップ
  1. 魔法を体感する
  2. 構造化プロンプトのコツを学ぶ
  3. Lovart AIで応用する
  4. コース課題で実践する

後半は実演の流れを見ながら、どの指示が結果に影響したのかを分解します。

02

実例:たった15〜30分でこれ全部作れる

記事・画像・データグラフを一気に作る実例

Gemini(思考モード)とNano Banana Proを使い、記事本文・サムネイル画像・データグラフを短時間で作る実演です。速さの秘密は、生成前に要件を整理していることです。

完成品を鵜呑みにしない

短時間で作れても、事実・数字・著作権・読みやすさは人間が確認してから公開します。

デザイナー監修の最強プロンプトで全員プロへ NewsPicks・16:04
03

AIを動かす魔法の言葉「構造化プロンプト」

要件定義書のような構造化プロンプト

AIへの指示は、要件定義書のように書きます。書き出しは「〇〇の要件定義を理解し、△△を作成してください」。目的、対象、成果物、制約、確認方法を順に置くと、AIが迷いにくくなります。

記事の要件定義を理解し、初心者向けの記事を作成してください。
対象:Canvaを初めて使う人
目的:次の行動が分かること
形式:見出しと箇条書き
04

構造化のコツ①:絶対に外せない3つの要素

Target Message Resultの3要素
要素決めること
誰に(Target)どんな人へ届けるか
何を(Message)何を伝えるか
どうなってほしいか(Result)読後・閲覧後に何をしてほしいか

「誰にでも分かる画像」ではなく、「初めてCanvaを使う人が、保存して試したくなる画像」のように結果まで書きます。

05

構造化のコツ②:ハッシュタグ(#)で「階層」を教える

ハッシュタグで見出し階層を指定する

#を見出しの階層として使います。#1個を大見出し、##2個を中見出しとして、AIに情報のまとまりと優先順位を伝えます。

指示文の骨組み

#目的、#対象、#成果物、##トーン、##避けることのように並べます。

06

構造化のコツ③:統一感を出す「配色の黄金比」

ベース70・メイン25・アクセント5の配色

画像生成前に、ベースカラー70%・メインカラー25%・アクセントカラー5%の役割を決めます。さらにカラーコードや使用場所を指定すると、複数の制作物で統一しやすくなります。

役割目安
ベース背景など全体の70%
メイン主役の面や見出しの25%
アクセント行動を促す部分の5%
07

構造化のコツ④:手書きの「ラフ」を写真で渡す

手書きレイアウトを参照画像として渡す

言葉だけで構図を説明しにくいときは、手書きのラフを撮影して「これを参照して」と添えます。写真は文字が読め、全体の配置が分かる明るさで撮り、ラフは完成デザインではなく構図の材料として扱います。

08

構造化のコツ⑤:生成後はチャットで「微調整」する

生成後にチャットで微調整する

一度で完璧を求めず、結果を見て修正点を1つずつ伝えます。「人物のテイストをリアルに」「このテキストだけ消して」のように対象を限定すると、意図しない変更を減らせます。

修正の順番

大きな構図→人物や素材→色→テキストの順に直し、毎回どこが変わったかを確認します。

09

応用編:テーマを入れるだけ?Lovart AIと「メタプロンプト」

Lovart AIで漫画広告を自動生成する
悩みから商品紹介までの4コマ構成

メタプロンプトは、テーマという変数からキャラクター設定や漫画生成用の指示を組み立てる仕組みです。実演では、悩み(共感)→提案(挫折)→解決(変化)→商品紹介(要因)の4コマ漫画広告を作ります。

テーマだけで任せるのではなく、誰の何を解決する広告か、コマごとの役割まで定義すると、成果物を確認しやすくなります。

AI画像生成でデザイン制作を自動化するプロの業務改善術 メイカラ・24:35
10

漫画生成のコツ:キャラクターを「先」に作って安定させる

キャラクターを先に生成して参照させる

先にキャラクターシートを作り、後続のプロンプトで「主人公はこの画像をまねて」と参照させます。コマごとにゼロから人物を作るより、顔や服装のブレを確認しやすくなります。

人間の確認ポイント

キャラクターの一貫性だけでなく、各コマの順番、コピー、商品情報が意図どおりかを人間が確認します。

11

Lovart AIでできること一覧

Lovart AIの機能一覧

Lovart AIは、画像・動画・3D生成に加え、アップスケール、背景除去、モックアップ、アスペクト比の拡張などを1画面で扱えるAIデザインエージェントです。複数の機能を使う場合も、先に目的と確認項目を決めてから進めます。

画像編集から動画制作までLovartがヤバイ RKJ VIDEO・8:59
12

実務で役立つ神機能:モックアップ&文字差し替え

ロゴを商品へ合成し画像内テキストを差し替える

モックアップではロゴをコーヒーカップなどへ自然に合成し、完成イメージを確認できます。画像内テキストの差し替えでは、文字だけを検出して変更できます。

公開前の注意

自動合成や文字変更の後は、ロゴの形・文字の誤り・商品との比率を拡大して確認します。AIの見た目が自然でも、情報が正しいとは限りません。

13

【実践ワーク】コース課題にAIを組み込んでみよう

AIを活用してコース課題を進める

シャンプー・スイーツ・ファッションから1つ選び、AIと会話しながら要件定義や配色を決め、Canvaと組み合わせてロゴ・名刺・PRフライヤーを制作します。今日紹介したツールのいずれかを1回使い、どこをAIに任せ、どこを自分で判断したかを記録します。

後半実習:AIデザインツールを1回使ってみる

必須:Gemini/Nano Banana Pro/Lovart AIのいずれかを1回使う。発展:コース課題の制作へAIを組み込む。

  1. シャンプー・スイーツ・ファッションから、制作したいテーマを1つ選ぶ
  2. 誰に・何を・どうなってほしいかを決める
  3. 「要件定義を理解し、〇〇を作成してください」から始める構造化プロンプトを作る
  4. 生成結果を、目的・情報の順番・色・文字の誤りの観点で確認し、1点ずつ修正する
  5. どこをAIに任せ、どこを自分で判断したかをメモする
作業タイマー押すと背面で計測します。

今日のまとめ

カードをクリックして、前半・後半の要点を確認しましょう。

POINT 01
AIの役割

AIは案出しと補助、人間は目的・判断・責任を担う。

POINT 02
4階層

テイスト→トークン→コンポーネント→画面。

POINT 03
情報設計

相手の行動を考え、何を先に見せるか決める。

POINT 04
3つのミス

トーンのズレ、距離の不自然さ、情報の重複。

POINT 05
3つの行動

なぜを5回、観察・分解、使う側に回る。

POINT 06
モデル選び

画像・Web・SVGなど目的に合わせて使い分ける。

POINT 07
GPT Image 2

画像・ロゴ生成のベンチマークで優位と紹介された。

POINT 08
ディレクター

丸投げせず、構造と心理を操る。

POINT 09
AI実習

生成結果を人間が確認し、判断の記録を残す。

POINT 10
構造化プロンプト

要件定義を理解し、成果物を作ると書き出す。

POINT 11
Target・Message・Result

誰に、何を、どうなってほしいかを指定する。

POINT 12
配色70・25・5

ベース70%、メイン25%、アクセント5%。

POINT 13
ラフを参照

手書きの構図を写真で渡す。

POINT 14
微調整

生成後は対象を限定し、1点ずつ修正する。

POINT 15
メタプロンプト

テーマからキャラクターと漫画の指示を組み立てる。

POINT 16
キャラクターを先に

先に作った人物を後続のコマで参照する。

POINT 17
Lovart AI

画像・動画・3D生成と編集機能をまとめて扱う。

POINT 18
課題へ接続

3テーマから選び、AIとCanvaで制作を進める。

今日の確認

AIに任せる部分と自分で判断する部分を分け、「誰に、何を、どうなってほしいか」を起点に制作を進める方法を説明してみましょう。