テーマとデザインのカスタマイズ

招待状を自分のスタイルで飾りましょう。色、フォント、レイアウトまですべて変更できます。

テーマ設定を見つける

どこで変更しますか？

場所：

1. 編集画面の左側エリア
2. 上部タブの中から**「テーマ設定」**をクリック
3. 様々なカスタマイズオプションが表示されます

主な設定：

• 基本色
• フォント（書体）
• レイアウト
• 効果

基本色を変更する

招待状全体の主要色を変更します。

メインカラーを選択

適用される部分：

• タイトル、サブタイトルの色
• ボタンの色
• 強調ポイントの色
• アイコンの色

色の選択方法：

方法1：プリセット色

ロマンチックピンク クラシックブルー 温かいゴールド ナチュラルグリーン モダンブラック ピュアホワイト

1. 「基本色」セクションをクリック
2. あらかじめ用意された色から選択
3. クリックすると即座に適用されます

方法2：カスタム色

1. 「カスタム色」をクリック
2. カラーピッカーが表示されます
3. 希望の色をクリック
4. またはHEXコードを入力（例：#FFB6C1）
5. 「適用」ボタン

サブカラーを選択

メインカラーと調和させましょう。

適用される部分：

• セクションの背景色
• 区切り線の色
• 小さなテキストの色

選択のヒント：

• メインカラーより薄いトーン
• または同じ系統の異なる色
• コントラストは強すぎないように

色のプレビュー

色を変更した後は必ず確認しましょう。

確認事項：

• テキストがよく見えますか？
• 写真とよく合いますか？
• 目が疲れませんか？
• 全体的な調和は良いですか？

テスト方法：

1. 右側のプレビューをスクロール
2. すべてのセクションを確認
3. スマートフォンでも確認

フォント（書体）を変更する

招待状の雰囲気を大きく変えます。

日本語フォント

提供されるフォント：

1. Noto Sans JP（ノトサンス）

すっきりと現代的な印象 読みやすさが良い すべてのデバイスでよく表示されます

• 特徴：ゴシック体の印象
• 推奨：モダンな招待状、シンプルなデザイン

2. Noto Serif JP（ノトセリフ）

高級感があり伝統的な印象 格式があるように見えます 結婚式にぴったり

• 特徴：明朝体、セリフ
• 推奨：クラシックな招待状、優雅な雰囲気

3. 游ゴシック

柔らかく快適な印象 日本的でありながら現代的 読みやすさ最高

• 特徴：丸みがあり親しみやすい
• 推奨：温かい招待状、快適な雰囲気

4. 游明朝

伝統的で上品な印象 丁寧で格式がある 公式的な印象

• 特徴：日本の伝統的な明朝体
• 推奨：伝統的な結婚式、和装コンセプト

5. 手書き風フォント

温かく個性的な印象 人間味のある招待状 親しみやすく情感がある

• 特徴：手書きのような
• 推奨：カジュアルな招待状、個性的なデザイン

英語フォント

英語テキストがある場合。

提供されるフォント：

• Playfair Display：優雅で洗練された
• Montserrat：モダンですっきり
• Dancing Script：手書き風
• Great Vibes：華やかな筆記体

フォントサイズの調整

調整可能な部分：

• タイトルサイズ：24-48px
• 本文サイズ：14-18px
• 小さなテキスト：12-14px

方法：

1. 「フォントサイズ」スライダー
2. 左右にドラッグ
3. リアルタイムプレビュー

推奨サイズ：

• スマートフォンで見やすいサイズ：16px
• 小さすぎると見えません
• 大きすぎると散漫になります

レイアウトスタイル

招待状全体の配置方法を選択します。

スタイル1：中央揃え

タイトル 太郎 ♥ 花子 2025.03.15

コンテンツ コンテンツ コンテンツ コンテンツ

特徴：

• すべての要素が中央に
• 対称的で安定感
• 伝統的で無難

推奨：

• クラシックな結婚式
• 伝統的な雰囲気を求めるとき
• 無難に

スタイル2：左揃え

タイトル 太郎 ♥ 花子 2025.03.15

コンテンツ コンテンツ コンテンツ コンテンツ

特徴：

• すべての要素が左側に
• モダンで洗練された
• 雑誌のような印象

推奨：

• 現代的なデザイン
• シンプルな招待状
• ミニマル感覚

スタイル3：カードスタイル

┌───────────┐ │ タイトル │ │ 太郎♥花子 │ │ 2025.3.15 │ └───────────┘

┌───────────┐ │ コンテンツ │ │ コンテンツ │ └───────────┘

特徴：

• セクションごとにカード形式
• すっきりと分離
• 区別が明確

推奨：

• 情報が多いとき
• 読みやすさ重視
• 現代的デザイン

間隔と余白の調整

ゆとりを持たせましょう。

セクション間隔

間隔オプション：

• 狭く：10-20px

  • コンパクトな印象
  • 情報が多いとき

• 普通：30-40px（デフォルト、推奨）

  • 適度な余裕
  • 最も無難

• 広く：50-80px

  • ゆとりがあり高級感
  • ミニマルデザインに適合

左右の余白

オプション：

• 狭く：画面いっぱいに
• 普通：適度な余白
• 広く：中央に集中

背景スタイル

背景色

オプション：

• 白：すっきりと明るい
• アイボリー：温かく柔らかい
• ベージュ：自然で快適
• 薄いグレー：モダンで洗練された

背景パターン

選択可能：

• なし（単色）
• 微細なテクスチャ
• 波模様
• 花柄（薄く）

適用方法：

1. 「背景」セクション
2. パターンを選択
3. 透明度を調整（10-30%推奨）
4. 濃すぎるとテキストが見えません

ボタンスタイル

ボタンの形

スタイル：

• 角丸：柔らかい印象
• 角張った：モダンな印象
• 完全に丸い：可愛くカジュアル
• 下線のみ：ミニマル

ボタンの色

オプション：

• メインカラーを使用（自動）
• カスタムカラーを指定
• グラデーション効果

アニメーション効果

動きを加えましょう。

ページ切り替え効果

オプション：

• フェードイン：徐々に表示
• スライドアップ：下から上がる
• なし：即座に表示

推奨：

• ほとんどの場合、フェードインが無難
• 派手すぎるのは避けましょう

ホバー効果

マウスを重ねたとき。

ボタン：

• 色の変化
• 少し大きくなる
• 影が現れる

写真：

• 拡大
• 明るくなる
• フィルターの変化

テーマプリセット

事前に作成されたテーマを一括適用。

プリセット1：ロマンチックピンク

設定：

• メインカラー：ピンク（#FFB6C1）
• フォント：Noto Sans JP
• レイアウト：中央揃え
• 背景：アイボリー
• 効果：花びらが舞い散る

**印象：**愛らしくロマンチック

プリセット2：モダンブラック

設定：

• メインカラー：ブラック
• サブカラー：ゴールド
• フォント：Noto Serif JP
• レイアウト：左揃え
• 背景：純白
• 効果：なし

**印象：**洗練された高級感

プリセット3：ナチュラルグリーン

設定：

• メインカラー：グリーン
• フォント：游ゴシック
• レイアウト：中央揃え
• 背景：ベージュ
• 効果：微細なアニメーション

**印象：**自然で快適

プリセット4：クラシックブルー

設定：

• メインカラー：ネイビー
• フォント：Noto Serif JP
• レイアウト：中央揃え
• 背景：白
• 効果：なし

**印象：**伝統的で信頼感

レスポンシブデザイン

様々な画面サイズで。

自動調整

自動的に調整されるもの：

• フォントサイズ
• 画像サイズ
• 間隔と余白
• ボタンサイズ

手動調整が必要：

• 特定セクションを非表示（モバイルで）
• 画像の順序変更

モバイル最適化のヒント

チェックリスト：

• テキストサイズは十分ですか？（最小14px）
• ボタンはクリックしやすいですか？（最小44x44px）
• 画像の読み込みは速いですか？
• 横スクロールが発生しませんか？

完了チェックリスト

テーマ設定完了です。

• メインカラーを選択
• フォントを選択（1-2種類のみ）
• レイアウトスタイルを選択
• 間隔と余白を調整
• 背景スタイルを設定
• デスクトップで確認
• スマートフォンで確認
• 他の人に意見を聞く
• 保存

次のステップ

テーマが完成したら

戻って確認：

• メイン画面 - 色とよく合うか
• フォトギャラリー - 全体の調和を確認

仕上げ作業：

• 共有設定
• 最終チェック後に公開