Создание баннера по шаблону


Последнее обновление 04 июля 2022
Читать 0 минут
Маркетинговые инструментыБаннерыРеклама

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

# Как это работает

  1. Откройте шаблон в программе Figma.
  2. Выберите нужный тип баннера, замените в нем изображения и текст на свои.
  3. Сохраните результат.

# Почему Figma

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

# Как начать работать с шаблоном

  1. Зарегистрируйтесь в Figma:

    1. Зайдите на сайт figma.com и нажмите Sign up.
    2. Войдите с помощью учетной записи Google или введите адрес электронной почты и пароль.
  2. Добавьте шаблон в свои черновики в Figma. Для этого:

    1. Скачайте шаблон + инструкцию для создания баннера.

    2. Откройте Figma и в правом верхнем углу программы нажмите значок импорта.

    3. Выберите файл с шаблоном и нажмите Open.

# Как работать с шаблоном

С помощью шаблона вы можете создавать баннеры для следующих мест размещений:

  1. Главная страница (для сайта и для мобильного приложения / мобильной версии сайта)
  2. Карточка товара (для сайта и для мобильного приложения / мобильной версии сайта)
  3. Акции и спецпредложения (для сайта и для мобильного приложения / мобильной версии сайта)
  4. Все магазины (для сайта и для мобильного приложения / мобильной версии сайта)
  5. Меню категорий (для мобильного приложения / мобильной версии сайта)
  6. Заказ выполнен (для сайта и для мобильного приложения / мобильной версии сайта)
  7. Брендовая полка (для сайта и для мобильного приложения / мобильной версии сайта)

Обратите внимание на охранные поля — красные рамки на баннерах. Текст и другое важное содержимое должны уместиться внутри охранного поля.

Также мы добавили в шаблон элементы, которые вы можете использовать для создания своих баннеров:

Чтобы создать баннер с помощью шаблона:

  1. В шаблоне выберите нужный тип баннера: место и платформу размещения. Например, на карточке товара и на сайте.

  2. Отредактируйте его содержимое: поменяйте фон, текст, графические элементы. При этом:

    • Обращайте внимание на рекомендации к содержимому баннеров.
    • Не размещайте важные элементы (тексты, кнопки, размеры скидок) за границами охранной области.

    Вы можете воспользоваться элементами из шаблона или добавить свои.

  3. Удалите или скройте рамку охранной области.

  4. Сохраните баннер. Для этого:

    1. Убедитесь, что выделен баннер, который хотите сохранить.

    2. На панели справа найдите Export и нажмите значок «плюс» справа от него.

    3. Выберите нужный формат и нажмите кнопку Export. На ваш компьютер загрузится файл баннера.

  5. Проверьте, что баннер соответствует требованиям и подходит по размеру.

  6. Если баннер не подходит по размеру, сожмите его с помощью любого сайта-компрессора файлов — например, www.compresss.com.