バッジのデザイン

バッジのデザイン

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

イベントバッジは、イベントの参加者同士が集まり、つながり、関係やコミュニティを築くために役立ちます。Zoho Backstageのバッジ機能を使用すると、イベントバッジを効率よくデザインして作成できます。このガイドでは、バッジテンプレートの作成、バッジのカスタマイズ、イベント用バッジの印刷方法について説明します。

参加者の役割に応じて、ユーザーやイベントに関連する要素をバッジテンプレートに含めることができます。バッジテンプレート上の要素はプレースホルダーとして機能し、個人のバッジを表示するときや印刷時に、関連付けられているデータが自動的に反映されます。QRコードなどの要素を追加し、必要に応じて設定できます。バッジを簡単に認識できるように、イベントのすべての関連資料とブランディングスタイルを統一してください。

用途に適したイベントバッジのスタイルとレイアウトを選択してください。Zoho Backstageでは、A7、A6、CR80、CR100などの標準サイズを縦または横の方向から選択できます。カスタムサイズを設定し、希望する形式で内容を表示することもできます。イベントに参加する人の役割に応じて、さまざまなバッジレイアウトを作成できます。主催者、登壇者、スタッフ、スポンサー、出展者向けの初期設定のバッジテンプレートが用意されており、さらにカスタマイズできます。参加者向けには、共通のバッジテンプレートを作成するか、チケットの種類ごとに作成できます。



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



  4. バッジのサイズを選択します。
    1. 標準設定]を選択すると、ドロップダウンメニューから初期設定のバッジサイズを選択できます。
    2. カスタム]を選択すると、バッジのサイズを任意に設定できます。手順6に進みます。
  5. バッジに印刷する情報の方向として[]または[]を選択します。
  6. OK]をクリックします。バッジが編集画面で開き、デザインへの要素の追加を続けることができます。

ユーザー情報の追加



  1. バッジテンプレートのアイコンを、[バッジ]ページでクリックします。
  2. 編集する]をクリックします。バッジの編集画面が開きます。左側にバッジテンプレート、右側にデザイン属性が表示されます。
  3. テンプレートのプレビュー上部で、バッジ情報を表示する面に応じて[表面]または[裏面]を選択します。
  4. 右側のパネルにある[デザイン]タブをクリックします。
  5. ユーザー情報]を開きます。バッジのデザインに追加できる項目が一覧表示されます。
  6. 任意の項目をクリックするか、バッジ上にドラッグ&ドロップして、デザインテンプレートに追加します。

Notes
メモ:
  1. バッジテンプレートのデザインに配置した項目には、情報の有無に応じてユーザーのプロフィール情報またはプレースホルダーが表示されます。特定の役割に該当する人がいない場合は、サンプル情報が表示されます。
  2. ユーザー情報の項目をクリックすると、プロパティを追加できます。

ユーザー情報の項目のプロパティの編集

  1. バッジテンプレートにユーザー情報の項目を追加した後、[プロパティ]タブをクリックします。
  2. 配置]セクションの選択ツールを使用して、項目の位置を設定します。
  3. 各ドロップダウンメニューから[フォント、フォントのスタイル、フォントサイズ]を選択します。
  4. 横方向の配置には、左揃え、中央揃え右揃え]の各アイコンを使用して、テキスト項目をテンプレート内に配置します。縦方向の配置には、[上揃え、中央揃え、下揃え]の各アイコンを使用します。
  5. 大文字と小文字のアイコンを使用して、テキストを大文字、小文字、またはタイトルケースに変更します。

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

イベント情報の追加



  1. [バッジ]ページで、バッジテンプレートのアイコンをクリックします。
  2. 編集する]をクリックします。バッジの編集画面が開きます。左側にバッジテンプレート、右側にデザイン属性が表示されます。
  3. テンプレートのプレビュー上部で、情報を表示する面に応じて[表面]または[裏面]を選択します。
  4. 右側のパネルにある[デザイン]タブをクリックします。
  5. イベント情報]セクションを開きます。
  6. 任意の項目をクリックするか、バッジ上にドラッグ&ドロップして、テンプレートのデザインに追加します。

Notes
メモ:
  1. バッジテンプレートのデザインに配置した項目には、イベントの情報が表示されます。該当する情報がない場合は、プレースホルダーが表示されます。
  2. イベント情報の項目をクリックすると、プロパティを追加できます。

イベント情報の項目のプロパティの編集

  1. バッジテンプレートにイベント情報の項目を追加した後、[プロパティ]タブをクリックします。
  2. 配置]セクションの選択ツールを使用して、項目の位置を設定します。
  3. 各ドロップダウンメニューから[フォント、フォントのスタイル、フォントサイズ]を選択します。
  4. 横方向の配置には、[左揃え、中央揃え右揃え]の各アイコンを使用して、テキスト項目をテンプレート内に配置します。縦方向の配置には、[上揃え、中央揃え下揃え]の各アイコンを使用します。
  5. 大文字と小文字のアイコンを使用して、テキストを大文字、小文字、またはタイトルケースに変更します。

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

QRコードの追加



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

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

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

  1. バッジテンプレートにQRコードを追加した後、[プロパティ]タブをクリックします。
  2. 項目の位置を設定するには、ジオメトリセクションの選択ツールを使用します。
  3. 線セクションの[+]アイコンをクリックします。
    1. 色選択ツールから色を選択します。選択済みの色の横に、対応する色コードが表示されます。
    2. [幅]テキストボックスに数値を入力します。

背景の追加




  1. バッジテンプレートのアイコンを、[バッジ]ページでクリックします。
  2. [編集]をクリックします。バッジエディターが開きます。左側にバッジテンプレートが表示され、右側でデザイン属性を設定できます。
  3. テンプレートのプレビュー上部で、[表面](または)[裏面]のうち、背景を追加する側を選択してください。
  4. 右ペインの[デザイン]タブをクリックします。
  5. [背景]をクリックします。
  6. [画像]、[グラデーション](または)[色]のオプションを選択し、それぞれのポップアップパネルから目的の背景を選択してください。
  7. 背景を追加するには、[選択]をクリックします。

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

画像の追加

  1. バッジエディターの[デザイン]タブに移動します。
  2. [背景]を開き、[画像]を選択します。画像を選択ダイアログボックスが表示されます。
  3. 新規画像をアップロードするには、[画像をアップロード]をクリックし、既存の背景画像を使用する場合は、その中から1つ選択します。
  4. 画像をバッジテンプレートの背景としてすぐに設定するには、[選択]をクリックします。

グラデーションの追加

  1. バッジエディターの[デザイン]タブに移動します。
  2. [背景]を開き、[グラデーション]を選択します。グラデーションを選択ダイアログボックスが表示されます。
  3. 新規画像をアップロードするには、[画像をアップロード]をクリックし、既存の背景画像を使用する場合は、その中から1つ選択します。
  4. グラデーションの角度を調整するには、[方向]テキストボックスに数値を入力します。
  5. グラデーション内の各色の配分を調整するには、選択領域のグラデーション帯にあるカラーストップを再配置します。
  6. 選択領域のグラデーションバーをクリックして、新しい色を追加します。選択した色のカラーストップが表示されます。
    メモ:色を変更するには、カラーストップの下にある円をクリックし、新しい色を選択します。
  7. グラデーションをバッジテンプレートの背景として設定するには、[選択]をクリックします。

色の選択

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

固定項目の追加



  1. ]アイコンを、[バッジ]ページのバッジテンプレートでクリックします。
  2. 編集する]をクリックします。バッジ編集画面が開きます。左側にバッジテンプレート、右側にデザイン属性が表示されます。
  3. 固定項目を追加する面に応じて、テンプレートのプレビュー上部で[表面](または)[裏面]を選択してください。
  4. 右側の欄で[デザイン]タブをクリックします。
  5. 固定項目]を開きます。
  6. いずれかの選択肢をクリックして、テンプレートに追加します。

Notesメモ:項目をクリックすると、さらにプロパティを追加できます。

固定項目のプロパティの編集

  1. バッジテンプレートにイベント情報の項目を追加した後、[プロパティ]タブをクリックします。
  2. 配置]セクションの選択ツールを使用して、項目の位置を設定します。
  3. 各ドロップダウンメニューから、[フォント、フォントのスタイル、フォントサイズ]を選択してください。
  4. 横方向については、[左揃え、中央揃え]、[右揃え]アイコンを使用して、テキスト項目をテンプレートに配置します。縦方向の配置には、[上揃え、中央揃え、][下揃え]アイコンを使用します。
  5. 大文字と小文字のアイコンを使用して、固定テキストを大文字、小文字、または各単語の先頭を大文字に変更します。

パンチ箇所の参照領域の追加



  1. ]アイコンを、[バッジ]ページのバッジテンプレートでクリックします。
  2. 編集する]をクリックします。バッジ編集画面が開きます。左側にバッジテンプレート、右側にデザイン属性が表示されます。
  3. パンチ箇所を表示するバッジテンプレートの面を選択します。
  4. 右側の欄で[デザイン]タブをクリックします。
  5. パンチ箇所の参照領域]を開きます。
  6. パンチ箇所の参照領域]セクションで、いずれかの選択肢を選択します。

Notesメモ:パンチマークは、バッジ上の要素を配置する際の参照用としてのみ表示されます。バッジを印刷した場合やPDFファイルとしてダウンロードした場合、これらのマークは表示されません。

バッジの複製

既存のバッジテンプレートをコピーし、イベント内の別の参加者の役割に合わせて変更します。



  1. ]アイコンを、[バッジ]ページのバッジテンプレートでクリックします。
  2. デザインを複製する]をクリックします。
  3. 複製するバッジを選択します。複製したバッジは、他のすべてのバッジとともに下部に表示されます。
 

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

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


  1. バッジを作成する]をクリックします。バッジのリストを表示するドロップダウンメニューが開きます。
  2. 別のイベントから複製する]をクリックします。
  3. バッジの種類を選択します。[テストバッジを複製する]ポップアップダイアログが表示されます。
  4. ドロップダウンメニューからイベントを選択します。選択したイベントに属するすべてのバッジのテンプレートが表示されます。
  5. 必要なバッジのデザインを選択します。
  6. 複製する]をクリックします。
バッジテンプレートの準備が完了したら、イベントのテーマに合わせてデザインを続けてカスタマイズできます。

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

バッジテンプレートのデザイン中は、いつでもサイズを変更できます。標準サイズのリストから選択することで、すべての要素を適切に収め、読みやすく表示できます。バッジのサイズを個別に指定する場合は、バッジテンプレートのカスタムサイズを選択します。



  1. ]アイコンを、[バッジ]ページのバッジテンプレートでクリックします。
  2. 編集する]をクリックします。バッジ編集画面が開きます。左側にバッジテンプレート、右側にデザイン属性が表示されます。
  3. 右側の欄で[デザイン]タブをクリックします。
  4. カードのサイズの横にある[変更する]リンクをクリックします。[バッジを編集する]ダイアログが表示されます。
  5. バッジテンプレートのサイズと方向を変更します。右側でテンプレートをプレビューできます。
  6. 変更する]をクリックします。

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