Основная функция блока:
Блок Мокап — это изображение устройства, на экране которого можно вывести собственный контент.
Вам доступно более 40 мокапов в разных моделях, цветах и проекциях. Среди них:
Блок Мокап — это изображение устройства, на экране которого можно вывести собственный контент.
Вам доступно более 40 мокапов в разных моделях, цветах и проекциях. Среди них:
- смартфоны
- планшеты
- ноутбуки
- мониторы
Примеры:
Как это работает:
1. Добавьте блок «Мокап» на сайт (находится в категории «Дизайн/Контент»).
2. Замените изображение на экране устройства.
Готово!
1. Добавьте блок «Мокап» на сайт (находится в категории «Дизайн/Контент»).
2. Замените изображение на экране устройства.
Готово!
Подготовка изображения:
Под каждым типом интерфейса размещена подсказка с указанием соотношения сторон.
Размер необходимого изображения легко подсчитать, умножив соотношение сторон на 100 или 200 в зависимости от высоты мокапа.
Под каждым типом интерфейса размещена подсказка с указанием соотношения сторон.
Размер необходимого изображения легко подсчитать, умножив соотношение сторон на 100 или 200 в зависимости от высоты мокапа.
В данном случае подойдёт изображение размером 900х1600 пикселей.
Тип мокапа:
Параметр "Тип мокапа" позволяет выбрать категорию устройства. На данный момент доступны 4 категории: смартфоны, планшеты, ноутбуки и мониторы.
В каждой категории находится от 7 до 17 мокапов. Мокапы различаются моделью, цветом и положением.
Параметр "Тип мокапа" позволяет выбрать категорию устройства. На данный момент доступны 4 категории: смартфоны, планшеты, ноутбуки и мониторы.
В каждой категории находится от 7 до 17 мокапов. Мокапы различаются моделью, цветом и положением.
Пример мокапа смартфона после добавления блока на сайт:
Изображение:
Изменить изображение на мокапе можно либо дважды кликнув на мокап в редакторе, либо через параметр "Изображение".
Изменить изображение на мокапе можно либо дважды кликнув на мокап в редакторе, либо через параметр "Изображение".
Пример мокапа смартфона c новым изображением:
При смене мокапа изображение автоматически подстраивается под размер и положение устройства.
Позиция:
Изображение не обязательно должно идеально подходить под экран: с помощью настройки «Позиция» можно скорректировать расположение загруженной картинки.
Изображение не обязательно должно идеально подходить под экран: с помощью настройки «Позиция» можно скорректировать расположение загруженной картинки.
Эффект картинки:
Эффект накладывается только на изображение, загруженное в мокап. На сам мокап эффект не применяется.
С помощью эффектов картинки можно наложить размытие, сделать экран устройства светлее или темнее, а также перевести изображение в оттенки серого.
Эффект накладывается только на изображение, загруженное в мокап. На сам мокап эффект не применяется.
С помощью эффектов картинки можно наложить размытие, сделать экран устройства светлее или темнее, а также перевести изображение в оттенки серого.
Тень:
Тень применяется на весь мокап в целом.
При использовании своей тени можно также создать эффект свечения.
Тень применяется на весь мокап в целом.
При использовании своей тени можно также создать эффект свечения.
Высота мокапа:
Мокап всегда сохраняет свои пропорции, а размер регулируется за счёт параметра высота.
Мокап всегда сохраняет свои пропорции, а размер регулируется за счёт параметра высота.
Вид блока мокап в свободной секции:
Анимация:
В настройках анимации можно выставить эффект появления, поведения или фиксации мокапа на странице.
Подробнее об анимации появления можно узнать из этой статьи.
В настройках анимации можно выставить эффект появления, поведения или фиксации мокапа на странице.
Подробнее об анимации появления можно узнать из этой статьи.
Действия при клике:
Вы можете настроить событие при клике на мокап. Доступны все действия также как у блока "Кнопка".
Вы можете настроить событие при клике на мокап. Доступны все действия также как у блока "Кнопка".
Цели аналитики:
Если действие при клике является целевым, вы можете настроить на него аналитику Яндекс или Google.
Если действие при клике является целевым, вы можете настроить на него аналитику Яндекс или Google.
SEO настройки:
Для изображения, загруженного на мокап, можно указать параметры для поисковых систем.
Для изображения, загруженного на мокап, можно указать параметры для поисковых систем.
