エクリプステンプレート — 完全ガイド

Q: ブランドカラーを使えますか？

はい。**コロナ** を **好きな色を選ぶ** でブランドカラーに設定してください。コロナ、イベント名、ティッカー、ボタン、ラベルがその色になり、クリーム色の帯の上では読みやすいよう同じ色のより深い色合いで表示されます。

エクリプス は、天文台で開かれる打ち上げイベントのウェブサイトのように組んだ招待状です。カバーはかすかな紫の星雲が漂う漆黒の星空で、その中心には皆既日食が浮かびます。黒い円盤を、お好みの色に輝くコロナが縁取っています。カバー写真は円盤の中に収めるか、リングの後ろでカバー全体に暗く敷くことができ、その下には、発射ボードの文字のようなドットマトリクスの光る書体でイベント名が輝きます。

エクリプスは Fotify のよりシンプルなデザインのひとつです。見た目は、選ぶ 1 つの色（どんな色でも）と、カバー写真を置く場所から生まれます。

このガイドでは、エクリプスの見た目、このデザイン独自のオプション、イベントへの適用方法、そして招待状の各セクションがどのように配置されるかを説明します。

エクリプスは、無料プランを含むすべてのプランで利用できます。

テンプレートギャラリーとピッカーの概要は、RSVP 招待状をカスタマイズする方法をご覧ください。

エクリプスの特長

標準テンプレートは、共通のレイアウトの上で色とフォントを変えるだけです。エクリプスはレイアウトそのものを置き換えます。独自のカバー、ティッカー、締め、独自のセクション見出し、そしてメッセージ、カウントダウン、ギャラリー、ストーリー、プログラム、返信それぞれに独自のデザイン処理を持っています。

デザインの特徴

日食 — 黒い円盤を光のコロナが囲みます。ごくゆっくり回るやわらかな光の筋、明るい縁、そして縁に灯る「ダイヤモンドリング」の光の粒があります
円盤の中、またはリングの後ろに写真 — 円盤の中では、カバー写真は設定したトリミングのまま円形に切り抜かれます。リングの後ろでは、日食と文字が際立つよう暗くしてカバー全体に広がります
ドットマトリクスの文字 — イベント名、セクションのタイトル、カウントダウン、ティッカーはドットマトリクス書体の Doto で、読む文章はすべて等幅書体の Geist Mono で組まれます
解読される見出し — ゲストが初めてタイトルまでスクロールすると、ちらつく文字から、行頭から行末へ向かって言葉が現れます
ティッカーバンド — カバーの下に、お好みの色で帯を敷きます。お好みの言葉、日付、場所が、小さな 8 本の光線の太陽のマークをはさんで流れます
夜とクリーム — セクションは漆黒の背景とクリーム色の帯が交互に続き、クリーム色のセクションにはエクリプスのために描いた小さなピクセルアイコン（ギフト、ピン、カレンダー、グラス、チケット、カメラ、時計）が添えられます
ひとつの色 — おすすめの色またはカラーピッカーから選びます。エクリプスは、その色をコロナ、イベント名、ティッカー、ボタン、カウントダウンの数字、プログラムの時刻、小さなラベルに使います
常に読みやすい — 淡い黄色や黒に近い色など、どんな色を選んでも、文字とボタンは、黒の上でもクリーム色の上でも、はっきり読めるまで調整されます

エクリプスを選ぶ場面

エクリプスは、打ち上げのような雰囲気にしたいイベントに向いています。

製品発表会やローンチパーティー — コロナとティッカーをブランドカラーで、プログラムは夜のログとして
カンファレンスやミートアップ — 複数日のプログラムを、時刻をお好みの色にした等幅のログで、ゲストに必要な情報はクリーム色のカードに
節目の誕生日 — 光る名前、打ち上げまでのカウントダウン、黒い縁取りのクリーム色の返信カード

どんな場面でも、ゲストが撮る写真は招待状と同じくらい大切です。ゲストはイベントの QR コードをスキャンして、共有ギャラリーに写真を追加できます。Fotify のカンファレンス、企業イベント、誕生日での使い方をご覧ください。

イラストの夕焼けを背景にしたサミットならダスクを、登壇者にスポットライトが当たるステージならキーノートをお試しください。

イベントにエクリプスを適用する

イベントを開き、サイドバーの 招待状 をクリックしてから、招待状 タブを開きます
デザインテンプレート で、ギャラリーが折りたたまれている場合は テンプレートを変更 をクリックし、デザイン の中から エクリプス を見つけます（企業イベント フィルターに表示されるほか、パーティー と 誕生日 にも表示されます）
任意: 試してみる を押すと、あなたの招待状の内容でエクリプスがライブプレビューに表示されます — このデザインを使う を押すまで何も保存されません
または、エクリプス カードをクリックしてすぐに適用します
ギャラリーの下にある エクリプスオプション を開き、色、写真を置く場所、以下で説明するその他のオプションを設定します。変更は自動で保存されます

エクリプスはすべてのプランで利用できます。無料イベントでは、招待状の下隅に小さな 「Fotifyで作成」 バッジが表示されます。有料プランまたは有効なサブスクリプションがあれば、このバッジは外れます。

後で別のテンプレートに切り替えても非破壊です。イベント内容は入力したとおりに保持され、エクリプスのオプションも保存されるので、戻したときにそのまま使えます。

エクリプスのオプション

エクリプスには 6 つの独自オプションがあります。これらは、エクリプスが使わない標準の色とフォントの設定に代わるものです。

1. コロナ

光の色です。2 通りの方法で選べます。

おすすめの色 — シグナルオレンジ（デフォルト）、アンバー、シアン、マゼンタ、ライム
好きな色を選ぶ — 最後のチップをクリックすると、お使いの端末のカラーピッカーが開くので、ブランドカラーにぴったり合わせられます。色のコードはチップの横に表示されます

エクリプスは、その色を日食を囲むコロナ、光るイベント名、ティッカーバンド、ボタン、カウントダウンの数字、プログラムの時刻、小さなラベルに使います。どんな色でも使えます。文字を載せる場所では、はっきり読めるまで色調が調整され、クリーム色の帯の上では同じ色のより深い色合いになります。

2. カバー写真

カバー写真を置く場所です。

円盤の中に写真（デフォルト）— 日食の黒い円盤の中に、円形に切り抜いて収めます。月の縁のように写真の端がわずかに暗くなり、中央ははっきり見えます
リングの後ろに写真 — カバー全体に暗く敷き、その手前に黒い円盤とコロナを重ねます

カバー写真がない場合、円盤はただ黒くなります。

3. ティッカーバンド

デフォルトではオンです。カバーの下に、お好みの色で帯を敷きます。オフにすると、カバーから最初のセクションへそのままつながります。

4. ティッカーの一文

ティッカーバンドで、日付と場所の前に流れる言葉です（60 文字まで）。空欄にするとデフォルト（「ご招待」）が使われます。

5. カバーの一文

カバー上部の、返信ボタンの隣に入る小さな一文です（80 文字まで）。空欄にするとデフォルト（「発射シーケンス」）が使われます。

6. 締めの一文

ページの最後で、昇ってくる日食の上に置く大きな一文です（80 文字まで）。空欄にするとデフォルト（「リングの下でお会いしましょう」）が使われます。

エクリプスが招待状に表示するすべての文章 — カバーの一文、ティッカーの一文、返信する ボタン、セクションのラベルとタイトル、カウントダウンの単位、プログラムの「日目」という言葉、締めの一文 — は、ページ上で直接書き換えることもできます。ライブプレビューを編集モードに切り替えて、文章をダブルクリックしてください。すでに各設定で決めてあるセクションのタイトル（ストーリー、カウントダウン、ギフト、宿泊先、アクセス、よくある質問）も、同じようにその場で編集できます。

各セクションのデザイン処理

表紙

標準のヘッダーの代わりに、宇宙が広がります。

カバーの一文（オプション 5）を、ピクセルのタイルの隣に小さな等幅の大文字で、反対側には 返信する — RSVP フォームまでスクロールするボタンです。RSVP セクションが表示されているときだけ現れ、Save the Date ページには表示されません
中心に日食。カバー写真は円盤の中、またはリングの後ろに置かれます（オプション 2）
その下に 場所と日付。片側に場所、反対側に日付（と時間）が並びます — 時間は招待状のカバーの カバーに時間を表示 設定に、日付と場所は カバーに日付を表示 と カバーに場所を表示 に従い、ゲストにはどのタイムゾーンでも、あなたが選んだ日付が表示されます
イベント名 を光るドットマトリクスの大文字で、ページが開くと解読されるように現れます。広い画面では短い名前はカバーを横切る 1 行に、長い名前はひと回り小さくなり、単語の途中で改行されることはありません

ティッカーバンド

ティッカーの一文（オプション 4）、日付、場所が、それぞれ小さな太陽のマークを添えて、お好みの色の帯を流れます。行頭に向かって流れるので、読む方向に従います。端末で動きを減らす設定にしているゲストと、プレビューで文章を編集している間（一文をダブルクリックできるように）は、静止します。

セクション見出し

各セクションは、そのセクションのピクセルアイコンを収めた小さな四角いタイルと、等幅の大文字のセクションラベルから始まり、続いてドットマトリクスの大文字のタイトル、ストーリーではサブタイトルが入ります。タイトルは、ゲストが初めてスクロールしたときに解読されるように現れます。

メッセージ — ステートメント

最初のクリーム色の帯に置かれます。短いメッセージ（約 260 文字まで）は、ローンチページが内容を宣言するように、等幅書体で大きく組まれ、長いメッセージは読みやすいサイズの手紙として表示されます。

カウントダウン — 打ち上げの時計

漆黒の背景に、単位ごとにひとつのダークなパネルが、ファインダーのような四隅の目盛りで囲まれて並びます。数字はお好みの色に光るドットマトリクスの数字、その下に単位の名前が入ります。会場のタイムゾーンでイベントの日時までを数え、その瞬間が来ると、あなたが書いた完了メッセージが表示されます。

ギャラリー（カルーセル）

漆黒の背景に、写真がフレームの列としてゲストがスワイプして見られるように並び、それぞれの角には列の中の順番（01、02…）が入ります。写真は元の色のまま表示されます。

ストーリー — ミッションカード

クリーム色の帯の上に、各節目が白いカードとして並びます。写真、お好みの色の列の中の順番（01、02…）、日付（招待状の日付形式で）、タイトル、本文が入ります。写真のない節目にはピクセルのカメラが入り、カードの高さが揃います。広い画面では 1 行に 3 枚、タブレットでは 2 枚、スマートフォンでは 1 枚です。

スケジュール — ミッションログ

漆黒の背景に、プログラムがログとして並び、1 項目につき 1 行です。お好みの色の時刻、長いダッシュ、続いて大文字の場面、その下のやわらかな行に場所とメモが入ります。脇にはうっすらと行番号が並び、最後の行の後ろではブロックカーソルが点滅します（動きを減らす設定では静止します）。プログラムが複数日にわたる場合、各日は「1 日目」「2 日目」…（プログラムの中での順番）と、その日の日付またはラベルから始まります。日の見出しは、その日に日付またはラベルがあるときだけ表示されます。予定のアイコンは表示されません。

RSVP — 搭乗券

最後のクリーム色の帯に、「ご一緒にいかがですか？」と、その下に返信期限を表示し、返信フォームは黒い縁取りのクリーム色のカードに入ります。上部の黒いバーには、ピクセルのチケットと、皆既に向かって滑っていく日食の満ち欠けが入ります — 飾りだけで、カードに座席、コード、番号が表示されることはありません。ボタンはお好みの色に黒い縁取りです。Save the Date ページでは、フォームの代わりに Save the Date のメモがカードに入ります。

会場、ギフト、イベント詳細、Save the Date

この 4 つのセクションは、Fotify のカラーピッカー対応の他のデザイン（メリディアン、スレッド、プリズム、デュオトーン）と構造を共有しています。会場、ギフト、イベント詳細はクリーム色の帯の上に、四角い白いカード、小さなピクセルアイコン、お好みの色に黒い縁取りのボタンで置かれ、Save the Date は漆黒の背景に置かれます。

会場 — 地図カードの横に、住所、アクセス方法、地図アプリで開く ボタンを入れた住所カード（ピクセルのピン付き）が並びます。地図を表示できない場合は、地図カードに会場の座標とピンを描きます。座標がない場合は、住所カードが全幅に広がります
ギフト — ギフトリスト、支払い方法、寄付先、ウィッシュリストの項目が、それぞれグリッド内の独立したカードになり、ピクセルのギフト、カード、ハートが添えられます。複数の種類を用意している場合は、小さなラベル（件数付き）ごとにまとめて表示されます。支払い情報は コピー ボタン付きのくぼんだ欄に表示され、長い口座番号もカード内で折り返されます。支払いリンク、スキャンして贈る QR コード、ウィッシュリストの予約は、各カードにボタンとして表示されます
イベント詳細 — トピックごとにカードを用意します。ドレスコード はおすすめの色と避けたい色をスウォッチで表示し、宿泊先 はホテルごとのミニカード（距離、価格帯、プロモコード、メモ、予約する ボタン）、アクセス は交通手段ごとのアイコン付き、そして全幅の よくある質問 カードでは、タップするたびに各質問が開きます
Save the Date（カレンダー） — ピクセルのカレンダー、タイトル、イベントの日付を片側に、Google、Apple（カレンダーファイルをダウンロード）、Outlook の各ボタンをもう片側に配置した、1 枚のダークなカードです

締め

再び宇宙が広がります。ページの下端から昇ってくる日食の上に、締めの一文（オプション 6）が大きなドットマトリクスの大文字で解読されるように現れ、その下に場所と日付、返信する ボタンが並びます。

共通レイアウトを使うセクション

次のセクションは Fotify の共通レイアウトのまま、エクリプスのスタイルで仕上げられます。

写真アップロード、QR コード、テーブルの割り当て、プレイリスト、サブイベント、特別対応、カスタムセクション

それぞれが、ページの他の部分と同じ列の中で、漆黒の背景の上の四角いダークなカードに収まります。タイトルはドットマトリクスの大文字、ボタンはお好みの色です。カスタムセクションの写真は高さが制限されるため、縦長のポートレート写真がページを占領することはありません。

よくある質問

Q: ブランドカラーを使えますか？ A: はい。コロナ を 好きな色を選ぶ でブランドカラーに設定してください。コロナ、イベント名、ティッカー、ボタン、ラベルがその色になり、クリーム色の帯の上では読みやすいよう同じ色のより深い色合いで表示されます。

Q: 写真は円盤の中に置くのと、リングの後ろに置くのと、どちらがよいですか？ A: 円盤の中は、ポートレートや、中央に被写体がひとつはっきり写る写真に向いています。円の中に収まるようトリミングを設定してください。リングの後ろは、会場や人だかりを写した横長の写真に向いていて、暗い背景として読めます。

Q: プログラムに「1 日目」「2 日目」と出るのはなぜですか？ A: プログラムが複数日にわたる場合、各日にプログラムの中での順番が日の並び順に表示されます。1 日だけのプログラムには番号は表示されません。「日目」という言葉は、ライブプレビューの編集モードで変更できます。

Q: タイトルは毎回解読されるように現れますか？ A: ゲストが各タイトルに初めてスクロールしたときの一度だけです。端末で動きを減らす設定をしているゲストにはタイトルが静止して表示され、ラテン文字以外の文字（ヘブライ語、アラビア語、キリル文字、日本語など）のタイトルも、そのまま表示されます。スクリーンリーダーは常に最終的な言葉を読み上げます。

Q: エクリプスは右から左に書く言語でも使えますか？ A: はい。ヘブライ語とアラビア語ではレイアウトが反転します。場所と日付が左右入れ替わり、ティッカーは反対向きに流れ、光の粒はリングの反対側に移ります。カバー写真のトリミングは設定したままです。

Q: ページは動きますか？ A: やさしく動きます。コロナがごくゆっくり回り、いくつかの星がまたたき、ティッカーが流れ、タイトルが一度だけ解読されるように現れ、カーソルが点滅します。端末で動きを減らす設定をしているゲストには、動かないページが表示されます。

次のステップ

テンプレートギャラリーと、適用する前にデザインを試す方法は RSVP 招待状をカスタマイズする方法をご覧ください
他のイベント向けデザインと比べてみましょう。日没のサミットダスク、または講演やローンチ向けのスポットライトのあるステージキーノート
QR コードで、ゲストが写真を共有できます。Fotify のカンファレンスと RSVP 付きデジタル招待状についてご覧ください

お困りですか？ダッシュボード内のヘルプウィジェットからお問い合わせください。