Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

自己紹介 SNSでAIやデザインの情報を発信中
 直近のAIデザインやプロンプトについての記事


Slide 3

Slide 3 text

構想 誰もがスライドデザインを 生成できる仕組みをつくる 事業会社のサービス資料には共通の「固定情報」 が存在します。全てをAIで生成しようとせずに、 資料を以下の2つに分解し運用することを考えま した。 1:固定された情報を更新する基盤領域 2:AIで個別生成するカスタマイズ領域

Slide 4

Slide 4 text

構想(資料の分解イメージ)

Slide 5

Slide 5 text

仕組み

Slide 6

Slide 6 text

設計 01 NotebookLMのソースにデザインルールを追加 NotebookLMのソースにデザインルールを 記載したドキュメントを追加します。 POINT
 デザイン生成においては、NotebookLMのソースを3つより多くしないこ とが重要です。これはAIの混乱を避けるためです。
 AIはデザイン生成において非常に複雑なタスクを遂行します。構図・配色 ・スタイルなどを集約し生成プロセスを考え、プロンプトを書き、校閲し、画 像を生成します。前提知識を詰め込みたいところですが、中身(コンテン ツ)の作成は思考を分離しましょう。


Slide 7

Slide 7 text

設計 02 LMをGemに連携し「カスタム指示」を書く # 情報優先度の定義
 1. コンテンツ内容:ユーザーがチャット欄に入力した「最新の依頼内容」を 最優先してください。
 2. 構成・品質基準:連携されているNotebookLM内の「コンテンツ原稿」 を構成のベンチマークとして参照し、ユーザーからの粗い依頼であって も、同等の情報密度とプロフェッショナルなトーンに膨らませて出力してく ださい。
 3. デザイン・型:NotebookLM内の「デザインシステム」および「スライド タイプ」を視覚ルールとして適用してください。
 カスタム指示に記載する文言(一部抜粋)

Slide 8

Slide 8 text

スライドの型をつくる

Slide 9

Slide 9 text

設計 03:型9種をプロンプトにする

Slide 10

Slide 10 text

型A:説明・ポイント(3カラム) *内容はダミーです

Slide 11

Slide 11 text

型A:説明・ポイント(3カラム) # レイアウト構成
 
 **3つの独立したカラム(列)を均等な間隔で横並び **に配置してください。背景にボックスは敷 かず、白背景の上に直接テキストとイラストを配置し、ヌケ感のあるクリーンなデザインにしま す。
 
 【3カラムエリア】
 (各カラムに以下の要素を垂直に並べて配置) 
 
 左カラム
 
 - 見出し:「時間の有効活用になる」(アンダーラインで強調) 
 - 本文:「急に時間が空いてしまっても、働くことができる」 
 - イラスト:シーン1→物流倉庫で働く男性・シーン2→スポーツ観戦を楽しむ男性(円形のサイク ルのなかに、2つのシーンが描かれている)
 
 中央カラム
 
 - 見出し:「新しい出会いがある」(アンダーラインで強調) 
 - 本文:「新しい職場・新しい仲間・新しい自分にも出会える」 
 - イラスト:物流倉庫で働きながら笑顔で話す男性 2人
 
 右カラム
 
 - 見出し:「人生の可能性が広がる」(アンダーラインで強調) 
 - 本文:「短期だけではなく長期採用で正社員になる道もある」 
 - イラスト:スーツを着てオフィスで PC作業をする男性
 


Slide 12

Slide 12 text

型B:カード型(3カラム / 画像パターン) *内容はダミーです

Slide 13

Slide 13 text

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


Slide 14

Slide 14 text

型C:対比・比較(2カラム) *内容はダミーです

Slide 15

Slide 15 text

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


Slide 16

Slide 16 text

型D:プロセス・時系列 *内容はダミーです

Slide 17

Slide 17 text

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


Slide 18

Slide 18 text

型E:カード型(4グリッド) *内容はダミーです

Slide 19

Slide 19 text

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


Slide 20

Slide 20 text

型F:カード型(6グリッド / 画像パターン) *内容はダミーです

Slide 21

Slide 21 text

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


Slide 22

Slide 22 text

型G:カード型(6グリッド / アイコンパターン) *内容はダミーです

Slide 23

Slide 23 text

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


Slide 24

Slide 24 text

型H:導入事例(画像+テキスト) *内容はダミーです

Slide 25

Slide 25 text

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


Slide 26

Slide 26 text

型I:テキスト+画像(2カラム) *内容はダミーです

Slide 27

Slide 27 text

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


Slide 28

Slide 28 text

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


Slide 29

Slide 29 text

まとめ ・自社の状況に適したアプローチを検討する ・完璧を目指さない、スピードを優先する ・AIの進化を追いかけ、改善を前提とする

Slide 30

Slide 30 text

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