4.9 KiB
Marpテーマ選択ガイド
全7種類のテーマから、用途に合わせて最適なテーマを選択します。
テーマ一覧と用途
1. デフォルト（theme-default.css / template-basic.md）
特徴: 洗練された日本語対応デザイン、装飾線、フッターバー 配色: ベージュ背景 + ネイビー文字 + 青見出し 用途: 汎用的なセミナー、講習、プレゼンテーション 雰囲気: 落ち着いた、上品、洗練された
2. シンプル＆ミニマル（theme-minimal.css / template-minimal.md）
特徴: 最小限の装飾、広い余白、軽量フォント 配色: 白背景 + グレー文字 + 黒見出し 用途: 内容重視のプレゼン、学術発表、静かな印象を与えたい場合 雰囲気: 清潔、シンプル、洗練された
3. カラフル＆ポップ（theme-colorful.css / template-colorful.md）
特徴: グラデーション、明るい色使い、太字強調 配色: ピンク系背景 + マルチカラーアクセント 用途: 若い世代向け、イベント、クリエイティブな企画 雰囲気: 楽しい、元気、華やか
4. ダークモード（theme-dark.css / template-dark.md）
特徴: 暗い背景、グロー効果、目に優しい 配色: 黒背景 + シアン/紫アクセント 用途: 技術プレゼン、夜間発表、モダンな印象 雰囲気: クール、モダン、未来的
5. グラデーション背景（theme-gradient.css / template-gradient.md）
特徴: 各スライドで異なるグラデーション、白文字、影効果 配色: 紫〜ピンク〜青〜緑のグラデーション 用途: ビジュアル重視、クリエイティブ発表、印象的なプレゼン 雰囲気: 鮮やか、ダイナミック、印象的
6. 技術系（コード向け）（theme-tech.css / template-tech.md）
特徴: GitHub風デザイン、コードフォント、Markdown風記号 配色: 黒背景 + 青/緑アクセント 用途: プログラミング講座、技術勉強会、開発者向け 雰囲気: 技術的、開発者向け、GitHub風
7. ビジネスライク（theme-business.css / template-business.md）
特徴: 企業プレゼン風、テーブル対応、上部ボーダー 配色: 白背景 + 濃紺見出し + 青アクセント 用途: ビジネスプレゼン、企画提案、報告会 雰囲気: フォーマル、信頼感、プロフェッショナル
テーマ選択の判断フロー
ステップ1: 用途で絞り込む
技術系/開発者向け → 技術系（コード向け） ビジネス/企業向け → ビジネスライク クリエイティブ/イベント → カラフル＆ポップ or グラデーション背景 学術/シンプル → シンプル＆ミニマル 汎用/迷ったら → デフォルト
ステップ2: 雰囲気で選ぶ
明るく楽しく → カラフル＆ポップ、グラデーション背景 落ち着いて上品 → デフォルト、ビジネスライク クールでモダン → ダークモード、技術系 シンプルで清潔 → シンプル＆ミニマル
ステップ3: 背景色で選ぶ
明るい背景: シンプル＆ミニマル、デフォルト、ビジネスライク、カラフル＆ポップ 暗い背景: ダークモード、技術系 グラデーション: グラデーション背景
ユーザーリクエストからの推測
「良い感じにして」「かっこよく」
→ 内容に応じて判断：
- ビジネス系: ビジネスライク
- 技術系: 技術系 or ダークモード
- 汎用: デフォルト
- クリエイティブ: グラデーション背景
「シンプルに」「見やすく」
→ シンプル＆ミニマル or デフォルト
「派手に」「目立つように」
→ カラフル＆ポップ or グラデーション背景
「技術的に」「プログラミング」
→ 技術系（コード向け）
「ビジネス」「企業」「提案」
→ ビジネスライク
「ダーク」「黒背景」「目に優しい」
→ ダークモード or 技術系
デフォルトテーマの使用判断
以下の場合はデフォルトテーマを使用：
- ユーザーが特定のテーマを指定していない
- 用途が明確でない
- 「良い感じに」などの曖昧な指示のみ
- 講習・セミナー用途
複数テーマの提案
以下の場合は、2-3個のテーマを簡潔に提案：
- ユーザーが「どれがいい？」と聞いた場合
- 内容から複数の選択肢がある場合
- 初めての利用で迷っていそうな場合
提案例： 「このプレゼンには以下のテーマがおすすめです：
- ビジネスライク: フォーマルな印象
- デフォルト: バランスの取れた万能型 どちらがよろしいですか？」