メインコンテンツにスキップ
すべてのコレクション現場で
Onsiteバッジのデザイン
Onsiteバッジのデザイン

バッジのサイズとレイアウトを選択し、情報、画像、アイコン、テキストを追加します

Daniel Murphey avatar
対応者:Daniel Murphey
2か月以上前に更新

この記事は、機械翻訳を使用して英語から翻訳されました。

シンプルで汎用的なバッジが必要な場合でも、さまざまな出席者グループに固有のカスタマイズされたバッジ シリーズが必要な場合でも、 Onsite ですべてを実現できます。バッジの作成は直感的でシンプルで、少し楽しいものでもあります。

この記事では、Webex Events Onsiteでバッジをデザインする各手順について説明します。

新しいバッジを作成する

  1. イベントのOnsiteメニューからバッジをクリックしてバッジ ページにアクセスします。

  2. [新しいバッジ]をクリックします。

  3. 「新しいバッジの作成」モーダルで、あなたとスタッフがこのバッジの対象者を理解するのに役立つバッジ名を入力します。

  4. バッジを特定の排他グループに割り当てられたユーザーのみに制限する場合は、グループを選択します。

  5. 準備ができたら、 「作成」をクリックします。これにより、「バッジの編集」ページに移動します。

    今説明した手順。

設計上の考慮事項

バッジに要素を追加して配置する前に、デザインに影響を与える可能性のある重要な側面をいくつか考慮する必要があります。

印刷済みバッジ

Onsiteがサポートする ZD-620 および ZD-621 プリンタは、白黒およびグレーの濃淡でのみ印刷します。色付きの背景で事前に印刷されたバッジ ストックを使用する場合は、バッジに追加する要素がどのように表示されるかを慎重に検討してください。明るい要素は暗い背景に対して十分なコントラストが得られず、見えにくくなる可能性があります。

画像

画像は白黒でのみ印刷され、選択したバッジの種類によって画像の品質が異なる場合があります。一般的に、画像が鮮明でクリアであることを確認するために、会社のロゴやすべてのバッジに表示されるその他の画像を事前に印刷することをお勧めします。

一部の参加者のバッジにのみ表示される画像を事前に印刷することは、チェックイン時の印刷が複雑になりすぎるため、お勧めしません。

バッジ デザイナーにアップロードする画像を作成するときは、プリンターが 300 DPI/PPI で印刷し、必要に応じて画像を拡大縮小できることに留意してください。一般的に、300 x 300 ピクセルの画像が適しています。画像がバッジの 1 平方インチ以上を占める場合は、より高い解像度を検討してください。サポートされている画像形式は、JPEG、PNG、GIF、TIF、および BMP です。

バッジデザイナーの使い方

「バッジの編集」ページには、デザインツールパネルとバッジプレビューが含まれています。利用可能な各ツールを確認してみましょう。🔧

デザイン ツールとバッジ プレビュー領域。下のテキストに対応する番号付き矢印がオーバーレイされます。
  1. デザイン ツール -これらの 5 つのタブでは、バッジのサイズとレイアウトを選択し、バッジに要素を追加できます。

  2. [新規追加] ボタン- このボタンは、[画像の追加]、[テキストの追加]、および [図形の追加] タブに表示されます。

  3. 設定メニュー -要素を追加した後、要素の横にあるこの設定( ) アイコンをクリックして、要素の名前を変更したり、削除したり、表示ルールを設定したりできます。

    💡 表示ルールを使用すると、特定の種類の出席者に対してどのバッジ要素を印刷するかを制御できることに留意してください。 Onsite表示ルールの使用方法については、オンサイト表示ルールに関する記事をお読みください。

  4. スタイル バー -バッジに要素を追加したら、バッジ プレビューで要素をクリックして選択します。スタイル バーのツールを使用して、要素の色を変更します。[ユーザー情報] または [テキスト] フィールドを選択するときに、テキストのフォント、サイズ、配置、スタイル、大文字と小文字も設定できます。Shiftキーを押しながらクリックして同じタイプの複数の要素を選択すると、スタイルの変更は選択したすべての要素に影響します。🎨

  5. 要素 -要素とは、バッジに追加するすべてのものです。バッジに要素を追加したら、それをクリックして選択します。選択された要素の周囲に黄色の枠が表示されます。Shift キーを押しながらクリックすると、複数の要素を同時に選択して移動できます。Esc キーを押すと、要素の選択が解除されます。

    選択した要素をバッジに配置するには、クリックしてドラッグするか、キーボードの矢印キーを使用します。要素のサイズを変更したり回転したりするには、周囲の円形アイコンを使用します。要素が別の要素の中心または端に揃っている場合、赤い「スマート ガイド」が表示されます。

    バッジ デザイナー内の要素。要素が選択されています。

    💡 両面レイアウトを選択した場合は、バッジプレビューの上部に要素を配置することに注意してください。

  6. 要素ツール -単一の要素を選択すると、バッジ プレビューでその下にフローティング ツールバーが表示されます。このツールバーを使用して、要素を重ねたり、回転したり、整列したり、削除したりできます。また、バックスペース キー (Windows) または削除キー (MacOS) を使用して要素を削除することもできます。

  7. ズーム -これらのボタンを使用して、バッジ上の要素を拡大したり、微調整したりします。タッチスクリーン デバイスで編集している場合は、ピンチして拡大または縮小します。

  8. 履歴ツール -時計アイコンをクリックすると、未公開の変更がすべて元に戻ります。これにより、バッジ編集ページに入ってから行ったすべての作業が元に戻ります。元に戻すボタンとやり直しボタンを使用して、最後の変更を元に戻したり、呼び戻したりできます。

  9. グリッド -このボタンを 1 回クリックすると 0.5 インチのグリッドが追加され、2 回クリックすると 1 インチのグリッドがバッジ プレビューに追加されます。これにより、要素を互いに揃え、要素がバッジの印刷済み部分と重ならないようにすることができます。

変更を加えると、進行状況が自動的に保存されます。5 つのタブのいずれかで要素の調整が完了したら、タブを離れるだけです。

それでは、デザインツールの各タブを見てみましょう。🔍

デザインツール

各タイプの要素を追加するときは、前述の編集ツールを使用して、必要に応じて要素を移動、サイズ変更、スタイル設定、調整します。個々の要素の表示ルールを使用して、どの要素をどの出席者に印刷するかを非常に細かく制御できます。

レイアウト

バッジ デザイナーのこのセクションでは、バッジのサイズ、方向、種類を決定します。使用可能なバッジの種類と印刷方法の詳細については、 Onsiteバッジの種類に関する記事をご覧ください。

デザイン ツールのレイアウト タブ。
  • プリンター -これまでのところ、一貫した高品質の印刷を保証するために、Zebra ZD620 および ZD621 の特定のサブモデルのみをサポートしています。バッジのサイズは両方のプリンターで同じであるため、現在は Zebra ZD620 のみを選択できます。

  • バッジのサイズ -このドロップダウンを使用して、バッジのサイズ、向き、および素材を選択します。選択した内容は、バッジベンダーから注文したものと一致している必要があります。質問がある場合は、当社の優れたサポート チームとチャットを開始するか、 support@socio.eventsまでメールでお問い合わせください。

    ⚠️注意!バッジに要素を追加した後にバッジのサイズを変更する場合は、バッジ上のすべての要素の配置を再確認してください。

  • ミラーバッジ -両面バッジ サイズを選択した場合は、バッジをミラーリングして、バッジの両面に同じ要素を印刷できます。バッジの両面に固有の情報が必要な場合は、このトグルを無効のままにしておきます。

    両面バッジを使用していて、「ミラーバッジ」設定を有効にしていない場合、バッジ デザイナーの[背面ビュー]タブでプレビューが反転します。これにより、バッジの背面の情報、画像、テキスト、および図形を調整できます。

    オンサイト バッジ デザイナーの [デザイン ツール] ページ。[背面ビュー] ボタンが表示されます。

レイアウト オプションの選択が完了したら、 [ユーザー情報]タブをクリックします。

ユーザー情報

「ユーザー情報」タブでは、 質問と回答を含む、バッジに印刷する出席者情報を選択できます。

💡 名またはフルネームのみを使用することをお勧めします。名と姓を一緒に使用すると、書式が一致しない可能性があります。

バッジにユーザー情報フィールドを追加するには、トグルを有効にします。

出席者情報の追加と配置が完了すると、バッジを印刷するために必要な最小限の構成が完了し、 Onsiteを公開できるようになります。

ただし、画像、テキスト、図形、 表示ルールなど、さらに多くのカスタマイズが可能です。詳細については、読み続けてください。📖

画像を追加

バッジに画像を追加すると、バッジを装飾したり、さまざまな種類のバッジを区別したりするのに便利です。たとえば、各スポンサーのロゴを追加して表示ルールを使用すると、各スポンサーの担当者のバッジに適切なロゴが表示されます。

バッジに画像を追加するには:

  1. [新しい画像を追加]ボタンをクリックします。

  2. 表示されるモーダルで、指示に従ってデバイスから画像ファイルを選択します。

  3. 編集ボタンをクリックして、画像をトリミングしたり、回転やズームを調整したりします。

  4. 「アップロード」をクリックして終了します。

画像プレビュー モーダル内のロゴ。

テキストを追加

バッジにカスタムテキストを追加するには:

  1. [新しいテキストを追加]ボタンをクリックすると、バッジ プレビューに新しいテキスト ボックスが追加されます。

  2. テキストを編集するには、バッジプレビューのテキスト ボックス内をクリックします。

  3. プレビューの上にあるスタイル バーを使用して、フォント、色、サイズ、配置、スタイルを調整します。

    バッジデザイナーに新しいテキストフィールドが追加され、

図形を追加

バッジに図形を追加するには:

  1. [新しい図形を追加]ボタンをクリックします。

  2. ドロップダウンから希望の形状を選択します。形状はバッジ プレビューに自動的に追加されます。

  3. プレビューの上にあるスタイル バーを使用して、図形の色を変更します。プリンターは白黒でのみ印刷されることに注意してください。

デザイン ツールの [図形の追加] タブ。六角形の図形が追加されました。

バッジを管理する

バッジを作成したら、バッジ ページからバッジを管理します。バッジの横にある設定( ) アイコンをクリックすると、バッジの名前や排他グループを編集したり、デザインを編集または複製したり、バッジを削除したりできます。

バッジ ページ。バッジの設定メニューが展開されます。

💡 バッジを複製すると、デザインのみが複製されることに注意してください。排他的グループの割り当てと表示ルールは複製されません。

バッジには次の 3 つのステータスのいずれかが表示されます。

  • デザインが必要です -バッジにはまだ情報が含まれていません。

  • 公開準備完了 -バッジには少なくとも 1 つの情報フィールドが含まれているか、バッジのデザインが変更されています。「公開準備完了」は、必ずしもバッジが印刷可能な状態であることを意味するわけではありません。公開する前に、各デザインを慎重に検査してください。

  • 公開済み - 「公開」をクリックすると、バッジが有効になります。

⚠️ 注意!会場でチェックインiPadまたはiPhoneをセットアップした後にバッジのデザインを編集する場合は、「すべてのオンサイトデータを更新」をタップして各デバイスを更新する必要があります。 Onsiteアプリの設定ページにあるボタン。

バッジのデザインを公開した後、出席者のプロフィールでバッジをプレビューして、その出席者に対してバッジの要素がどのように印刷されるかを確認できます。手順は次のとおりです。

  1. イベントナビゲーションバーで、 [参加者]をクリックします。

  2. 「出席者」ページで、出席者をクリックして出席者プロフィールを開きます。

  3. 出席者プロフィールの概要ページで、 「バッジを表示」ボタンをクリックすると、その出席者のバッジ プレビュー モーダルが開きます。

    出席者プロフィールのバッジ プレビュー モーダル。

バッジを作成したので、 Onsiteを公開する準備が整いました。

プロのヒント!😎

  • 背景、イベント名、ロゴ、その他の情報をバッジ用紙に事前に印刷する場合は、空白のバッジ画像をデザイナーにアップロードし、バッジ全体に収まるようにサイズを変更してから、画像をオフに切り替えます。バッジに要素を追加したら、画像をオンに戻して背面に重ね、事前に印刷された要素を誤って覆わないようにしてください。🌟

  • Event Appの採用を促進するために、 イベント アプリのプロモーション ページを開く QR コードを追加します。

  • 熱転写ロールストックを使用する場合は、バッジのデザインをブランドにさらに近づけるために、イベントの色に一致するかそれを補うリボンを注文することを検討してください。

  • スポンサー ロゴなど、特定のグループに応じて異なる形状やロゴを印刷するバッジを設定し、バッジ上の同じ物理スペースに類似の要素を積み重ねる必要がある場合は、[前面へ移動] または [背面へ移動] ツールを使用して、必要に応じて各要素を調整します。次に、各出席者に適した画像のみが印刷されるように表示ルールを設定します。

ご質問がありますか?チャットまたはsupport@socio.eventsまでメールでお問い合わせください。

こちらの回答で解決しましたか?