Есть причина, по которой баннерная реклама в Интернете до сих пор является одним из самых популярных методов продвижения, несмотря на то, что впервые появилась в 1994 году: она эффективна, не говоря уже о рентабельности.
Если баннерная реклама еще не является частью вашей маркетинговой стратегии, вам обязательно стоит попробовать.
Не знаете, как сделать баннер? Мы вас прикрыли.
Следуйте простым шагам, описанным в этом руководстве и у вас будет не один дизайн, а целая кампания, готовая к публикации, и вы мгновенно расскажете о своем бренде.
Резюме
А. Наиболее распространенные размеры баннеров
B. Как сделать баннер за 5 шагов
3. Персонализируйте свой баннер
3.1. Добавьте изображения к вашему баннеру
3.2. Используйте привлекательный текст и шрифты
3.3. Попробуйте разные сочетания цветов
3.4. Включите фирменные элементы
3.5. Добавить переходы/анимацию
4. Создание нескольких размеров/изменение размера
С. Выводы
А. Наиболее распространенные размеры баннеров
Баннеры бывают всех форм и размеров, поэтому может быть сложно решить, на каких из них вы должны сосредоточить свое внимание. По данным Google Ads, крупнейшей рекламной сети, наиболее часто используемые размеры:
- 300 × 250 пикселей (внутренний прямоугольник)
- 336×280 пикселей (большой прямоугольник)
- 728×90 пикселей (таблица лидеров)
- 970×90 пикселей (большой полноразмерный баннер)
- 468×60 пикселей (баннер)
- 300 × 600 пикселей (объявление на полстраницы)
- 160×600 пикселей (широкий небоскреб)
- 250×250 пикселей (квадрат)
- 200×200 пикселей (маленький квадрат)
- 300×50 пикселей (мобильный баннер)
Хотя слово « баннеры » иногда используется как синоним медийной рекламы , не все баннеры являются медийной рекламой. Фактически, вы можете встретить баннеры в популярных социальных сетях, таких как Twitter, Facebook или Youtube:
- 1080 × 1080 пикселей (рекламный баннер Facebook / графическое объявление в ленте)
- 1080 × 1080 пикселей (баннер Instagram / графическое объявление в ленте)
- 468 × 60 пикселей или 728 × 90 пикселей (баннер YouTube/оверлей)
- 1128×191 пикс . (баннер/обложка профиля LinkedIn)
- 1500×500px (баннер/шапка Твиттера)
- 1080×1920 пикселей (баннер Pinterest/обложка профиля)
- 1200×628 пикселей (баннер/графическое объявление TikTok)
B. Как сделать баннер за 5 шагов
1. Выберите размер
Там может быть множество типов баннеров, но вам не нужно знать все размеры наизусть. Наоборот, чем меньше вы занимаетесь техническими аспектами, тем больше вы можете сосредоточиться на том, что действительно важно в создании рекламы — на творчестве.
При разработке дизайна в конструкторе баннеров вы можете без труда получить правильные размеры благодаря библиотеке предопределенных размеров, которая охватывает размеры как медийной рекламы, так и рекламы в социальных сетях.
Вы увидите раскрывающееся меню, позволяющее быстро перемещаться по всем доступным предустановленным размерам, включая популярные типы баннеров, такие как большие прямоугольники, списки лидеров, обложки Facebook и другие.
Прокрутите вниз, чтобы выбрать размер, который вы хотите использовать для своего дизайна. Кроме того, вы можете ввести либо нужные вам размеры (например, 200 × 200 пикселей), либо название размера (например, маленький квадрат) в строке поиска.
Как только вы окажетесь на специальной странице размера, нажмите « Пустой дизайн » и начните излагать свое видение на холсте.
Если вам нужны определенные размеры, которых нет в этом списке, вы можете создать нестандартный размер (первая опция в раскрывающемся меню) или начать проектирование с полного набора предустановленных размеров.
Мы знаем, что вдохновение приходит и уходит, поэтому вы не всегда готовы создавать дизайн с чистого листа, и это нормально. Следующий шаг призван помочь вам в эти моменты.
2. Выберите шаблон
Если вам не хватает творческих идей для вашего дизайна или у вас мало времени и вам нужно как можно скорее подготовить баннер к публикации, вы можете воспользоваться готовыми шаблонами для начала.
Creatopy предлагает широкий выбор статических и анимированных шаблонов , которые вы можете использовать независимо от отрасли, в которой вы работаете, или платформ, на которых вы публикуете.
После того, как вы выберете предопределенный размер, вы попадете на специальную страницу для этого размера. Рядом с пустой областью дизайна вы увидите множество профессионально выглядящих шаблонов, созданных нашими штатными дизайнерами.
Горизонтальная панель навигации над шаблонами может помочь вам быстрее найти подходящий вариант, так как она содержит различные категории шаблонов, в том числе отраслевые, а также связанные с праздниками и событиями.
Например, если вы хотите создать баннер для индустрии электронной коммерции , перейдите прямо в эту категорию и сделайте выбор, не просматривая шаблоны для других отраслей.
Точно так же, если ваш дизайн должен быть посвящен Пасхе, сразу же перейдите в категорию «Пасха», чтобы найти свое вдохновение.
Совет для профессионалов: используйте анимированный шаблон вместо статического, если вы хотите повысить вероятность вовлечения вашего баннера.
3. Персонализируйте свой баннер
Теперь, когда вы выбрали желаемый размер или шаблон, вы должны оказаться в том, что мы называем сценой, то есть там, где может проявиться ваш творческий потенциал.
В левой части конструктора баннеров есть меню со множеством инструментов, которые вы можете использовать для настройки своего дизайна.
Вы можете добавлять изображения и иллюстрации, использовать фирменные цвета или шрифты и анимировать свой баннер с помощью простых движений перетаскивания.
Чтобы еще больше ускорить процесс проектирования, используйте сочетания клавиш в нижней части меню боковой панели, чтобы ориентироваться в конструкторе баннеров с небольшой помощью мыши или сенсорной панели.
Но давайте подробно рассмотрим каждый способ индивидуальной настройки дизайна.
3.1. Добавьте изображения к вашему баннеру
Привлекательные изображения — самый мощный союзник в привлечении внимания зрителей.
Получите доступ к опции элементов в меню слева, чтобы открыть библиотеку с более чем 20 миллионами изображений Shutterstock , оригинальными иллюстрациями и другими творческими элементами, такими как фигуры, маски, значки и логотипы.
Все это высококачественные фотографии, которые будут отлично смотреться независимо от размеров вашего баннера.
Однако, если вы предпочитаете создавать свои собственные изображения или иллюстрации, загрузите их на платформу в разделе « Мои загрузки » в меню. Оттуда вы можете просто перетащить их на свой дизайн и расположить по своему усмотрению.
Вы хотите, чтобы в центре внимания вашего объявления было стоковое изображение или загруженное вами? Используйте функцию удаления фона, чтобы автоматически создавать четкие вырезы фона из любого изображения и включать их в свой дизайн.
3.2. Используйте привлекательный текст и шрифты
Пришло время подумать о сообщении, которое вы хотите передать, и о том, как вы хотите, чтобы оно выглядело, т. е. о тексте и шрифте.
Недостаточно выбрать эстетически приятные шрифты, чтобы ваш текст выглядел хорошо. Вам также необходимо учитывать удобочитаемость, сходство со стилем вашего бренда, а также соответствие между несколькими шрифтами.
Мы рекомендуем вам воздержаться от использования более двух шрифтов, так как вы хотите, чтобы текст можно было легко сканировать. К счастью, Creatopy предоставляет множество дополнительных пар шрифтов, которые можно использовать как есть или настроить в соответствии с вашим дизайном.
Откройте параметр « Текст » в левом меню, чтобы открыть предустановки типографики и выбрать тот, который вы считаете подходящим. Измените шрифт, размер, форматирование или отрегулируйте высоту строки и выровняйте текст по центру, по левому или правому краю, чтобы добиться наилучшего вида.
Поскольку мы говорим о тексте, давайте быстро обсудим, как добавить кнопку CTA на свой баннер.
В разделе кнопок меню вы найдете множество дизайнов кнопок CTA, которые вы можете персонализировать, изменив текст и цвета в редакторе, чтобы побудить зрителей щелкнуть.
3.3. Попробуйте разные сочетания цветов
Если вы знакомы с теорией цвета , то, вероятно, знаете, что цвета могут вызывать определенные чувства или мысли у зрителя. Вы должны помнить об этом при выборе цветовой схемы, так как она может служить вашей рекламной цели.
Выбирайте дополнительные цвета, создающие красивые контрасты, например оранжевый и синий или желтый и фиолетовый, чтобы ваш баннер привлекал внимание.
В Creatopy вы можете изменить цвет элементов дизайна, таких как иллюстрации, фигуры, линии или текст, независимо от того, начали ли вы с предопределенного размера или шаблона. Просто нажмите на элемент, который вы хотите отредактировать, и настройте параметры цвета по своему вкусу.
Если вам нужен однотонный фон, это легко сделать, перейдя в раздел « Фон » в меню слева и выбрав нужный цвет. Вместо этого используйте градиент, чтобы получить один цвет, который плавно переходит в другой эффект.
3.4. Включите фирменные элементы
Включите стиль вашего бренда в баннер, чтобы сделать его мгновенно узнаваемым для вашей целевой аудитории.
Вы можете легко сделать это благодаря функции Brand Kit в Creatopy, которая позволяет вам вносить в приложение активы бренда, такие как цветовые палитры, логотипы, векторы и типографику. Быстро открывайте комплект из меню левой панели в рабочей области всякий раз, когда вы занимаетесь дизайном.
Если вы отвечаете за создание рекламы для разных брендов, вы можете создать несколько наборов брендов и получать доступ к тому, который вам нужен в каждый конкретный момент времени.
При использовании функции Brand Kit обязательно опробуйте опцию перемешивания цветов, которая добавляет вашу пользовательскую цветовую палитру к вашему баннеру в процессе разработки в различных вариантах, поэтому вам не нужно делать это вручную.
3.5. Добавить переходы/анимацию
Известно, что анимированные баннеры привлекают больше внимания, и вы будете рады узнать, что можете добавить плавные переходы к своим с помощью пары щелчков мыши благодаря функции Magic Animator.
Просто нажмите на опцию « Аниматор » в меню слева и выберите один из нескольких предустановленных вариантов анимации, которые помогут вам добавить движения в вашу рекламу за считанные секунды.
Вы можете настроить задержку и продолжительность переходов из предварительного просмотра аниматора, но если вы хотите продолжить настройку и адаптировать анимацию к вашим конкретным потребностям , откройте функцию временной шкалы и поэкспериментируйте с различными эффектами и размещением слоев.
В области слайдов в правой части рабочего пространства вы можете создавать новые слайды, дублировать существующие и добавлять новые переходы между ними, а также выбирать количество циклов для анимации.
4. Создание нескольких размеров/изменение размера
Мы подошли к той части, которая делает опыт создания баннеров в Creatopy действительно стоящим.
Как только вы будете удовлетворены тем, как получился ваш дизайн, вы можете создать несколько вариантов размера и подготовить целую кампанию в течение нескольких минут, используя инструмент изменения размера Creatopy.
Перейдите в левое боковое меню и выберите параметр « Изменить размер ». Выберите желаемые заранее определенные размеры для ваших баннеров или создайте собственные и нажмите «Создать набор в выбранных размерах » .
Ваши варианты откроются в генераторе дизайна, где вы сможете одновременно редактировать несколько размеров или войти в режим индивидуального редактирования и настроить слои и переходы для каждого макета отдельно.
Вот и все — простой способ обойти повторяющуюся работу. Остался всего один шаг и вы можете публиковать свои объявления на выбранной платформе.
5. Экспортируйте свои баннеры
Когда ваши проекты будут готовы к публикации, нажмите кнопку « Загрузить » в правом верхнем углу, чтобы открыть меню с доступными форматами экспорта.
Creatopy предлагает семь форматов файлов, поэтому вы можете выбрать тот, который лучше всего подходит для вашего типа баннера и соответствует спецификациям вашей издательской сети.
Если ваш дизайн статичен, мы рекомендуем вам использовать JPG, PNG, HTML, AMP или статический GIF. Для анимированных баннеров выберите HTML, AMP, MP4 или анимированный GIF.
Каждый тип экспорта имеет дополнительные параметры, такие как сжатие или масштабирование. Для формата HTML Creatopy позволяет оценить размер файла перед загрузкой, чтобы убедиться, что он соответствует требованиям вашей рекламной сети.
Не беспокойтесь об одновременном экспорте нескольких дизайнов и необходимости их последующей сортировки, поскольку Creatopy позволяет вам настраивать имена ваших файлов, чтобы вы знали, какой из них какой после загрузки.
Совет для профессионалов: AMP — лучший выбор формата, если вы хотите предоставить своей аудитории более качественную и безопасную рекламу. Благодаря технологии AMPHTML эти объявления загружаются быстрее и проверяются перед показом для обеспечения защиты от вредоносных программ.
С. Выводы
Надеемся, это руководство помогло вам понять, что изготовление баннеров не должно быть долгим и утомительным процессом, к которому вы боитесь приступить, но это далеко не так.
С такими инструментами, как Creatopy, легко научиться создавать баннеры, как профессиональный дизайнер, независимо от вашего уровня опыта, и запускать кампании быстрее.