AI×デザイン実践コース
～第2話 リファレンスを渡して、AIに叩き台を作らせる～
旧版小冊子を開き、5つの問題点——目次なし、営業時間の古さ、閉業店舗、写真と現状の不一致、ペルソナ不在——を整理した。ペルソナ（たった一人の具体的な読者像）の林田家の視点で情報を厳選し、目次の骨格を設計。ゼロからではなく旧版を土台にバージョンアップする方針が決まった。
北村のリファレンス
前回の棚卸しから翌日。夏の日差しが窓から差し込むせとうちマーレブルの事務所で、会議テーブルを囲んで神谷、北村、宮本の3人が集まった。昨日の棚卸しで洗い出した5つの問題点と、新しい目次の骨格を確認したあと、北村が「見せたいものがある」と切り出した。
【シーン】夏の午前、せとうちマーレブルの事務所。北村がダークブラウンのショルダーバッグからクリアファイルを取り出し、参考パンフレットを会議テーブルに並べている。神谷と宮本がテーブルを挟んで覗き込んでいる。 【ロケーション固定】kagawa_13_marble_office に厳密準拠。第一参照=angle_meeting.png、第二参照=angle_desk.png。 【キャラクター参照】kagawa/characters/北村裕設定画像.png、kagawa/characters/神谷悠馬設定画像.png、kagawa/characters/宮本彩設定画像.png。 【人物】北村裕（62歳・男性、ライトブルーのボタンダウンシャツ、白いTシャツ、ベージュのチノパン、細い銀灰色の眼鏡、明るいシルバーのショートヘア、クリアファイルからパンフレットを取り出してテーブルに並べている）。神谷悠馬（27歳・男性、ネイビーのスーツに白シャツ、ネイビーのネクタイを着用、黒い短髪、スタッキングチェアに座りパンフレットを見ている）。宮本彩（24歳・女性、ティール～海色のライトウィンドブレーカー、淡いライトブルーのポロシャツ、暖色系ダークチェスナットブラウンのミディアムヘアを青緑色のシュシュでポニーテール、マスタードイエローのリングノートを開いてメモしている）。 【構図】手前に会議テーブル上のパンフレット数点（暖色系表紙）、テーブルを囲む3人。奥に横一列で並ぶデスク2台と窓。北村のショルダーバッグが椅子の背にかかっている。 【小物】会議テーブル上のパンフレット数点（暖色系表紙）。北村のダークブラウンのショルダーバッグ。宮本のマスタードイエローのリングノート。 【ロケーション整合】kagawa_13_marble_office：奥壁の2連窓下に前縁をそろえて横一列に並ぶ同一仕様・同一寸法（約140×70cm）の薄いグレーのメラミン天板デスク2台（左の北村デスクに黒いデスクトップPCモニター＋クリアファイルの山＋波模様マグカップ、右の宮本デスクに白ノートPC＋マスタードイエローのリングノート＋付箋付きサブモニター）、右壁側の窓とラックの間に置く約180×90cmの横長キャスター付き自立式ホワイトボード（赤・青・黒の抽象的な海岸線・清掃地点・工程枠＋マーカー3本＋イレーサー）、手前右のオーク調中古会議テーブル（約140×80cm）＋チャコールグレーの事務用スタッキングチェア3脚（＋右壁際に重ねた予備1脚）、奥壁の引き違い窓2連（白いアルミサッシ、右窓から自然光＋外に高松市内の中層ビルと空）＋窓間のコルクボード（60×45cmの木枠、色数を抑えたピンで留めた小さな風景写真・無地の表・予定カード）、右壁のグレーのスチールラック4段（上段に白い防災ヘルメットと双眼鏡、中段に白・水色・グレーのファイルボックスとA4バインダー、下段に段ボール箱・青い再利用コンテナ・清掃用トング・緑の作業手袋）。 【色調】窓からの夏の自然光が白・グレー基調の事務所を明るく照らす。テーブル上の暖色系パンフレットが北村の好みを象徴する。北村のライトブルーシャツと宮本のティールジャケットが空間のアクセント。 【避ける】読める実テキスト、商標、他人物、写真風の質感。
北村がダークブラウンのショルダーバッグからクリアファイルを取り出した。中には他の観光地で手に入れた小冊子やパンフレットが数点入っている。瀬戸内の島々を紹介するものや、四国の温泉地のもの、山陰の小さな港町のもの。どれも北村が旅先で「いいな」と感じて持ち帰ったものだ。
北村がテーブルに並べたパンフレットには共通点があった。暖色系の色合い、大きな写真、ぎっしり詰め込まず余白を残した構成。デザインの知識がなくても、「好きな感じ」は言える。宮本がリングノートを開き、北村の好みの特徴をていねいに書き留め始めた。
プロンプトを組み立てる
オンライン会議の呼び出し音が鳴り、画面の向こうに西園寺が現れた。宮本がリングノートを開き、先ほど書き留めた北村の好みの特徴を読み上げた。神谷は3つの素材——旧版小冊子、宮本が整理した最新の観光情報、そして北村のリファレンス——をAIに渡すプロンプト（AIへの指示文）に落とし込む作業に入った。
お手本を見せる。言葉だけで説明するのではなく、「こんな感じ」を実物で示す。それがリファレンス活用という手法だ。神谷が組み立てたプロンプトには、旧版小冊子の構成、宮本の最新情報、北村のリファレンスの特徴が組み込まれていた。
北村が腕を組んでうなずいた。自分の「好きな感じ」が言葉を超えて伝わる——その仕組みに、少しだけ納得したようだった。宮本がリングノートに「リファレンス＝お手本を渡す＝言葉だけより正確に伝わる」とメモした。
AIが叩き台を返す──「なんか違う」
【シーン】夏の午前、せとうちマーレブルの事務所。ノートPCの画面にAIが生成した叩き台3案が並んでいる。北村が画面を覗き込みながら眉をひそめて「なんか違う」の表情。 【ロケーション固定】kagawa_13_marble_office に厳密準拠。第一参照=angle_meeting.png、第二参照=angle_window.png。 【キャラクター参照】kagawa/characters/北村裕設定画像.png、kagawa/characters/神谷悠馬設定画像.png、kagawa/characters/宮本彩設定画像.png。 【人物】北村裕（62歳・男性、ライトブルーのボタンダウンシャツ、細い銀灰色の眼鏡、眼鏡の上端を指で直しながら眉をひそめている）。神谷悠馬（27歳・男性、ネイビーのスーツに白シャツ、ノートPCに向かっている）。宮本彩（24歳・女性、ティール～海色のライトウィンドブレーカー、淡いライトブルーのポロシャツ、暖色系ダークチェスナットブラウンのミディアムヘアを青緑色のシュシュでポニーテール、マスタードイエローのリングノートを手に持ち画面を見ている）。 【構図】会議テーブルの上にノートPCが置かれ、画面に3案の叩き台が並ぶ（抽象的な色面とレイアウト）。北村が画面に身を乗り出し、神谷が操作側、宮本が横から見ている。 【小物】ノートPC画面上の叩き台3案（抽象的な色面と図形）。北村のリファレンスパンフレットがテーブルの端に数点。 【ロケーション整合】kagawa_13_marble_office：奥壁の2連窓下に前縁をそろえて横一列に並ぶ同一仕様・同一寸法（約140×70cm）の薄いグレーのメラミン天板デスク2台（左の北村デスクに黒いデスクトップPCモニター＋クリアファイルの山＋波模様マグカップ、右の宮本デスクに白ノートPC＋マスタードイエローのリングノート＋付箋付きサブモニター）、右壁側の窓とラックの間に置く約180×90cmの横長キャスター付き自立式ホワイトボード（赤・青・黒の抽象的な海岸線・清掃地点・工程枠＋マーカー3本＋イレーサー）、手前右のオーク調中古会議テーブル（約140×80cm）＋チャコールグレーの事務用スタッキングチェア3脚（＋右壁際に重ねた予備1脚）、奥壁の引き違い窓2連（白いアルミサッシ、右窓から自然光＋外に高松市内の中層ビルと空）＋窓間のコルクボード（60×45cmの木枠、色数を抑えたピンで留めた小さな風景写真・無地の表・予定カード）、右壁のグレーのスチールラック4段（上段に白い防災ヘルメットと双眼鏡、中段に白・水色・グレーのファイルボックスとA4バインダー、下段に段ボール箱・青い再利用コンテナ・清掃用トング・緑の作業手袋）。 【色調】窓からの夏の自然光がノートPCの画面を照らす。北村の表情に驚きと戸惑いが交差する。 【避ける】読める実テキスト、商標、他人物、写真風の質感。
神谷がプロンプトを実行すると、AIが3つの叩き台を瞬時に返してきた。文章の切り口と、ページに何をどの順で置くかのラフ構成がそれぞれ異なる3案だ。どの案にも北村のリファレンスから読み取った暖色系の色合いが反映されている。完成度はまちまちだが、叩き台として方向性の手がかりにするには十分な出力だった。北村が椅子から身を乗り出して画面を覗き込んだ。
北村の目が見開かれた。数分前に渡した素材が、もう読める形の文章と構成案になっている。人間がゼロから作れば何日もかかる作業を、AIは数分で片付けた。これが0→1の速さだ。しかし3案を見比べているうちに、北村の表情がゆっくり曇り始めた。眼鏡の上端を指で直しながら、腕を組んだ。
何が違うのか、北村自身にもわからない。曖昧な「なんか違う」の壁が立ちはだかった。この壁は、AIに対しても人に対しても同じだ。相手が動けるレベルの言葉になっていなければ、修正は進まない。「いい感じにして」と伝えても、AIには何をどう変えればいいのかが伝わらない。日常の人とのやり取りでも同じことが起きる。たとえば誰かに「もうちょっと何とかして」と頼んでも、何をどう変えればいいのか相手にはわからない。
「なんか違う」を具体的な言葉にする
【種類】概念図（変換図）。人物は描かない。 【構図】左側に「曖昧なフィードバック」のボックス2つ（「なんか違う」「いい感じにして」）、中央に大きな矢印、右側に「具体的なフィードバック」のボックス2つ（「色が冷たい → 瀬戸内の温かみがほしい」「写真が小さい → もっと大きく見せてほしい」）。下部に「『何が』と『どうしてほしいか』の2つが揃えば、AIも人も動ける」のラベル。 【補助】全体タイトル「曖昧なフィードバックを具体的な言葉に変える」。 【色調】背景は白。左側のボックスは淡いグレー。矢印はティール系。右側のボックスは暖色系（ウォームオレンジ）。ラベル文字はダークグレー。 【避ける】人物の顔、実在ロゴ、写真風の質感。
「色が冷たい」を「瀬戸内の温かみがほしい」に。「写真が小さい」を「もっと大きく見せてほしい」に。曖昧な感覚を、相手が動けるレベルの言葉に変換する。これがフィードバック（具体的な修正のお願い）の技術だ。AIに対しても、人に対しても、修正のお願いは「なんか違う」ではなく「何をどうしてほしいか」まで具体的にする。
北村が初めて具体的な言葉を絞り出した瞬間だった。「なんか違う」から「色が冷たい→瀬戸内の温かみがほしい」への変換。デザインの専門用語は一つも使っていない。「冷たい」「温かみ」「小さい」「大きく」——北村が日常で使っている言葉だけで、AIに伝わる修正指示ができた。それは小さな一歩だが、北村にとっては大きな変化の始まりだった。この先、北村はもっと具体的な問いかけができるようになっていく。
修正とテンプレ化
【シーン】夏の午後、せとうちマーレブルの事務所。修正後の叩き台がノートPC画面に表示され、北村が「これだ」と表情を緩めている。神谷がノートPCに向かい、宮本がリングノートを手にメモしている。 【ロケーション固定】kagawa_13_marble_office に厳密準拠。第一参照=angle_meeting.png、第二参照=angle_board.png。 【キャラクター参照】kagawa/characters/北村裕設定画像.png、kagawa/characters/神谷悠馬設定画像.png、kagawa/characters/宮本彩設定画像.png。 【人物】北村裕（62歳・男性、ライトブルーのボタンダウンシャツ、細い銀灰色の眼鏡、穏やかな笑みで画面を見ている）。神谷悠馬（27歳・男性、ネイビーのスーツ、ノートPCに向かっている）。宮本彩（24歳・女性、ティール～海色のライトウィンドブレーカー、淡いライトブルーのポロシャツ、暖色系ダークチェスナットブラウンのミディアムヘアを青緑色のシュシュでポニーテール、マスタードイエローのリングノートにメモしている）。 【構図】会議テーブルの上のノートPC画面に修正後の叩き台（暖色系の色合い、大きな写真の抽象レイアウト）。北村が満足げに画面を見、神谷が操作側、宮本がノートに記録。 【小物】ノートPC画面上の暖色系叩き台。宮本のマスタードイエローのリングノート。北村のリファレンスパンフレットがテーブルの端に。 【ロケーション整合】kagawa_13_marble_office：奥壁の2連窓下に前縁をそろえて横一列に並ぶ同一仕様・同一寸法（約140×70cm）の薄いグレーのメラミン天板デスク2台（左の北村デスクに黒いデスクトップPCモニター＋クリアファイルの山＋波模様マグカップ、右の宮本デスクに白ノートPC＋マスタードイエローのリングノート＋付箋付きサブモニター）、右壁側の窓とラックの間に置く約180×90cmの横長キャスター付き自立式ホワイトボード（赤・青・黒の抽象的な海岸線・清掃地点・工程枠＋マーカー3本＋イレーサー）、手前右のオーク調中古会議テーブル（約140×80cm）＋チャコールグレーの事務用スタッキングチェア3脚（＋右壁際に重ねた予備1脚）、奥壁の引き違い窓2連（白いアルミサッシ、右窓から自然光＋外に高松市内の中層ビルと空）＋窓間のコルクボード（60×45cmの木枠、色数を抑えたピンで留めた小さな風景写真・無地の表・予定カード）、右壁のグレーのスチールラック4段（上段に白い防災ヘルメットと双眼鏡、中段に白・水色・グレーのファイルボックスとA4バインダー、下段に段ボール箱・青い再利用コンテナ・清掃用トング・緑の作業手袋）。 【色調】窓からの午後の自然光が柔らか。ノートPC画面の暖色が北村の満足と呼応する。 【避ける】読める実テキスト、商標、他人物、写真風の質感。
北村の具体的なフィードバックをプロンプトに反映し、神谷がAIに再度生成を依頼した。「瀬戸内の温かみがほしい」「写真をもっと大きく」——北村の言葉がプロンプトに追加され、数分後に修正された叩き台が画面に表示された。北村の表情がゆるんだ。
北村が修正後の叩き台とリファレンスのパンフレットを並べて見比べた。色合いも余白の取り方も近い。リファレンスの「好きな感じ」が、AIの叩き台に映し出されていた。曖昧な感覚を具体的な言葉に変え、その言葉をプロンプトに反映する。この繰り返しが、叩き台を「自分たちのもの」に近づけていく。
神谷はこのうまくいったプロンプトをテンプレート（使い回せるひな形）として保存した。毎回ゼロからプロンプトを書き直すのではなく、うまくいった形を残して使い回す。ページが変わっても、テイストの一貫性を保てる。
0→1 AI、1→10 人間
【種類】概念図（ワークフロー図）。人物は描かない。 【構図】左側に「0→1 AI」のボックス（「叩き台を速く作る」のラベル）、中央に大きな矢印、右側に「1→10 人間」のボックス（「現場の目で仕上げる」のラベル）。下部に「AIは速さ、人間は判断」のラベル。 【補助】全体タイトル「0→1 AI / 1→10 人間のワークフロー」。 【色調】背景は白。左側のボックスはティール系。右側のボックスはウォームオレンジ系。矢印はダークグレー。下部のラベルはダークグレー。 【避ける】人物の顔、実在ロゴ、写真風の質感。
AIが0→1の叩き台を速く作り、人間が1→10に仕上げる。このワークフローが確立された。AIの速さと、人間の判断。どちらか一方では成り立たない。AIだけでは「瀬戸内の温かみ」を判断できないし、人間だけではゼロから叩き台を作る時間が足りない。北村のリファレンスも、宮本の現場知識も、神谷のプロンプトも、すべてが「1→10」に仕上げるための素材だった。
事務所の外から、夕方の車の流れる音が聞こえ始めていた。テーブルの上には北村のリファレンス、ノートPCには保存されたプロンプトテンプレート。「なんか違う」しか言えなかった北村が、「瀬戸内の温かみがほしい」と具体的な言葉を絞り出した。自分の感覚を言語化して、それがAIの出力に反映される——その手応えが、北村の表情に残っていた。この一歩は、やがてもっと具体的な問いかけへと育っていく。
📌 覚えるポイント
- デザインの知識がなくても、「こんな感じが好き」という参考資料をAIに渡せば、色づかいや余白の方向がそろった叩き台が出てくる。ただし、写真・文章・レイアウトそのものが再現された出力は使わない
- 叩き台はAIに速く作らせ（0→1）、仕上げは人が現場の目で引き受ける（1→10）。AIが速さを、人が正確さと判断を担う——この分担が制作の基本形になる
- 「なんか違う」のままでは誰も動けない。「色が冷たいので、瀬戸内の温かみがほしい」まで言葉にする。相手がAIでも人でも、修正のお願いは動けるレベルまで具体的にする
- プロンプトは目的・対象・条件・形式の4つを埋めれば形になる。そのうえで、現場を歩いた経験があるほど、そこに書ける言葉の解像度が上がる
- うまくいったプロンプトは、その場限りにせずテンプレートとして保存する。ページごとに使い回せば、品質のばらつきが減って作業も速くなる
- フィードバックは「何が」と「どうしてほしいか」をセットで言う。「いい感じにして」では伝わらない。感じたことを言葉にする習慣は、AI相手でも人相手でも同じように効く
📖 覚える用語
- 0→1（ゼロイチ）
- AIで叩き台（下書き・初稿）を高速に作る工程
- 1→10（イチジュウ）
- 人間が現場の目で叩き台を仕上げる工程
- リファレンス活用
- 既存の参考サイトや冊子をAIに渡し、テイスト（雰囲気）やスタイル（見た目の型）を模倣させる手法
- リファレンスを活用したAI叩き台生成
- 北村代表理事が持参した参考パンフレット（暖色・大写真・余白）の特徴をAIへのプロンプトに組み込み、3案の叩き台を生成。北村代表理事の具体的フィードバックを反映した修正版で、方向性が確定。
- プロンプトテンプレートを保存
- うまくいったプロンプトをテンプレート化。今後のページ制作では素材の差し替えのみで叩き台を生成できる体制を構築。
- 「0→1 AI / 1→10 人間」ワークフローの確立
- AIが叩き台を高速に作り、人間が現場の目とリファレンスで仕上げる役割分担が機能することを確認。次は写真素材の選定・権利確認に進む予定。
まとめ
デザインの知識がなくても、「好きな感じ」を参考資料としてAIに渡せば叩き台は作れる。「なんか違う」を「何がどう違うか」に変える技術が、AIを使いこなす第一歩になる。AIは速さを担い、人間は判断を担う。この役割分担が、小さなチームでも大きな仕事を進める力になる。