116 lines
4.9 KiB
Markdown
116 lines
4.9 KiB
Markdown
# 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個のテーマを簡潔に提案：
|
||
- ユーザーが「どれがいい？」と聞いた場合
|
||
- 内容から複数の選択肢がある場合
|
||
- 初めての利用で迷っていそうな場合
|
||
|
||
提案例：
|
||
「このプレゼンには以下のテーマがおすすめです：
|
||
1. **ビジネスライク**: フォーマルな印象
|
||
2. **デフォルト**: バランスの取れた万能型
|
||
どちらがよろしいですか？」
|