технология

Как создать
переворачивающиеся карточки
в Playbuzz

Как скучную информацию сделать понятной и интересной для аудитории? Рассказываем, как с помощью сервиса Playbuzz сделать флип‐карты — карточки, на обе стороны которых нанесена информация, например, с одной стороны вопрос, с другой — ответ.

Чтобы начать работу, зарегистрируйтесь в сервисе Playbuzz или войдите в свой аккаунт, если регистрировались ранее — кнопка «LOG IN» расположена в правом верхнем углу. Авторизоваться можно с помощью учетной записи Гугла, Фейсбука или по электронной почте.

Сайт предложит вам выбрать уже имеющиеся шаблоны или создать свой. Наведите курсор на иконку в левом верхнем углу рядом с логотипом сайта и в выпадающем списке выберите «New from template» (Новый шаблон). Во вкладке «New» (Новые) всплывающего окна выберите «Flip Card» (Переворачивающаяся карточка) и нажмите кнопку «Create» (Создать).

Заголовок

Придумайте набору карточек заголовок, который, поможет вам привлечь аудиторию: вызовет любопытство и создаст интригу. Нажмите на кнопку «+Add header» (Добавить заголовок) и заполните соответствующие поля. Изображение для заголовка можно добавить, используя бесплатную библиотеку изображений Getty, найти в интернете или на вашем компьютере. Для более точного поиска картинки используйте фильтр под поисковой строкой.

Создаем карточки

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

Чтобы добавить изображение, нажмите на синий круг с иконкой фотоаппарата «Select Media» (Выбрать медиа). Поиск изображения происходит так же, как и в случае с заголовком. Картинку можно отредактировать: обрезать, размыть; добавить рисунок, текст, смайлики и стикеры.

Если на обратной стороне карточки тоже должна быть картинка, нажмите кнопку «Back» (Назад) в левом верхнем углу рабочего поля, и действуйте аналогично первому шагу.

Чтобы добавить на карточку текст, выберите кружок с буквами в центре «Text Card» (текстовая карточка). Максимальное количество знаков на каждой стороне карточки — 200.

Если ваш тест немного длиннее, создайте картинку с уже нанесенным текстом в любом графическом редакторе, например, в Canva (убедитесь, что размер шрифта позволит прочесть текст даже с телефона).

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

Вы можете изменить начертание шрифта на Regular (обычный), Narrow (жирный), Serif (курсив), и выбрать выключку (выравнивание) текста: справа, по центру, слева. Можете сделать вашу карточку квадратной — кнопка «Square» (квадрат) в правом верхнем углу.

Редактируем набор карточек

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

Если вам нужно больше карточек — нажмите на значок плюса в фиолетовом кружке у нижнего левого угла любой из карточек, в открывшемся окне выберите «Media». Либо скопируйте любую из карточек и отредактируйте её. Для этого кликните по значку «Dublicate» (Создать дубликат).

Чтобы изменить порядок карточек, нажмите на перекрестие со стрелками «Drag to reorder» (Перетащить, чтобы изменить порядок) и переместите выбранную позицию в нужное место.

Если нужно удалить карточку, кликните на иконку с мусорным баком «Delete» (Удалить).

Когда карточек больше трех, перемещаться между ними удобнее с помощью оглавления в левой части конструктора, во вкладке «Map» (Карта).

Публикуем карточки

Перед тем, как опубликовать проект, сохраните его, нажав на кнопку «Save Draft» (Сохранить черновик) в правом верхнем углу. Если позже вы что‐то решите поменять в карточках, не забывайте сохранять внесенные изменения.

Проверьте, как будут выглядеть флип‐карты на экранах устройств (компьютер, планшет, телефон) — нажмите на кнопку «Preview» (Предпросмотр) в правом верхнем углу. Если что‐то нужно исправить, сделайте это.

Чтобы опубликовать карточки, нажмите зеленую кнопку «Publish» (Опубликовать) в правом верхнем углу. В появившемся окне вы найдете embed‐код для встраивания флип‐карт на сайт или страницу блога. Для настройки отображения информации (обложка, название, описание) и доступа — передвиньте соответствующие ползунки вправо (или влево, если вы потом передумали).

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

Давайте посмотрим, что у нас получилось. Кликайте левой кнопкой мыши по карточке, чтобы она перевернулась.

Вот так за 10 минут можно быстро и просто создать интересный и привлекательный контент на замену обычному тексту.

С помощью этой технологии были реализованы следующие проекты

Над материалом работала
Ульяна Коршунова

Иллюстрации:
скриншоты
сервиса Playbuzz

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!