見出し画像

NotebookLMでのスライド生成で結果を自在にコントロールする方法②

こちらの記事でNotebookLMのスライド生成をYAMLでコントロールする方法を書きましたが、YAMLさえ変えれば同じソースでも全然違うスライドを生成することが可能になります。

おもしろいので、この記事ではデザイン例とYAML全文を紹介しています。作例はぜんぶNotebookLMで一発出ししたもので、すべてのYAMLはカスタマイズ・再利用可能です。ご自由にお使いください。

①デジタル・ネオ・ポップ

画像
画像

前回記事のものと内容が同じとは思えない全然違うデザインです。手書き文字にしてくれるのもいい感じ。

# presentation_design_spec_pop_jp.yaml
# スタイル: ビタミン・ポップ / デジタル・ネオ
# 特徴: 有機的なシェイプ、明るい配色、SNS風の親しみやすさ

全体デザイン設定:
  デザインテーマ: "Digital Pop & Academic (デジタル・ポップ × アカデミック)"
  トーンアンドマナー: "現代的、流動的、親しみやすさ、情報の密度が高い"
  キービジュアル:
    モチーフ: "アメーバや雲のような有機的なシェイプ。スライドの四隅を囲むようにアメーバが見切れるランダムな配置"
    あしらい: "ドットパターン、手書き風の強調ライン、SNSアイコン風の装飾"
  配色パレット:
    ベース: "ホワイト (#FFFFFF) または 薄いグレーのドット背景"
    メインカラー: "ビビッドなピンク、シアン、パープル(ネオンサインを想起させる色)"
    アクセント: "ブラック(文字や枠線に使用し、ポップな色を引き締める)"
    チャート色: "グラデーションを用いた棒グラフ(緑→黄など)"
  タイポグラフィ:
    見出し: "ゴシック体(太字)。インパクト重視。袋文字(白抜き+黒縁)の使用も可。"
    本文: "可読性の高いゴシック体。"
    数字: "欧文フォントを大きく使い、データ(%)を強調。"

デザイン適用時の注意点:
  - "有機的な形状": "四角や正円だけでなく、手書き風の「ゆらぎ」のある線やシェイプを多用して、コミュニティの流動性を表現すること。"
  - "アイコン": "人物写真よりも、ポップなイラストや抽象的なアバターアイコン(目のついた図形など)を使用し、親しみやすさを優先する。"
  - "情報のメリハリ": "文字が多いページと、ビジュアル中心のページの対比を意識する。"

レイアウト・バリエーション(カタログ):
  - タイプ: "タイトル・コンポジション"
    デザイン: "中央に有機的な形のオブジェクト(雲や吹き出し)を配置し、その中にタイトルを入れる。周囲に小さな星やキラキラの装飾を散りばめる。"

  - タイプ: "テキスト+データポップ"
    デザイン: "左右分割。左側はテキスト、右側はカラフルなドーナツグラフ(ビビッドなピンク、シアン、パープル、ネオンサインを想起させる色)。数字を極大サイズで強調。インパクトを与える。"

  - タイプ: "有機的タイムライン"
    デザイン: "植物の茎のようにうねる縦のライン。成長の節目に『葉っぱ』や『つぼみ』のようなアイコンを配置して年号を入れる。"

  - タイプ: "バブル・クラスター"
    デザイン: "シャボン玉のように重なり合う円。半透明の色を使い、境界線の曖昧さや混ざり合いを表現する。背景にドットパターンを敷き、ポップな印象に。"

  - タイプ: "SNSチャット風"
    デザイン: "スマホ画面のような枠の中に、アイコンと吹き出しで会話形式のテキストを配置。重要な発言(インサイト)は、太字やマーカー風のラインで強調。対象者を、色分けされたアメーバ状のシェイプ(アイコン)で表現。"

  - タイプ: "概念式・フロー図"
    デザイン: "『熱量 × 共感』のような式を、クレヨンやマーカーで描いたような手書き風の線とアイコンで図解。矢印や手書き風の装飾を使い、堅い理論を柔らかく説明する。"

  - タイプ: "カラフル・ステップ"
    デザイン: "左から右へ流れる太い矢印の中にステップ名を記述。各ステップをカラフルな色(シアン→パープル→ピンクなど)で分け、段階的な変化を視覚化。"

  - タイプ: "ロリポップチャート"
    デザイン: "通常の棒グラフではなく、棒の先に丸がついた「ロリポップ型」や、角丸の棒グラフを使用。項目(ジャンル名)を横軸に、数値を縦棒で表現。カテゴリごとに色を分け、積み上げまたは並列表示。グラフの上に折れ線グラフ(率)を重ねる複合チャート。"

  - タイプ: "ステッカー・グリッド"
    デザイン: "正方形のカードを少し傾けて配置し、マスキングテープで貼ったように見せる。付箋やステッカーの集まりのような演出。"

  - タイプ: "キャラクター・エンディング"
    デザイン: "中央に雲やアメーバのキャラクターを配置。SNSアイコン(丸枠)を並べてコンタクト情報を記載。"

デザイン適用時の注意点:
-有機的な形状: "四角や正円だけでなく、手書き風の「ゆらぎ」のある線やシェイプを多用して、コミュニティの流動性を表現すること。
-アイコン: "モノクロの人物写真や風景写真の切り抜きと、ビビッドなピンク、シアン、パープルのカラーのポップなイラストや抽象的なアバターアイコン(目のついた図形など)、アメーバのような図形を重ねて使用し、親しみやすさを優先する。"
-情報のメリハリ: "文字が多いページと、ビジュアル中心のページの対比を意識する。"


②モダン・エディトリアル

画像
画像

落ち着いたきれいめなスライドデザイン。

# presentation_design_spec_editorial_jp.yaml
# スタイル: モダン・エディトリアル / ライフスタイル雑誌風 / 温かみと洗練
# コンセプト: 「余白と空気感で語る」

全体デザイン設定:
  テーマ: "Kinfolkスタイルの雑誌のような美学"
  トーン: "穏やか、情緒的、オーガニック、知的"
  ビジュアル・アイデンティティ:
    背景色: "サンドベージュ (#F3F0EB) または ウォームグレー (#EBEBEB)"
    文字色: "チャコールグレー (#333333) - 漆黒(#000000)は避ける"
    アクセントカラー: "テラコッタ (#E07A5F) または オリーブグリーン (#708D81)"
    画像スタイル:
      特徴: "自然光で撮影された写真、フィルム粒子の質感"
      形状: "アーチ窓のような形(上部が半円)または 角丸長方形"
  タイポグラフィ:
    見出し: "エレガントな明朝体(セリフ体)。重要な単語はイタリック(斜体)で強調。"
    本文: "読みやすい幾何学的なゴシック体(サンセリフ体)。"
    数字: "オールドスタイル数字、またはセリフ体の数字。"

スライド構成:
  - スライド番号: 1
    セクション: "表紙"
    レイアウトタイプ: "雑誌のカバー風"
    デザイン詳細:
      - "レイアウト: 右半分に写真を裁ち落とし(フチなし)で配置し、左半分にタイトル。"
      - "タイトル: 巨大な明朝体。複数行に分けて配置。"
      - "装飾: タイトルとサブタイトルの間に、非常に細い水平線を一本引く。"

  - スライド番号: 2
    セクション: "フィロソフィー"
    レイアウトタイプ: "中央配置の引用(Quote)"
    デザイン詳細:
      - "背景: サンドベージュ単色。"
      - "テキスト: 短く力強いメッセージを、イタリック体の明朝体で中央に。"
      - "装飾: 薄いアクセントカラーで、巨大な引用符(“”)を背景に配置。"

  - スライド番号: 3
    セクション: "サービスの流れ"
    レイアウトタイプ: "ステップ・ナラティブ(物語風)"
    デザイン詳細:
      - "流れ: 上から下への垂直レイアウト。"
      - "ステップ番号: 小さな円の中に数字(1, 2, 3)。"
      - "接続線: 非常に細い点線でステップをつなぐ。"
      - "画像: 各ステップの横に、小さく円形に切り抜いた写真を添える。"

  - スライド番号: 4
    セクション: "データ・グラフ"
    レイアウトタイプ: "クリーンな折れ線グラフ"
    デザイン詳細:
      - "グラフ: グリッド線(目盛り)を排除した、極細の折れ線。"
      - "配色: アースカラー(オリーブ、ブラウン、ベージュ)を使用。"
      - "キャプション: 凡例だけでなく、グラフの横に「説明的な文章(段落)」を配置して物語を補足する。"

デザインルール:
  - "囲み枠禁止": "重たい枠線やボックスは使わない。余白(スペース)で要素を区切る。"
  - "文字の階層": "巨大な明朝体の見出しと、小さなゴシック体の本文で、極端なサイズ差(コントラスト)をつける。"
  - "色温度": "寒色系(青白い色)は避け、全体的に温かみのあるトーンで統一する。"


③スポーツ / アスレチック / エナジー

画像
画像

思った以上にインパクトが強いのが出てきてびっくりしたやつ。ちょっとやりすぎ感はありますが、スピード感と勢いのあるデザイン。

# presentation_design_spec_sports_active_jp.yaml
# スタイル: スポーツ / アスレチック / エナジー
# コンセプト: 「疾走感と鼓動」

全体デザイン設定:
  トーン: "情熱的、スピーディ、力強い、競争心"
  配色パレット:
    ベース: "#111111 (アスファルトのような黒)"
    文字色: "#FFFFFF (白)"
    アクセント: "#CCFF00 (ボルトライム) または #FF4500 (ネオンオレンジ)"
    グラデーション: "黒から透明になるグラデーションを写真の上に重ねる"
  タイポグラフィ:
    見出し: "斜体(Italic)の極太ゴシック体(Impact, Din Condensedなど)。"
    本文: "斜体のサンセリフ体。"
    数字: "背番号のようなステンシルフォントや、スポーツタイポグラフィ。"
  共通レイアウト・ルール:
    ナビゲーション: "斜めにカットされたシェイプの中にページ番号を入れる。"
    シェイプ: "長方形や画像を『斜めに傾ける(Skew)』か、平行四辺形を使用する。"

レイアウト・バリエーション:
  - タイプ: "アクション・カット"
    デザイン: "背景に動きのある写真(ブレ感のあるもの)。手前に大きく斜体の文字を配置し、写真の人物と文字を一部重ねる。"

  - タイプ: "VS(対決)レイアウト"
    デザイン: "画面を斜めに二分割。左下が自社(強み)、右上が競合(課題)。雷のようなギザギザの線で区切る。"

  - タイプ: "スピード・メーター"
    デザイン: "達成率や数値を、車のスピードメーターや、スタジアムのスコアボード風に表示。"

  - タイプ: "ハイライト・ストライプ"
    デザイン: "重要なキーワードの背景に、マーカーで勢いよく引いたような斜めのストライプを敷く。"


④ストーン&グラス・マテリアル

画像
画像

コンクリートや大理石を背景として指定して、光の当たり方なども指定するとちゃんと反映してくれるのが面白い。

# presentation_design_spec_stone_glass_jp.yaml
# スタイル: ストーン&グラス・マテリアル / 建築的モダン / 重厚
# コンセプト: 「静寂と物質感(Materiality)」

全体デザイン設定:
  トーン: "静謐、堅牢、未来的、高級感"
  素材感(テクスチャ):
    背景: "打ちっぱなしコンクリート、大理石(マーブル)、またはスレート(粘板岩)の質感"
    レイヤー: "すりガラス(Frosted Glass / Glassmorphism)の効果を使って情報の階層を作る"
    光と影: "自然光が差し込んだような、柔らかくリアルな陰影(ライティング)"
  配色パレット:
    ベース: "クールグレー (#E0E0E0) または ストーンブラック (#1A1A1A)"
    文字色: "マットブラック (#000000) または マットホワイト (#FFFFFF)"
    アクセント: "銅(Copper)や真鍮(Brass)のようなメタリックカラー"
  タイポグラフィ:
    見出し: "彫刻のような太いサンセリフ体(Futura Boldなど)。文字間を詰める。"
    本文: "細身のサンセリフ体。非常に小さく配置し、空間の広さを強調。"
    加工: "文字を「型押し(Deboss)」したような凹みの効果を加える。"

レイアウト・バリエーション:
  - タイプ: "モノリス・タイトル"
    デザイン: "画面中央に巨大な石碑(モノリス)のような長方形を配置し、そこにタイトルを刻印のように配置。"

  - タイプ: "グラス・カード"
    デザイン: "背景にぼかした写真を置き、その手前に「すりガラス」のような半透明のカードを浮かせてテキストを載せる。"

  - タイプ: "アーキテクチャ・グリッド"
    デザイン: "コンクリートの目地(継ぎ目)のような細いラインで画面を分割し、画像とテキストを配置。"

  - タイプ: "マテリアル・グラフ"
    デザイン: "棒グラフを「石柱」や「金属のインゴット」のような立体的な質感で表現。"

  - タイプ: "ライティング・フォーカス"
    デザイン: "暗い部屋にスポットライトが当たったように、注目させたい一点だけを明るく照らす演出。"

デザインルール:
  - "物理法則": "光は左上から当たっていると想定し、影やハイライトを一貫させる。"
  - "厚み": "要素には「厚み」を感じさせる処理(側面の色を変えるなど)を施す。"


⑤ワンライン・ドローイング

画像
画像

「一筆書き」のイラストと背景の水彩絵の具のにじみなど手作業感を出したスライド。

# presentation_design_spec_oneline_adult_chic.yaml
# スタイル: ワンライン・ドローイング / 大人シック / ダスティカラー
# コンセプト: 「途切れない線、調和する呼吸」

全体デザイン設定:
  トーン: "知性的、流麗、落ち着き、アーティスティック、洗練"
  ビジュアル・アイデンティティ:
    基本スタイル: "すべてのイラスト、アイコン、装飾を「一筆書き(One-line drawing)」のスタイルで統一する。"
    線の特徴: "強弱のある有機的な線。定規で引いたような直線は避け、手描きの揺らぎを残す。"
  配色パレット:
    ベース: "#F4F5F7 (ペールグレー) または #F0F2F0 (ミストホワイト)"
    ライン色: "#2C3E50 (ミッドナイトブルー) または #4F5D54 (ディープオリーブ)"
    アクセントカラー1: "#8DA399 (セージグリーン) - 癒やしと調和"
    アクセントカラー2: "#9CADCE (ダスティブルー) - 知性と静寂"
    ハイライト: "#E6E6FA (ラベンダーミスト) - ほんのりとした甘さ"
  タイポグラフィ:
    見出し: "上品な明朝体(流麗なセリフ体)。英字は細身のサンセリフまたは筆記体。"
    本文: "可読性の高い、細身のゴシック体。"
    余白: "行間を広く(2.0倍)取り、風が通るようなレイアウトにする。"

共通レイアウト・ルール:
  - "アイコン": "独立した図形ではなく、一筆書きで描かれた抽象的なアイコンを使用。"
  - "あしらい": "背景に、セージグリーンやダスティブルーの『不定形な水彩のシミ(Watercolor wash)』を薄く配置し、その上に線画を乗せる。"

レイアウト・バリエーション:
  - タイプ: "ワンライン・ヒーロー"
    デザイン: "画面を大きく横断する一筆書きのアート(女性の横顔から花へと繋がる線など)。線の一部がタイトル文字の下線を兼ねる。"

  - タイプ: "フロー・ストーリー"
    デザイン: "プロセスや年表を、一本の長い「糸」のような線で表現。途中で結び目やループを作り、そこにテキストを配置する。"

  - タイプ: "ボタニカル・リスト"
    デザイン: "箇条書きの行頭記号(ブレット)を、一筆書きの「葉っぱ」や「つぼみ」にする。背景には薄いグリーンの有機的なシェイプ。"

  - タイプ: "データ・ハーモニー"
    デザイン: "円グラフは塗りつぶさず、色違いの「線」で描いた輪(リングチャート)にする。ダスティブルーとセージグリーンの線を重ねる。"

  - タイプ: "フォト・ウィズ・ライン"
    デザイン: "写真は矩形ではなく、アーチ型や楕円にトリミング。写真の輪郭をなぞるように、少しずらして手描きのラフな線を引く。"

  - タイプ: "コンセプト・キーワード"
    デザイン: "画面中央にキーワードを配置し、その文字から植物のツタが伸びるように一筆書きの装飾を広げる。"

  - タイプ: "対談・インタビュー"
    デザイン: "人物の写真をモノクロにし、背景に淡いブルーの円を配置。会話のつながりを、途切れない細い線で表現する。"

  - タイプ: "3ポイント・コンポジション"
    デザイン: "3つの要素を、一筆書きの線(例えば、3つの花が繋がっている絵)でリンクさせる。"

デザインルール:
  - "線の連続性": "要素と要素の間を、見えない線でつなぐ意識を持つ。ブツ切りにしない。"
  - "色のトーン": "ビビッドな色は禁止。すべて「グレイッシュ(灰色がかった)」なトーンで統一し、大人っぽさを演出する。"
  - "黒の排除": "真っ黒(#000000)は強すぎて浮くため、濃いネイビーやチャコールグレーを「締め色」として使う。"


以上、5種類をサンプルとしてご紹介しました。

ものによっては指示した内容が強く出すぎるきらいはありますが、スライドというよりもポスターデザインなどに近いようなものまで数分でできてしまうのは正直すごいものがあります。


YAMLでのデザイン指定はスライドマスタになりうる

今回、全く同じソースを使ってYAMLの違いだけで生成スライドに差をつけてみましたが、パワポで言うところのスライドマスタに感覚が近いなと改めて感じました。

ここをもっと精緻に思い描いた通りにできるようになれば、AI生成でのスライドデザインの幅が大きく広がりそうです。

特に企業や組織で生成AIを使ってスライドを作りたいという場合には(結局これが一番多いケースなのですが)、正しく反応するYAMLの整備をしておくことで利用するときの安定度が大きく向上することになります。

引き続き検証・実験を続けていこうと思います。


注意点

  • 今回はどのくらい幅のあるデザインができるかの実験だったので、コンテンツの内容を全く無視してとにかくいろんなデザインYAMLを作ってみています。スライドデザインは奇抜であればいい・目立てばいい、というものではないので、コンテンツにあわせたデザインがおすすめです。

  • 現状、NotebookLMはPDF形式でダウンロードできますが、pptx形式など自分が自由に編集できる形にはなりません。(2025年12月現在)


いいなと思ったら応援しよう!

コメント

コメントするには、 ログイン または 会員登録 をお願いします。
買うたび 抽選 ※条件・上限あり \note クリエイター感謝祭ポイントバックキャンペーン/最大全額もどってくる! 12.1 月〜1.14 水 まで
NotebookLMでのスライド生成で結果を自在にコントロールする方法②|FUJI / Presentation designer
word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word

mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1