AIスライドデザインを生成する仕組みを社内共有する

社内の誰もがスライドデザインを生成できるようにする。
そのための方針・設計・プロンプト・考え方について紹介します。

Transcript

1. AIスライドデザインを生成する 仕組みを社内共有する
2. 自己紹介 SNSでAIやデザインの情報を発信中
 直近のAIデザインやプロンプトについての記事

3. 構想 誰もがスライドデザインを 生成できる仕組みをつくる 事業会社のサービス資料には共通の「固定情報」 が存在します。全てをAIで生成しようとせずに、 資料を以下の2つに分解し運用することを考えま した。 1：固定された情報を更新する基盤領域 2：AIで個別生成するカスタマイズ領域
4. 構想（資料の分解イメージ）
5. 仕組み
6. 設計 01 NotebookLMのソースにデザインルールを追加 NotebookLMのソースにデザインルールを 記載したドキュメントを追加します。 POINT
 デザイン生成においては、NotebookLMのソースを3つより多くしないこ とが重要です。これはAIの混乱を避けるためです。
 AIはデザイン生成において非常に複雑なタスクを遂行します。構図・配色 ・スタイルなどを集約し生成プロセスを考え、プロンプトを書き、校閲し、画 像を生成します。前提知識を詰め込みたいところですが、中身（コンテン ツ）の作成は思考を分離しましょう。

7. 設計 02 LMをGemに連携し「カスタム指示」を書く # 情報優先度の定義
 1. コンテンツ内容：ユーザーがチャット欄に入力した「最新の依頼内容」を 最優先してください。
 2. 構成・品質基準：連携されているNotebookLM内の「コンテンツ原稿」 を構成のベンチマークとして参照し、ユーザーからの粗い依頼であって も、同等の情報密度とプロフェッショナルなトーンに膨らませて出力してく ださい。
 3. デザイン・型：NotebookLM内の「デザインシステム」および「スライド タイプ」を視覚ルールとして適用してください。
 カスタム指示に記載する文言（一部抜粋）
8. スライドの型をつくる
9. 設計 03：型9種をプロンプトにする
10. 型A：説明・ポイント（3カラム） ＊内容はダミーです
11. 型A：説明・ポイント（3カラム） # レイアウト構成
 
 **3つの独立したカラム（列）を均等な間隔で横並び **に配置してください。背景にボックスは敷 かず、白背景の上に直接テキストとイラストを配置し、ヌケ感のあるクリーンなデザインにしま す。
 
 【3カラムエリア】
 （各カラムに以下の要素を垂直に並べて配置） 
 
 左カラム
 
 - 見出し：「時間の有効活用になる」（アンダーラインで強調） 
 - 本文：「急に時間が空いてしまっても、働くことができる」 
 - イラスト：シーン1→物流倉庫で働く男性・シーン2→スポーツ観戦を楽しむ男性（円形のサイク ルのなかに、2つのシーンが描かれている）
 
 中央カラム
 
 - 見出し：「新しい出会いがある」（アンダーラインで強調） 
 - 本文：「新しい職場・新しい仲間・新しい自分にも出会える」 
 - イラスト：物流倉庫で働きながら笑顔で話す男性 2人
 
 右カラム
 
 - 見出し：「人生の可能性が広がる」（アンダーラインで強調） 
 - 本文：「短期だけではなく長期採用で正社員になる道もある」 
 - イラスト：スーツを着てオフィスで PC作業をする男性
 

12. 型B：カード型（3カラム / 画像パターン） ＊内容はダミーです
13. 型B：カード型（3カラム / 画像パターン） # レイアウト構成
 
 「3つのカラム（カード）」を均等に配置してください。 
 各カードの中には、「上部（画像）・下部（タイトル・見出し・本文）」をコンパクトに収め、 3つの要素 が等価に並んでいる清潔感のあるレイアウトにします。 
 カードには影をつけない。カードに黄色の枠線をつける 
 
 【3カラムエリア】
 （各カラムに以下の要素を垂直に並べて配置） 
 
 左カラム
 - 画像：「飲食店で働く笑顔の女性」 
 - タイトル：「タイミー」
 - 見出し：「スキマバイトサービス」（アンダーラインで強調） 
 - 本文（極小）：「働き⾃は・・・（省略）」
 
 中央カラム
 - 画像：「スーツ姿でオフィスワークをする笑顔の若い男性」 
 - タイトル：「タイミーキャリアプラス」 
 - 見出し：「あなたの「はたらく」をプラスする」（アンダーラインで強調） 
 - 本文（極小）：「資格や・・・（省略）」 
 
 右カラム
 - 画像：「街並み、風景、ビル、青い空」 
 - タイトル：「スポットワーク研究所」 
 - 見出し：「真正面から社会課題に向き合う」（アンダーラインで強調） 
 - 本文（極小）：「スポットワーク・・・（省略）」 
 

14. 型C：対比・比較（2カラム） ＊内容はダミーです
15. 型C：対比・比較（2カラム） # レイアウト構成
 
 2つのカラム（列）を横並びに配置し、 
 高解像度でテキストとイラストを描画してください。 
 フォントは日本語ゴシック体を使用。 
 
 【2カラムエリア】
 各カラムの要素は、フラットなスタイルで描画し、 
 テキスト内容に応じたアクセントカラーを自動適用すること。 
 本文それぞれの内容に沿ったアイコンも添えること。 
 
 左カラム（ワーカー）
 
 - 構図：中央にイラストがあり、周りに 4つの要素を配置
 - 本文：「今働ける仕事がすぐに見つかる」 
 - 本文：「面接・履歴書なし すぐに働ける」
 - 本文：「働くときも簡単ステップ」
 - 本文：「お給料はすぐお振込み」 
 - ワーカーイラスト：女性が笑顔でスマホを触っている 
 
 右カラム（企業）
 
 - 構図：中央にイラストがあり、周りに 4つの要素を配置
 - 本文：「今働ける人がすぐに見つかる」 
 - 本文：「専用の管理画面から1分で募集開始」
 - 本文：「ワーカーさんを無料で長期採用」 
 - 本文：「手数料は月末に一括支払い」 
 - 企業イラスト：眼鏡をかけた男性が PCを操作している
 

16. 型D：プロセス・時系列 ＊内容はダミーです
17. 型D：プロセス・時系列 # レイアウト構成
 
 **左から右へ流れる3つのステップ**を配置してください。
 各ステップの間には、次へ進むことを示す **矢印**を描画し、
 時系列であることを強調します。 
 
 【プロセスエリア（3ステップ）】
 （左から右へ順に配置）
 
 ステップ1（左）
 
 - 見出し：「お仕事を探す」（黄色の円に数字「 1」を黒文字で入れる）
 - 本文：「まずはお仕事をチェック！自分に合った条件のお仕事を探しましょう」 
 - イラスト：ソファに座ってスマホを操作している笑顔の女性 
 
 ステップ2（中央）
 
 - 見出し：「すぐに働ける」（黄色の円に数字「 2」を黒文字で入れる）
 - 本文：「申込むとお仕事が確定。面接なしですぐに働くことができます」 
 - イラスト：飲食店で働いている笑顔の女性 
 
 ステップ3（右）
 
 - 見出し：「すぐにお振り込み」（黄色の円に数字「 3」を黒文字で入れる）
 - 本文：「お仕事が終わるとすぐに報酬が確定し、お金が振り込まれます」 
 - イラスト：スマホを見ながら喜ぶ女性。周りには旅行や洋服のアイコン 
 

18. 型E：カード型（4グリッド） ＊内容はダミーです
19. 型E：カード型（4グリッド） # レイアウト構成
 
 2列×2行の「4つのグリッド（カード）」を均等に配置してください。 
 各カードの中には、「左側（見出し・本文）・右側（イラスト・アイコン）」をコンパクトに収め、 4つの 要素が等価に並んでいる清潔感のあるレイアウトにします。 
 
 【4グリッドエリア】 
 左上・右上・左下・右下の順に配置 
 
 1. 左上グリッド
 - 見出し：「Aさん：10代男性」
 - 本文：「授業がないスポット時間にバイトをしたい」 
 - イラスト：笑顔の若い男性。バストアップ 
 
 2. 右上グリッド 
 - 見出し：「Bさん：30代女性」
 - 本文：「子育ての合間時間で気になるカフェで働きたい」 
 - イラスト：笑顔の女性。バストアップ 
 
 3. 左下グリッド 
 - 見出し：「Cさん：40代男性」
 - 本文：「仕事が早く終わった日に 3時間だけ働きたい」 
 - イラスト：笑顔の眼鏡をかけた中年男性。バストアップ 
 
 4. 右下グリッド 
 - 見出し：「Dさん：60代女性」
 - 本文：「以前仕事していたホテルの現場で働きたい」 
 - イラスト：笑顔の眼鏡をかけた女性。バストアップ 
 

20. 型F：カード型（6グリッド / 画像パターン） ＊内容はダミーです
21. 型F：カード型（6グリッド / 画像パターン） # レイアウト構成
 
 3列×2行の「6つのグリッド（カード）」を均等に配置してください。 
 各カードの中には、「上部（働く人の写真）・下部（業種名・具体の仕事内容）」をコンパクトに収 め、6つの要素が等価に並んでいる清潔感のあるレイアウトにします。（影は使用しない） 
 
 【6グリッドエリア】 
 左上・中央上・右上・左下・中央下・右下の順に配置 
 
 1. 左上グリッド
 - 写真：「飲食店で接客をしている笑顔の女性」 
 - 業種名：「飲食」 
 - 仕事内容：「洗い場 / ホール / 調理 / 締め作業 など」
 
 2. 中央上グリッド
 - 写真：「スーパーのレジ打ちをする笑顔の女性」 
 - 業種名：「小売」 
 - 仕事内容：「レジ / 納品 / 受付 / 接客 / 検温作業 など」
 
 3. 右上グリッド 
 - 写真：「物流倉庫でピッキングをする若い男性」 
 - 業種名：「物流」 
 - 仕事内容：「ピッキング / 梱包 / 仕分け / 搬出 など」
 
 4. 左下グリッド 
 - 写真：「オフィスでPC作業をする女性」
 
 以下省略

22. 型G：カード型（6グリッド / アイコンパターン） ＊内容はダミーです
23. 型G：カード型（6グリッド / アイコンパターン） # レイアウト構成
 
 2列×3行の「6つのグリッド（角丸のカード型）」を均等に配置してください。 
 各カードの中には、「左側にアイコン・右側上部に業種・右側下部に仕事内容（右側のテキストは 左揃え）」をコンパクトに収め、6つの要素が等価に並んでいる清潔感のあるレイアウトにします。 （影は使用しない）
 
 【6グリッドエリア】 
 左上・右上・左中央・右中央・左下・右下の順に配置 
 アイコンは黒罫線で描き、黄色やオレンジで配色する 
 カードの色は薄い黄色を使用する 
 
 1. 左上グリッド
 - アイコン：「お皿と布巾のアイコン」 
 - 業種名：「飲食」 
 - 仕事内容：「洗い場 / ホール / 調理 / 締め作業 など」
 
 2. 右上グリッド
 - アイコン：「レジと野菜（人参・みかん）のアイコン」 
 - 業種名：「小売」 
 - 仕事内容：「レジ / 納品 / 受付 / 接客 / 検温作業 など」
 
 3. 左中央グリッド 
 - アイコン：「ダンボール箱とハンディのアイコン」 
 - 業種名：「物流」 
 - 仕事内容：「ピッキング / 梱包 / 仕分け / 搬出 など」
 
 以下省略

24. 型H：導入事例（画像＋テキスト） ＊内容はダミーです
25. 型H：導入事例（画像＋テキスト） # レイアウト構成
 
 左に画像と概要、右側にテキスト情報を配置してください。 
 左側は、「上部（写真）・下部（タイトル・企業名・所在地と業種）」をコンパクトに収め、 3つの要素 が等価に並んでいる清潔感のあるレイアウトにします。 
 
 【左側エリア】
 **以下の要素を独立したカラム（列）にて均等な間隔で **配置してください。
 背景にボックスは敷かず、白背景の上に直接画像テキストを配置し、ヌケ感のあるクリーンなデ ザインにします。
 - 写真：「物流現場でダンボールを運びながら働く若い男性」 
 - タイトル（最大サイズ）：「長く安心して活躍できる "新しい物流現場"を目指して」（黄色ベタに黒 文字で配置）
 - 企業名：「タイミー物流株式会社」 
 - 所在地・業種：「千葉県柏市・物流倉庫」 
 
 【右側エリア】
 上部
 - 見出し（中サイズ）：「スキマバイトサービスの活用」（黄色のアンダーラインで強調） 
 - 本文（極小）：「この文章はダミーです。働き ⾃は、働きたい仕事を選ぶだけで、履歴書・ ⾃接なし ですぐに働くことができ、勤務後すぐにお ⾃を受け取ることができます。事業者は、来て欲しい時 間や求めるスキルを設定するだけで、条件にあった働き ⾃が⾃動的にマッチングします。」
 
 中央部
 - 見出し（中サイズ）：「あなたの「はたらく」をプラスする」（黄色のアンダーラインで強調） 
 
 以下省略

26. 型I：テキスト＋画像（2カラム） ＊内容はダミーです
27. 型I：テキスト＋画像（2カラム） # レイアウト構成
 
 左側にテキスト情報、右側に画像を配置してください。 
 
 【左側：テキストエリア】 
 - 見出し：「はたらくに"彩り"を。」（黄色のアンダーライン）
 - リード文（最小サイズ）：
 働きたいと思った瞬間に、すぐに仕事を見つけるって難しい。 
 働き手が足りない瞬間に、助けにきてくれる人を見つけるのも 
 想像以上に難しい。
 いつでも、どこでも、人生のどんなフェーズに居ても、 
 みんなが働く選択肢に手を伸ばせたら 
 世の中にうれしい時間が増えるだろう。 
 場所から、年齢から、時間から、みんなにチャンスを解放したい。 
 これからもタイミーは、みんなに届く 
 “はたらくインフラ”をつくっていきます。
 
 【右側：画像エリア】 
 - 画像：「カフェで接客をしている笑顔の女性」 
 

28. notionで社内共有：ガイドラインも合わせて作成 1：再試行ボタンでもう一度生成する
 2：チャットを変更してもう一度生成する
 上手くいかないときの対処法（抜粋）

29. まとめ ・自社の状況に適したアプローチを検討する ・完璧を目指さない、スピードを優先する ・AIの進化を追いかけ、改善を前提とする
30. AIスライドデザインを生成する仕組みを社内共有する