Все коллекции
На месте
Дизайн значков на Onsite
Дизайн значков на Onsite

Выберите размер и макет значка, а также добавьте информацию, изображения, значки и текст.

Daniel Murphey avatar
Автор: Daniel Murphey
Обновлено больше недели назад

Эта статья была переведена с английского с помощью машинного перевода.

Если вам нужен простой значок, подходящий всем по размеру, или серия индивидуальных значков, уникальных для различных групп посетителей, Onsite может сделать все это! Создание значков интуитивно понятно, просто и даже немного увлекательно.

В этой статье описаны все этапы создания значка в Webex Events Onsite. 🎨 Продолжайте читать или посмотрите демонстрационное видео в следующем видео!

💡 Имейте в виду, на видео ниже может быть показана устаревшая структура меню, но технический процесс остался тот же.

Создать новый значок

В меню мероприятия на Onsite нажмите «Значок» , чтобы перейти на страницу значка, затем нажмите «Новый значок» . В появившемся модальном окне введите имя значка, которое поможет вам и вашим сотрудникам понять, для кого предназначен этот значок. Если вы хотите, чтобы этот значок получали только люди, входящие в определенные эксклюзивные группы , выберите группы.

Снимок экрана, показывающий только что описанный процесс.

Когда вы будете готовы, нажмите «Создать» . Вы перейдете на страницу «Редактировать значок».

Рекомендации по проектированию

Прежде чем приступить к добавлению и расположению элементов на бейдже, следует учитывать некоторые важные аспекты, которые могут повлиять на ваш дизайн.

Предварительно напечатанные значки

Принтеры ZD-620 и ZD-621, поддерживаемые Onsite , печатают только в черно-белом режиме и оттенках серого. Если вы используете предварительно напечатанный значок с цветным фоном, внимательно продумайте, как будут выглядеть элементы, которые вы добавляете в значок. Светлые элементы могут не обеспечивать достаточный контраст на темном фоне, из-за чего их будет трудно увидеть.

Двусторонние значки

Если вы активировали параметр «Зеркальный значок» на вкладке «Макет», просто внесите изменения в информацию, изображения, текст и фигуры в верхней части окна предварительного просмотра. Нижняя часть обновится автоматически.

Если вы используете двусторонний значок и не активировали настройку «Зеркальный значок», перейдите на вкладку «Вид сзади» . Предварительный просмотр инвертируется, и вы можете настраивать информацию, изображения, текст и фигуры в верхней части предварительного просмотра.

Изображений

Изображения печатаются только в черно-белом режиме, а качество изображения может различаться в зависимости от выбранного типа бейджа. Как правило, мы рекомендуем предварительно распечатать логотип вашей компании и любые другие изображения, которые будут присутствовать на всех бейджах, чтобы изображения были четкими и четкими.

Мы не рекомендуем предварительно печатать изображения, которые появятся только на некоторых бейджах участников, поскольку это слишком усложнит печать при регистрации.

При создании изображений, которые вы будете загружать в дизайнер бейджей, имейте в виду, что принтер печатает с разрешением 300 точек на дюйм/PPI, и вы можете масштабировать изображения в соответствии со своими потребностями. В общем, изображение размером 300 x 300 пикселей работает хорошо. Если изображение будет занимать более одного квадратного дюйма бейджа, рассмотрите возможность более высокого разрешения. Поддерживаемые форматы изображений: JPEG, PNG, GIF, TIF и BMP.

Как пользоваться конструктором бейджей

Страница «Редактировать значок» состоит из панели «Инструменты дизайна» и окна «Предварительный просмотр значка». Давайте рассмотрим каждый из инструментов, имеющихся в вашем распоряжении. 🔧

Снимок экрана: области инструментов дизайна и предварительного просмотра значка. Пронумерованные стрелки, соответствующие тексту ниже, накладываются друг на друга.
  1. Инструменты дизайна. Эти пять вкладок позволяют вам выбрать размер и макет вашего значка, а также добавлять к нему элементы.

  2. Кнопка «Добавить новое» — эта кнопка отображается на вкладках «Добавить изображение», «Добавить текст» и «Добавить фигуру».

  3. Меню настроек — щелкните этот значок настроек ( ), чтобы переименовать или удалить элемент, а также настроить для него правило видимости.

    💡 Помните, что правила видимости — это отличный способ контролировать, какие элементы бейджа должны печататься для определенных типов посетителей. Мы написали целую статью о правилах видимости на Onsite , чтобы помочь вам понять, как их использовать!

  4. Панель стилей. После добавления элемента к бейджу щелкните элемент в окне предварительного просмотра бейджа, чтобы выбрать его. Используйте инструменты на панели стилей, чтобы изменить цвет элемента. При выборе полей «Информация о пользователе» или «Текст» вы также можете установить шрифт, размер, выравнивание, стиль и регистр текста. Если вы выберете несколько элементов одного типа с помощью Shift + щелчок, изменения стиля повлияют на все выбранные элементы! 🎨

  5. Элемент. Элемент — это все, что вы добавляете к значку. После того как вы добавите элемент на бейдж, нажмите на него, чтобы выбрать. Когда выбран элемент, вокруг него появляется желтая рамка. Удерживайте клавишу Shift и щелкните, чтобы выбрать и переместить несколько элементов одновременно, и нажмите клавишу Escape, чтобы отменить выбор элементов.

    Нажмите и перетащите или используйте клавиши со стрелками на клавиатуре, чтобы расположить элементы на значке. Используйте круглые значки по периметру, чтобы изменить размер или повернуть элемент. Красные «умные направляющие» появляются, когда элемент выравнивается по центру или краю другого элемента.

    Скриншот элемента в дизайнере бейджей. Элемент выбран.

    💡 Имейте в виду, что если вы выбираете двусторонний макет, расположите элементы в верхней части предварительного просмотра значка.

  6. Инструменты для элементов. Когда вы выбираете один элемент, под ним в окне предварительного просмотра значка появляется плавающая панель инструментов. Используйте эту панель инструментов для наложения, поворота, выравнивания или удаления элементов. Вы также можете удалять элементы с помощью клавиш возврата (Windows) или удаления (MacOS).

  7. Масштаб — используйте эти кнопки для увеличения масштаба и точной настройки элементов значка. Если вы редактируете изображение на устройстве с сенсорным экраном, сведите пальцы, чтобы увеличить или уменьшить масштаб.

  8. Инструменты истории. Нажмите значок часов, чтобы отменить все неопубликованные изменения. Это отменит всю работу, которую вы проделали с момента перехода на страницу редактирования значка. Используйте кнопки отмены/повтора, чтобы отменить или вызвать последнее изменение.

  9. Сетка. Нажмите эту кнопку один раз, чтобы добавить сетку размером 0,5 дюйма, и дважды, чтобы добавить сетку размером 1 дюйм в окно предварительного просмотра значка. Это поможет вам выровнять элементы друг с другом и убедиться, что элементы не перекрывают предварительно напечатанные части значка.

При внесении изменений ваш прогресс автоматически сохраняется. Когда вы закончите настройку элементов на одной из пяти вкладок, просто покиньте вкладку.

Теперь давайте рассмотрим каждую вкладку «Инструмент дизайна». 🔍

Инструменты проектирования

Добавляя элементы каждого типа, используйте инструменты редактирования, описанные ранее, для перемещения, изменения размера, стиля и настройки элемента по мере необходимости. Используйте правила видимости для отдельных элементов, чтобы достичь невероятного уровня контроля над тем, какие элементы печатаются для каких посетителей.

Макет

Снимок экрана: вкладка «Макет» в инструментах дизайна.

В этом разделе конструктора бейджей определяются размер, ориентация и тип вашего бейджа. Дополнительную информацию о доступных типах бейджей и методах печати можно найти в нашей статье «Типы бейджей на Onsite» .

  • Принтер. На данный момент мы поддерживаем только определенные подмодели Zebra ZD620 и ZD621, чтобы гарантировать стабильно высокое качество печати. В настоящее время вы можете выбрать только Zebra ZD620, поскольку размеры бейджей одинаковы для обоих принтеров.

  • Размер значка. Используйте этот раскрывающийся список, чтобы выбрать размер, ориентацию и материал вашего значка. Ваш выбор должен соответствовать тому, что вы заказали у поставщика значков. Если у вас есть вопросы, начните чат с нашей замечательной командой поддержки или напишите нам по адресу support@socio.events .

    ⚠️Осторожно! Если вы меняете размер значка после добавления элементов на значок, еще раз проверьте расположение всех элементов на значке.

  • Зеркальный значок. Если вы выбрали размер двустороннего значка, вы можете зеркально отразить значок, чтобы одни и те же элементы были напечатаны на обеих сторонах значка. Если вы хотите, чтобы на каждой стороне значка была уникальная информация, оставьте этот переключатель отключенным.

Закончив выбор параметров макета, перейдите на вкладку «Информация о пользователе» .

Информация о пользователе

Вкладка «Информация о пользователе» позволяет выбрать, какая информация об участниках будет напечатана на бейдже, включая вопросы и ответы .

💡 Имейте в виду, мы рекомендуем использовать только Имя или Полное имя. Использование имени и фамилии вместе может привести к несогласованному форматированию.

Чтобы добавить на бейдж поле с информацией о пользователе, активируйте его переключатель.

Анимированный GIF-файл, показывающий, как пользователь добавляет и упорядочивает поля на бейдже.

Как только вы закончите добавлять и размещать информацию об участниках, это означает, что вы выполнили минимальную настройку, необходимую для печати бейджей, и можете публиковать на Onsite !

Однако доступно гораздо больше настроек с изображениями, текстом, фигурами и правилами видимости . Продолжайте читать, чтобы узнать больше. 📖

Добавить изображение

Добавление изображения на значок — отличный способ украсить свои значки или добавить отличия различным типам значков. Например, вы можете добавить логотипы каждого из ваших спонсоров, а затем использовать правила видимости, чтобы персонал каждого спонсора получал на своем значке правильный логотип.

Чтобы добавить изображение на бейдж, нажмите кнопку «Добавить новое изображение» . В появившемся модальном окне следуйте инструкциям, чтобы выбрать файл изображения на вашем устройстве. Нажмите кнопку «Редактировать» , чтобы обрезать изображение или настроить его поворот или масштабирование. Нажмите «Загрузить» , чтобы завершить.

Скриншот логотипа в модальном окне предварительного просмотра изображения.

Добавить текст

Чтобы добавить собственный текст к бейджу, нажмите кнопку «Добавить новый текст» , и в окне предварительного просмотра бейджа будет добавлено новое текстовое поле. Нажмите внутри желтого поля в окне предварительного просмотра значка, чтобы отредактировать текст.

Анимированный GIF-файл, показывающий, как пользователь добавляет и настраивает текстовое поле.

Добавить фигуру

Чтобы добавить форму к значку, нажмите кнопку «Добавить новую фигуру» и выберите нужную форму из раскрывающегося списка. Форма автоматически добавляется в окно предварительного просмотра значка.

Снимок экрана: вкладка «Добавить фигуру» в инструментах дизайна. Добавлена ​​шестиугольная форма.

Управление значками

После создания значков управляйте ими на странице «Значки». Нажмите значок «Настройки» ( ) рядом со значком, чтобы изменить его имя и эксклюзивные группы, отредактировать или клонировать дизайн или удалить значок.

💡 Имейте в виду, что клонирование значка клонирует только дизайн. Эксклюзивные групповые назначения и правила видимости не клонируются.

Скриншот страницы значка. Расширено меню настроек бейджа.

Значки показывают один из трех статусов:

  • Требуется дизайн. На значке пока нет никакой информации.

  • Готово к публикации. На значке имеется хотя бы одно информационное поле или его дизайн был изменен. «Готовность к публикации» не всегда означает, что значок готов к печати. Внимательно проверяйте каждый дизайн перед публикацией.

  • Опубликовано. Вы нажали «Опубликовать», и значок теперь доступен!

⚠️Осторожно! Если вы вносите изменения в дизайн бейджа после настройки iPad или iPhone для регистрации на месте, вам необходимо обновить каждое устройство, нажав «Обновить все данные на месте». кнопку на странице настроек приложения Onsite .

После публикации дизайнов значков вы можете просмотреть значок участника в его профиле, чтобы проверить, как элементы значка будут напечатаны для этого участника. Вот как:

  1. На панели навигации по событию нажмите «Участники» .

  2. На странице «Посетители» нажмите на участника, чтобы открыть его профиль участника.

  3. На странице «Обзор» профиля участника нажмите кнопку «Показать значок» , чтобы открыть модальное окно предварительного просмотра значка для этого участника.

    Модальное окно предварительного просмотра значка в профиле участника.

Теперь, когда вы создали значки, вы готовы опубликовать их на Onsite !

Советы профессионалов! 😎

  • Если вы предварительно распечатываете фон, название мероприятия, логотипы или другую информацию о бейджах, загрузите пустое изображение бейджа в дизайнер и измените его размер, чтобы он поместился во весь бейдж, а затем отключите изображение. После того, как вы добавите элементы на значок, снова включите изображение и наложите его на обратную сторону, чтобы случайно не закрыть предварительно напечатанные элементы. 🌟

  • Добавьте QR-код, который открывает промо-страницу вашего приложения для мероприятий , чтобы способствовать внедрению Event App .

  • Если вы используете рулоны термопереноса, рассмотрите возможность заказа ленты, которая соответствует цветам вашего мероприятия или дополняет их, чтобы еще больше приблизить дизайн вашего бейджа к вашему бренду.

  • Если вы настраиваете значок, который печатает различную форму или логотип в зависимости от эксклюзивной группы, например, логотипы спонсоров, и вам необходимо разместить похожие элементы в одном физическом пространстве на значке, используйте инструменты «Переместить вперед» или «Отправить назад». настроить каждый элемент по мере необходимости. Затем просто настройте правила видимости , чтобы печаталось только нужное изображение для каждого посетителя.

Вопросы? Поговорите с нами, отправьте электронное письмо по адресу support@socio.events или посетите сеанс лицом к лицу .

Нашли ответ на свой вопрос?