Бейдж
Создавайте интерактивные 3D-бейджи на ленте, которые раскачиваются и двигаются реалистично. Идеально для цифровых визиток, бейджей на мероприятия и уникальных карточных презентаций.
Создать бейджЧто такое бейдж?
Проект «Бейдж» создаёт интерактивную 3D-карточку, висящую на ленте, как конференц-бейдж или удостоверение. Карточка естественно раскачивается при взаимодействии зрителей, создавая увлекательный эффект.
- Реалистичное раскачивание на основе физики
- Настраиваемое изображение и цвета карточки
- Настраиваемое положение и масштаб изображения на карточке
- Настраиваемые цвета ленты
- Работает на всех устройствах
Лучшие сценарии использования
Цифровые визитки
Выделитесь с запоминающейся 3D-презентацией
Бейджи на мероприятия
Виртуальные пропуска для конференций и мероприятий
Удостоверения
Удостоверения сотрудников или членов организации
Членские карты
Членские карты клубов или организаций
VIP-пропуска
Пропуска для эксклюзивного доступа
Артистические пропуска
Бэкстейдж-пропуска или аккредитации артистов
Создание бейджа
Шаг 1: Загрузите или сгенерируйте изображение карточки
На вкладке «Контент» загрузите изображение для карточки:
Загрузить изображение
Перетащите или выберите файл для загрузки изображения карточки. Лучший результат даёт вертикальное изображение — выше, чем шире.
Всё, что остаётся вокруг изображения, заливается цветом фона карточки, поэтому подберите цвет, близкий к вашему дизайну.
Шаг 2: Настройте внешний вид карточки
Отрегулируйте параметры карточки:
- Цвет фона карточки: цвет за вашим изображением
- Смещение текстуры: тонкая настройка положения изображения (X и Y)
- Масштаб текстуры: приближение или отдаление изображения
Шаг 3: Настройте ленту
На вкладке «Настройки» измените цвет ленты в соответствии с вашим брендом или темой мероприятия.
Шаг 4: Добавьте навигационные ссылки
Используйте вкладку «Меню», чтобы добавить плавающий док со ссылками на ваш сайт, профили в соцсетях или контактную информацию.
Настройки бейджа
Цвет ленты
Измените цвет ленты бейджа. Подберите его под ваш бренд или цвета мероприятия.
Фон
Установите сплошной цвет, градиент или изображение в качестве фона сцены. Это фон, на котором висит бейдж.
Навигационный док
Добавьте ссылки и кнопки масштабирования в плавающий док. Настройте расположение, стиль и видимость на вкладке «Меню».
Кнопки масштабирования
Включите кнопки масштабирования в доке, чтобы зрители могли рассмотреть карточку поближе.
Как зрители взаимодействуют
Бейдж реагирует на действия зрителей:
Перетаскивание мышью/пальцем
Кликните и перетащите карточку, чтобы она раскачивалась. Отпустите — и она плавно остановится.
Автоматическое движение
При загрузке страницы карточка качается на ленте, а затем успокаивается и ждёт, пока её сдвинут.
Масштабирование
Используйте кнопки масштабирования в доке, чтобы рассмотреть карточку детально.
Ссылки дока
Кликайте по ссылкам в навигационном доке для перехода на внешние страницы или просмотра модального контента.
Советы по созданию отличных бейджей
- Используйте изображения высокого разрешения для чёткого отображения карточки
- Размещайте важный контент по центру (края могут обрезаться)
- Подберите цвет ленты под ваш бренд для целостного вида
- Добавьте ссылки в док на ваш сайт, LinkedIn или портфолио
- Используйте смещение и масштаб текстуры, чтобы скадрировать изображение на карточке
- Протестируйте эффект раскачивания перед публикацией