すべてのコレクション
現場で
Onsiteバッジのデザイン
Onsiteバッジのデザイン

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

Daniel Murphey avatar
対応者:Daniel Murphey
一週間前以上前にアップデートされました

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

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

この記事では、 Webex Events Onsiteでバッジをデザインする各手順を説明します。 🎨 このまま読み続けるか、次のビデオでデモをご覧ください。

💡 以下のビデオでは古いメニュー構造が示されている可能性がありますが、技術的なプロセスは同じであることに注意してください。

新しいバッジを作成する

イベントのOnsiteメニューから、 [バッジ]をクリックしてバッジ ページにアクセスし、 [新しいバッジ]をクリックします。表示されるモーダルに、あなたとスタッフがこのバッジの対象者を理解するのに役立つバッジ名を入力します。このバッジを特定の排他的なグループに割り当てられたユーザーのみに制限する場合は、グループを選択します。

先ほど説明したプロセスを示すスクリーンショット。

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

設計上の考慮事項

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

印刷済みバッジ

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. 要素ツール -単一の要素を選択すると、バッジ プレビューのその下にフローティング ツールバーが表示されます。このツールバーを使用して、要素を階層化、回転、整列、または削除します。また、Backspace キー (Windows) または削除キー (MacOS) を使用して要素を削除することもできます。

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

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

  9. グリッド -このボタンを 1 回クリックすると 0.5 インチのグリッドが追加され、2 回クリックすると 1 インチのグリッドがバッジ プレビューに追加されます。これは、要素を互いに位置合わせし、要素がバッジの事前に印刷された面と重ならないようにするのに役立ちます。

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

次に、[デザイン ツール] の各タブを調べてみましょう。 🔍

デザインツール

それぞれのタイプの要素を追加するときは、前述の編集ツールを使用して、必要に応じて要素の移動、サイズ変更、スタイル設定、調整を行います。個々の要素の表示ルールを使用して、どの要素がどの出席者に印刷されるかを驚異的なレベルで制御できます。

レイアウト

デザイン ツールの [レイアウト] タブのスクリーンショット。

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

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

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

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

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

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

ユーザー情報

[ユーザー情報] タブでは、 質問や回答など、どの出席者情報をバッジに印刷するかを選択できます。

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

ユーザー情報フィールドをバッジに追加するには、そのトグルをアクティブにします。

ユーザーがバッジにフィールドを追加および配置する様子を示すアニメーション GIF。

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

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

画像を追加

バッジに画像を追加することは、バッジをドレスアップしたり、さまざまなタイプのバッジに区別を追加したりするための優れた方法です。たとえば、各スポンサーのロゴを追加し、表示ルールを使用して、各スポンサーの担当者のバッジに適切なロゴを付けることができます。

バッジに画像を追加するには、 「新しい画像を追加」ボタンをクリックします。表示されるモーダルで、指示に従ってデバイスから画像ファイルを選択します。 [編集]ボタンをクリックして画像をトリミングしたり、回転やズームを調整したりできます。 「アップロード」をクリックして終了します。

画像プレビュー モーダルのロゴのスクリーンショット。

テキストを追加

カスタム テキストをバッジに追加するには、 [新しいテキストの追加]ボタンをクリックすると、新しいテキスト ボックスがバッジ プレビューに追加されます。バッジ プレビューの黄色のボックス内をクリックしてテキストを編集します。

ユーザーがテキスト フィールドを追加および調整する様子を示すアニメーション GIF。

形状の追加

バッジに形状を追加するには、 [新しい形状の追加]ボタンをクリックし、ドロップダウンから希望の形状を選択します。形状は自動的にバッジ プレビューに追加されます。

デザイン ツールの [形状の追加] タブのスクリーンショット。六角形が追加されました。

バッジの管理

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

💡 バッジを複製すると、デザインが複製されるだけであることに注意してください。排他的なグループ割り当てと可視性ルールは複製されません。

バッジページのスクリーンショット。バッジの設定メニューが展開されます。

バッジは、次の 3 つのステータスのいずれかを示します。

  • デザインが必要 -バッジにはまだ情報がありません。

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

  • 公開済み - [公開] をクリックすると、バッジが公開されます。

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

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

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

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

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

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

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

プロのヒント! 😎

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

  • イベント アプリのプロモーション ページを開く QR コードを追加して、Event Appの導入を促進します。

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

  • スポンサーのロゴなど、排他的なグループに応じて異なる形状やロゴを印刷するバッジを設定しており、バッジ上の同じ物理的スペースに同様の要素を積み重ねる必要がある場合は、「転送」ツールまたは「後方へ送信」ツールを使用します。必要に応じて各要素を調整します。次に、各出席者に適切な画像のみが印刷されるように表示ルールを設定するだけです。

質問がありますか?チャットするか、 support@socio.eventsに電子メールを送信するか、 対面セッションに参加してください。

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