バッジデザイン

バッジデザイン

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

イベントバッジを有効化することで、参加者同士の交流やコミュニティ構築が促進されます。Zoho Backstage のバッジ機能を使えば、イベントバッジのデザインや作成を効率的に行えます。本ガイドでは、バッジテンプレートの作成、バッジのカスタマイズ、イベント用バッジの印刷方法について説明します。

バッジテンプレートには、ユーザー情報やイベント関連の要素を参加者の役割に応じて含めることができます。バッジテンプレート上の要素はプレースホルダーとして機能し、バッジを個別に表示する際や印刷する際に関連データが自動的に反映されます。QRコードなど追加の要素もニーズに合わせて設定可能です。バッジのデザインは、すべてのイベント関連資料と統一感を持たせることで、認識しやすくなります。

イベントバッジのスタイルやレイアウトをニーズに合わせて選択できます。Backstage では、A7、A6、CR80、CR100 といった縦向き・横向きのプリセットサイズが用意されており、差出人を選んだり、カスタムサイズを設定してご希望の形式で内容を表示できます。イベント参加者の役割ごとに、さまざまなバッジレイアウトを作成可能です。主催者、スピーカー、スタッフ、スポンサー、出展者向けの初期設定バッジテンプレートも利用でき、さらにカスタマイズ可能です。参加者向けには、共通のバッジテンプレートを作成するか、チケットクラスごとに個別のテンプレートを作成できます。



  1. デザイン > バッジ」に移動し、Dockから選択します。
  2. バッジを作成」をクリックします。ドロップダウンメニューが開きます。
  3. ドロップダウンメニューからバッジの種類を選択します。バッジ設定ダイアログボックスが表示され、左側に設定、右側にテンプレートのプレビューが表示されます。



  4. バッジサイズを選択します。
    1. ドロップダウンメニューの初期設定バッジサイズからプリセットを選択します。
    2. カスタムを選択して、バッジのサイズを自由に設定します。手順6へ進みます。
  5. 縦向きまたは横向きを選択し、バッジに印刷される情報の向きを設定します。
  6. OK」をクリックします。バッジはエディタで開き、要素の追加を続けてデザインを編集できます。

ユーザー情報の追加



  1. バッジテンプレートのアイコンをクリックします。「Badges」ページで操作します。
  2. 編集」をクリックします。バッジエディターが開き、バッジテンプレートが左側に表示され、デザイン属性が右側に利用できます。
  3. テンプレートプレビューの上部で、バッジ情報を表示したい面に応じて、表面または裏面を選択します。
  4. 右のペインでデザインタブをクリックします。
  5. ユーザー情報を展開します。バッジデザインに追加できる項目が一覧表示されます。
  6. 任意の項目をクリック、またはドラッグ&ドロップしてバッジに追加し、デザインテンプレートに含めます。

メモ:
  1. 情報の有無によって、バッジテンプレートのデザインに追加した項目には、ユーザーの権限からの情報が表示されるか、プレースホルダーが含まれます。特定の役割に該当するユーザーがいない場合は、サンプル情報が表示されます。
  2. 項目をクリックすることで、任意のユーザー情報に他のプロパティを追加できます。

ユーザー項目のプロパティを編集する

  1. ユーザー情報項目をバッジテンプレートに追加した後、Propertiesタブをクリックします。
  2. Geometryセクションのピッカーを使用して、項目の位置を設定します。
  3. 各ドロップダウンメニューからフォント、フォントのスタイル、フォントサイズを選択します。
  4. テキスト項目をテンプレートに合わせて、左揃え、中央揃え右揃えアイコンで水平方向の配置を行います。垂直方向の配置には、上揃え、中央揃え、下揃えアイコンを使用します。
  5. テキストの大文字、小文字、件名ケースへの変更には、テキストの大文字・小文字変換アイコンを使用します。

メモ:バッジテンプレートのデザイン内にあるテキストプレースホルダーは、バッジを印刷またはPDFファイルとしてダウンロードする際には表示されません。

処理情報の追加



  1. バッジテンプレートのアイコンをBadgesページでクリックします。
  2. 編集をクリックします。バッジエディタが開きます。バッジテンプレートは左側に表示され、デザイン属性は右側に表示されます。
  3. テンプレートプレビュー上部で、情報を表示したい場所に応じてFront Sideまたは戻る Sideを選択します。
  4. 右ペインのDesignタブをクリックします。
  5. Event infoセクションを展開します。
  6. 任意の項目をクリックするか、項目をバッジ上にドラッグ&ドロップして、テンプレートのデザインに含めます。

メモ:
  1. バッジテンプレートのデザインにドロップした項目には、イベントの差出人情報が表示されます。利用可能な情報がない場合は、プレースホルダーが含まれます。
  2. 任意の処理の情報に、クリックすることで追加のプロパティを設定できます。

イベント項目のプロパティを編集する

  1. バッジテンプレートに処理の情報項目を追加した後、プロパティタブをクリックします。
  2. ジオメトリセクション内のピッカーを使用して、項目の位置を設定します。
  3. 各ドロップダウンメニューからフォントフォントのスタイルフォントサイズを選択します。
  4. テキスト項目をテンプレートと揃えるには、 左揃え、中央揃え、および 右揃えアイコンを使って水平方向の配置を行います。垂直方向の配置には、上揃え、中央揃え、および 下揃えアイコンを使用してください。
  5. テキストの大文字、小文字、件名ケースを変更するには、テキスト変換用アイコンを使用します。

メモ:バッジテンプレートのデザインにあるテキストプレースホルダーは、バッジを印刷またはPDFファイルとしてダウンロードした際には表示されません。

QRコードの追加



  1. バッジページで、バッジテンプレートのアイコンをクリックします。
  2. 編集」をクリックします。バッジエディターが開きます。バッジテンプレートが左側に表示され、デザイン属性が右側で利用可能です。
  3. テンプレートのプレビュー上部で、QRコードを追加したい位置に応じて表面または裏面を選択します。
  4. 右側のペインにある「デザイン」タブをクリックします。
  5. QRコード」を展開し、QRコードアイコンをクリックします。QRコードダイアログボックスが表示されます。
  6. QRコードにリンクしたい内容に応じて、個人データまたはその他のデータを選択します。
  7. リンクしたいデータを関連付け済み項目から選択するか、移動先のリンクを入力します。
  8. 作成」をクリックします。

メモ:
  1. QRコードをクリックすることで、他のプロパティも追加できます。
  2. フォームに追加したカスタム項目も、QRコードに関連付けることができます。

QRコードのプロパティを編集する

  1. QRコードをバッジテンプレートに追加した後、Propertiesタブをクリックします。
  2. Geometryセクションのピッカーを使用して、項目の位置を設定します。
  3. Strokeセクションの+アイコンをクリックします。
    1. カラーピッカーから色を選択します。対応するカラーコードが選択した色の横に表示されます。
    2. Widthテキストボックスに数字を入力します。

背景の追加




  1. バッジテンプレートのアイコンをクリックします。「Badges」ページで操作します。
  2. 編集」をクリックします。バッジエディタが開き、バッジテンプレートが左側に、デザイン属性が右側に表示されます。
  3. テンプレートプレビューの上部で、背景を追加したい面に応じてFront Sideまたは戻る Sideを選択します。
  4. 右側のペインでDesignタブをクリックします。
  5. Background.をクリックします。
  6. 画像GradientColorのいずれかのオプションを選択し、それぞれのポップアップパネルから希望の背景を選びます。
  7. 選択するをクリックして背景を追加します。

メモ:背景を削除するには、Backgroundセクションでなしオプションをクリックします。

画像を追加する

  1. バッジエディターのデザインタブに移動します。
  2. 背景を展開し、画像を選択します。画像を選択ダイアログボックスが表示されます。
  3. 画像をアップロードする をクリックして新しい画像をアップロードするか、既存の背景画像の中から選択します。
  4. 選択するをクリックすると、画像がバッジテンプレートの背景として即座に設定されます。

グラデーションを追加する

  1. バッジエディターのデザインタブに移動します。
  2. 背景を展開し、グラデーションを選択します。グラデーションを選択ダイアログボックスが表示されます。
  3. 画像をアップロードする をクリックして新しい画像をアップロードするか、既存の背景画像の中から選択します。
  4. Directionテキストボックスに番号を入力して、グラデーションの角度を調整します。
  5. ピッカーエリア内のグラデーションバンドでカラー停止位置を並べ替えることで、各色の分布を調整できます。
  6. ピッカーエリアのグラデーション棒グラフをクリックして新しい色を追加します。選択した色でカラーストップが表示されます。
    メモ:色を変更するには、カラーストップ下部の円をクリックし、新しい色を選択してください。
  7. 選択するをクリックして、グラデーションをバッジテンプレートの背景として設定します。

色を選択

  1. バッジエディターのデザインタブに移動します。
  2. 背景を展開し、グラデーションを選択します。色を選択ダイアログボックスが表示されます。
  3. カラーパレットをクリックして色を選び、右側でプレビューします。
  4. 色をバッジテンプレートの背景色として設定するには、選択するをクリックします。

静的項目の追加



  1. バッジテンプレートのアイコンをクリックします。「バッジ」ページで操作します。
  2. 編集をクリックします。バッジエディターが開きます。バッジテンプレートが左側に表示され、デザイン属性が右側に表示されます。
  3. テンプレートのプレビュー上部で、追加したい静的項目の位置に応じて表面または裏面を選択します。
  4. 右ペインのデザインタブをクリックします。
  5. 静的項目を展開します。
  6. 任意のオプションをクリックしてテンプレートに追加します。

メモ: 項目をクリックすることで、その他のプロパティも追加できます。

静的項目のプロパティを編集

  1. バッジテンプレートに処理の情報項目を追加した後、Propertiesタブをクリックします。
  2. Geometryセクションのピッカーを使って項目の位置を設定します。
  3. 各ドロップダウンメニューからフォント、フォントのスタイル、フォントサイズを選択します。
  4. テキスト項目の水平方向の配置にはテンプレートと揃えるため、左揃え、中央揃え右揃えアイコンを使用します。垂直方向の配置には上揃え、中央揃え、および下揃えアイコンを使用してください。
  5. テキストケースアイコンを使って、静的テキストを大文字、小文字、または件名ケースに変更できます。

Punching参照地域の追加



  1. アイコンをBadgesページ内のバッジテンプレートでクリックします。
  2. 編集をクリックします。バッジエディタが開きます。バッジテンプレートは左側に、Design属性は右側に表示されます。
  3. パンチング地域を表示したいバッジテンプレートの面を選択します。
  4. 右ペインのDesignタブをクリックします。
  5. Punching地域参照を展開します。
  6. Punching地域参照セクションで設定のいずれかを選択します。

メモ:Punchingマークは、バッジ上の要素の位置合わせをサポートするための参照としてのみ表示されます。印刷やPDFとしてダウンロードした際には、このマークは表示されません。

バッジの複製

既存のバッジテンプレートをコピーし、イベント内の別の参加者役割用に編集できます。



  1. 」アイコンをクリックして、Badgesページでバッジテンプレートを選択します。
  2. 複製する」「Design.」をクリックします。
  3. 複製したいバッジを選択します。複製されたバッジは、他のすべてのバッジの一番下に表示されます。
 

別のイベントからバッジを複製する

ポータル内の他の処理で作成した任意の役割のバッジデザインを、現在のイベントの任意の役割用に複製できます。


  1. 作成 Badge」をクリックします。ドロップダウンメニューが表示され、バッジ一覧が表示されます。
  2. 複製する 差出人 Another Event」をクリックします。
  3. バッジの種類を選択します。複製する テスト Badge のポップアップダイアログボックスが表示されます。
  4. ドロップメニューからイベントを選択します。そのイベント内のすべてのバッジテンプレートが表示されます。
  5. 必要なバッジデザインを選択します。
  6. 複製する」をクリックします。
バッジテンプレートの準備ができたら、デザインをイベントのテーマに合わせてカスタマイズできます。

テンプレートサイズの変更

バッジテンプレートのサイズは、デザイン中いつでも変更できます。標準サイズのリストから選択すると、すべての要素が適切に収まり、明確に表示されます。異なるサイズを希望する場合は、カスタムサイズを選択してください。



  1. バッジテンプレートのアイコンをクリックします。「Badges」ページで操作します。
  2. 編集」をクリックします。バッジエディターが開き、バッジテンプレートが左側に、デザイン属性が右側に表示されます。
  3. 右側のペインにある「Design」タブをクリックします。
  4. カードのサイズ付近に表示されている「変更する」リンクをクリックします。編集 Badgeダイアログボックスが表示されます。
  5. バッジテンプレートのサイズと向きを修正します。テンプレートのプレビューは右側で確認できます。
  6. 変更する」をクリックします。

バッジのデザインが完了したら、生成してダウンロードし、印刷できます。