Logo
Docs招待状を作成

メイン画面の設定

招待状の第一印象を決定するメイン画面を設定する方法とヒントを学びましょう。

17 min read
2025-01-15

メイン画面の設定

招待状を開いたときに最初に表示される画面です。第一印象が最も重要です。

メイン画面とは?

最初の印象

招待状のリンクをクリックすると、一番最初に表示される部分です。

主な構成要素:

  • 背景画像:大きなカップルの写真または美しい背景
  • 新郎新婦のお名前:最も目立つように
  • 日時:いつ挙式するのか
  • 短いメッセージ:「結婚します」のような簡単なメッセージ

なぜ重要なのか?

  • 3秒以内にゲストの視線を引きつけます
  • 招待状全体の雰囲気を決定します
  • 最もシェアされる画面です(LINE、Twitter、Instagramのプレビュー)

基本情報を入力する

1. タイトル(メインメッセージ)

招待状の大きなタイトルです。

入力場所:

  • 左側編集エリア > **「メイン画面」**タブ
  • **「タイトル」**入力欄

一般的な例:

結婚します
私たち、結婚します
永遠に共に歩みます
二人が一つになる日

クリエイティブな例:

新しい始まり
Forever Together
愛の誓い
共に歩む人生

タイトル作成のヒント

  • 簡潔に:5-7文字程度が適切です
  • 真心を込めて:お二人だけの特別なメッセージも良いでしょう
  • 絵文字の追加:♥ ❤️ 💕 などでアクセントを加えられます
  • 英文も可能:簡潔で洗練された印象になります

2. サブタイトル(日付メッセージ)

タイトルの下に小さな文字で表示される部分です。

入力場所:

  • **「サブタイトル」**入力欄

一般的な例:

2025年3月15日(土) 午後2時
2025. 03. 15 SAT PM 2:00
25年3月15日(土) 午後2時

感情的な例:

春が始まる日、私たちも始まります
土曜日の日差しあふれる午後に
暖かい春の日、皆様をお招きします

3. 新郎のお名前

入力場所:

  • **「新郎のお名前」**入力欄

形式の例:

山田太郎
太郎
Yamada Taro
TARO

ヒント:

  • 姓+名または名のみ
  • ひらがな、カタカナ、漢字、または英文
  • 大文字小文字の選択が可能

4. 新婦のお名前

入力場所:

  • **「新婦のお名前」**入力欄

形式は新郎と統一すると美しく見えます

名前の表示順序

テンプレートによって「新郎・新婦」または「新婦・新郎」の順序で表示されます。 ほとんどの場合、新郎が先ですが、順序を変更するオプションもあります。

メイン写真を設定する

最も重要な部分です。カップルの美しい写真をアップロードしましょう。

写真のアップロード方法

ステップバイステップ:

  1. 「メイン画像」セクションを見つける

    • 左側編集エリアで下にスクロール
  2. 「画像をアップロード」ボタンをクリック

    • 青いボタンです
  3. 写真を選択

    • パソコン:エクスプローラーからファイルを選択
    • スマートフォン:ギャラリーから選択
    • ドラッグ&ドロップも可能
  4. アップロード完了

    • 少し待つと右側のプレビューにすぐに表示されます
    • 気に入らない場合は再度アップロードできます

写真選択ガイド

どのような写真が良いでしょうか?

推奨する写真:

  • お二人が一緒に写っている写真
  • 笑顔の写真(自然な笑顔)
  • 明るい背景(室内/屋外問わず)
  • 横向き写真(画面いっぱいに表示されます)
  • 顔が大きすぎない写真(ウエストショットまたは全身)

避けた方が良い写真:

  • 暗すぎる写真
  • 顔が大きく写りすぎた写真(自撮り角度)
  • 縦に長い写真(両端が切れます)
  • 画質が低い写真(ぼやけている)
  • 背景が複雑すぎる写真

写真のサイズと画質

推奨仕様:

  • 横幅:1200px以上
  • ファイルサイズ:10MB以下
  • 形式:JPG、PNG

画質確認方法: 写真をパソコンで100%に拡大したときに 顔がはっきり見えればOKです。

写真の位置調整

写真のどこを表示するかを選択できます。

位置調整オプション:

  1. 上部揃え

    • 写真の上部が表示されます
    • 空や背景を強調するとき
  2. 中央揃え(デフォルト、推奨)

    • 写真の中央部分が表示されます
    • 顔が中央にあるときに最適
  3. 下部揃え

    • 写真の下部が表示されます
    • 全身ショットや衣装を強調するとき

調整方法:

  1. メイン画像セクションで**「位置調整」**ドロップダウンをクリック
  2. 上部/中央/下部から選択
  3. 右側のプレビューで即座に確認

スマートフォンでも確認してください

パソコンとスマートフォンで表示される比率が若干異なります。 保存後、スマートフォンで直接確認するのが最も正確です。

背景スタイルを選択する

写真にどのような効果を加えるかを選択できます。

1. 暗いオーバーレイ

効果:

  • 写真の上に半透明の黒いレイヤー
  • テキスト(名前、日付)がより見やすくなります
  • 洗練された高級感のある雰囲気

いつ使用?

  • 写真が明るすぎてテキストが見えないとき
  • モダンでシンプルな雰囲気を求めるとき
  • 写真の色が鮮やかすぎるとき

2. 明るいオーバーレイ

効果:

  • 写真の上に半透明の白いレイヤー
  • 柔らかくロマンチックな雰囲気
  • 明るく軽快な雰囲気

いつ使用?

  • 写真が暗くて雰囲気が重いとき
  • 清楚でロマンチックな雰囲気を求めるとき
  • パステルトーンの色と調和します

3. オーバーレイなし

効果:

  • 写真をそのまま表示します
  • 鮮やかな色彩を維持
  • 自然な雰囲気

いつ使用?

  • 写真がすでに完璧なとき
  • テキストとのコントラストが十分なとき
  • 写真の色彩を強調したいとき

オーバーレイの透明度調整

一部のテンプレートではオーバーレイの濃さを調整できます。

  • 0%:効果なし
  • 30-50%:自然(推奨)
  • 70-100%:濃い効果

テキストの色を選択する

名前と日付の文字色を変更できます。

色のオプション

白(White)

  • 暗い背景/写真によく合います
  • 清潔感があり現代的な印象
  • 最も無難で安全な選択

黒(Black)

  • 明るい背景/写真によく合います
  • クラシックで伝統的な印象
  • 読みやすさが良い

ゴールド(Gold)

  • 高級感があり華やかな印象
  • 特別な日の雰囲気を強調
  • ベージュ/クリーム背景とよく合います

カスタム色

  • 希望の色を直接選択
  • 写真内の色と合わせる
  • ブランディング色の使用

可読性をチェックする

テキストの色を変更した後、必ず確認してください:

  • 文字がよく見えますか?
  • 背景とのコントラストは十分ですか?
  • 離れた場所からも読めますか?

**テスト方法:**スマートフォンを手に持ち、腕をまっすぐ伸ばしてみてください。 その距離でもよく見えればOKです。

特殊効果を追加する

より特別なメイン画面のための追加オプション。

1. 舞い散る花びら効果

効果:

  • 画面に花びらがゆっくり舞い散ります
  • ロマンチックでおとぎ話のような雰囲気
  • 桜、バラなどを選択可能

設定:

  • **「効果」**タブで有効化
  • 花びらの種類を選択
  • 舞い散る速度を調整

いつ使用?

  • 春の結婚式(桜)
  • ロマンチックな雰囲気
  • おとぎ話のような招待状

2. きらめく効果(Sparkle)

効果:

  • 画面に小さな輝き
  • お祭りのような雰囲気
  • 華やかで特別な雰囲気

いつ使用?

  • 夜の挙式
  • 華やかなドレス
  • 特別な日を強調

3. スクロールアニメーション

効果:

  • スクロール時にスムーズに切り替わります
  • フェードイン、スライドなど
  • 洗練された現代的な印象

効果は適度に

効果が多すぎると、かえって散漫に見える可能性があります。

  • 効果は1-2種類のみ
  • 控えめな使用が洗練されて見えます
  • コンセプトに合った効果のみを選択してください

レイアウトスタイルを変更する

メイン画面の配置を変更できます。

スタイル1:中央揃え(Classic)

【写真背景】

タイトル 太郎 ♥ 花子 2025年3月15日

  • 最も一般的で無難です
  • すべての要素が中央に配置
  • 対称美が美しい

スタイル2:下部揃え(Modern)

【写真背景】

タイトル 太郎 ♥ 花子 2025年3月15日

  • モダンで洗練された印象
  • 写真をより広く表示します
  • シンプルなデザインを好む場合

スタイル3:上部揃え(Elegant)

タイトル 太郎 ♥ 花子 2025年3月15日

【写真背景】

  • 優雅でクラシックな印象
  • テキストを強調
  • 伝統的な招待状スタイル

カスタマイズの高度なヒント

より特別なメイン画面を作成するためのヒント。

写真編集のヒント

アップロード前に写真を補正:

  1. 明るさ調整

    • 暗すぎる場合は+20-30明るくします
    • スマートフォンの標準ギャラリー編集機能で十分です
  2. コントラスト強化

    • コントラストを少し上げると生き生きとします
    • やりすぎると不自然になるので適度に
  3. クロップ(トリミング)

    • 重要な部分(顔)が中央に来るように
    • 不要な背景を削除
  4. フィルター適用

    • Instagramフィルターを活用
    • 推奨:Valencia、Clarendon、Lark
    • 濃すぎないように

推奨アプリ:

  • スマートフォン:Snapseed、VSCO、Instagram
  • パソコン:Photoshop、Canva

テキスト組み合わせのアイデア

ケース1:シンプル&モダン

タイトル:Forever Together
新郎新婦:TARO ♥ HANAKO
日付:2025. 03. 15

ケース2:温かい&感情的

タイトル:私たち、結婚します
新郎新婦:太郎 ♥ 花子
日付:2025年3月15日(土) 午後2時

ケース3:優雅&クラシック

タイトル:結婚します
新郎新婦:山田太郎・佐藤花子
日付:2025年3月15日

色の組み合わせ推奨

ロマンチックピンク:

  • メイン色:ピンク(#FFB6C1)
  • テキスト:ホワイト
  • オーバーレイ:明るい20%

エレガントブラック:

  • メイン色:ブラック(#000000)
  • テキスト:ゴールド
  • オーバーレイ:暗い40%

ナチュラルベージュ:

  • メイン色:ベージュ(#F5E6D3)
  • テキスト:ブラウン
  • オーバーレイ:明るい10%

フレッシュグリーン:

  • メイン色:ミント(#B2E7D8)
  • テキスト:ホワイト
  • オーバーレイ:なし

実践例

実際によく使用される設定をそのまま試してみましょう。

例1:春の結婚式(屋外写真)

写真:

  • 公園や桜並木で撮影したカップル写真
  • 明るく華やかな背景

設定:

タイトル:春の日の約束
新郎:山田太郎
新婦:佐藤花子
サブタイトル:2025年3月15日(土) 午後2時
テキスト色:ホワイト
オーバーレイ:暗い30%
効果:桜の花びらが舞い散る効果
レイアウト:中央揃え

例2:秋の結婚式(スタジオ写真)

写真:

  • スタジオで撮影したフォーマル/ドレス写真
  • きれいな背景

設定:

タイトル:Forever & Always
新郎:TARO
新婦:HANAKO
サブタイトル:2025. 10. 20 SAT PM 3:00
テキスト色:ゴールド
オーバーレイ:暗い50%
効果:なし(シンプルに)
レイアウト:下部揃え

例3:冬の結婚式(スナップ写真)

写真:

  • 自然なデートスナップ写真
  • 雪が降る背景または街並み

設定:

タイトル:暖かい冬
新郎:太郎
新婦:花子
サブタイトル:寒い冬、温かい二人の始まり
テキスト色:ホワイト
オーバーレイ:暗い40%
効果:雪が降る効果
レイアウト:中央揃え

よくある間違いと解決法

間違い1:写真が切れています

原因:

  • 縦に長い写真を使用
  • 顔が写真の端に配置されている

解決:

  • 横向き写真に変更
  • 位置調整機能を使用
  • 写真編集アプリでクロップ

間違い2:文字が見えません

原因:

  • 背景とテキスト色が似ている
  • オーバーレイがない

解決:

  • オーバーレイを追加(30-50%)
  • テキスト色を変更
  • テキストに影効果を追加

間違い3:写真がぼやけています

原因:

  • 元の写真の画質が低い
  • 拡大しすぎた写真

解決:

  • 高画質の写真に再撮影
  • 別の写真を使用
  • 写真スタジオから受け取った元データを使用

間違い4:雰囲気が合いません

原因:

  • 写真とテキストスタイルの不一致
  • 効果が多すぎる

解決:

  • コンセプトを統一する
  • 効果を減らす
  • 色の組み合わせを見直す

完了チェックリスト

メイン画面の設定が完了したら確認しましょう。

  • 新郎、新婦のお名前を正確に入力
  • 日時を正しく入力
  • メイン写真のアップロード完了
  • 写真の位置調整(顔がよく見えるか)
  • テキストの色選択(よく見えるか)
  • オーバーレイ設定(必要に応じて)
  • スマートフォンでプレビュー確認
  • 友人/家族からフィードバックを受ける
  • 保存ボタンをクリック

完璧なメイン画面を作る

  1. 複数の写真でテストしてみましょう
  2. 周りの人に意見を聞いてみましょう
  3. 一日経ってから再度確認して決定
  4. 第一印象が良ければ成功です

次のステップ

メイン画面が完成したら、次のセクションへ進みましょう。

続けて作業:

後で必要になったら: