Создание ресайзов (кнопка Resize)

Переход к функции Resize

1. Откройте редактор deaz.io
   Перейдите в проект, где находится макет, который вы хотите изменить.

2. Найдите кнопку Resize
   В левой панели редактора найдите и нажмите кнопку Resize (Ресайз). Это откроет меню для работы с размерами.

Обзор окна Resize

На вкладке Change size (Изменить размер) доступны следующие элементы:

• Текущий размер макета (Current size). Отображается текущая ширина (W) и высота (H) вашего макета.

• Размеры (Sizes). Представлены размеры, на которые вы можете заменить текущий мастер-макет. Вы можете воспользоваться поиском по размерам или создать свой кастомный.

На вкладке Generate a set (Создать набор) доступны следующие элементы:

1. Выбор размеров для ресайзов из шаблонов существующих площадок
   

   Вы можете выбрать стандартные размеры из готовых шаблонов, таких как Yandex Direct HTML5, Yandex Direct GIF, Google Ads и других. Если нужного размера нет в шаблоне, вы можете добавить его вручную. Введите ширину (W) и высоту (H) в пикселях и нажмите Add size (Добавить размер).

2. Поиск по размеру
3. Кастомное добавление размеров
   Если вам нужно добавить нестандартный размер, нажмите на знак «+» (Add size), затем введите значения ширины (W) и высоты (H) в пикселях — например, 240×400. После этого нажмите кнопку + Add (Добавить), чтобы сохранить новый размер.

Создание набора ресайзов

1. Проверьте выбранные размеры. Убедитесь, что все нужные размеры отмечены. В разделе Chosen (Выбрано) отображается количество выбранных размеров.
   Примечание: убедитесь, что выбранные размеры соответствуют требованиям платформы, на которой будет размещаться реклама.

2. После выбора размеров нажмите кнопку Generate a set (Создать набор). deaz.io автоматически создаст креативы для всех выбранных размеров.

Resize settings (настройка ориентаций)

После выбора размеров для ресайза в редакторе мастер-баннера, мы предлагаем вам настроить ориентации (горизонтальную, вертикальную и квадратную) для более точного размещения элементов на баннерах. Это позволяет адаптировать макет под разные форматы, сохраняя целостность дизайна и соответствие вашему брендбуку. 

Шаг 1: Настройка ориентаций

1. Окно настройки ориентаций
   В зависимости от выбранных размеров, deaz.io отобразит доступные ориентации: горизонтальная, вертикальная и квадратная.

2. Переключение между ориентациями
   Используйте панель в верхней части окна для переключения между ориентациями. Это позволит вам настроить расположение элементов для каждого типа баннера.

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

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

Шаг 2: Предварительный просмотр

1. Нажмите Preview Set
   После завершения настройки ориентаций нажмите кнопку Preview Set (Предварительный просмотр). Это позволит вам увидеть, как будет выглядеть ваш баннер на всех выбранных размерах.

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

Шаг 3: Сохраните баннер-сет

Нажмите кнопку Save this set, чтобы сохранить баннер-сет в свои проекты на рабочей области.

Рекомендации:

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

• Объединяйте элементы в группы, если вы хотите сохранить эту структуру для ресайзов на остальных размерах.

• Следуйте брендбуку: убедитесь, что расположение элементов соответствует корпоративным стандартам.

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