В какой программе делать баннеры для рекламы

Баннеры — это одна из самых распространенных форм интернет-рекламы, позволяющая увеличить онлайн-трафик. Баннеры представляют собой кликабельные изображения на веб-страницах, демонстрирующие продукт или бренд и ведущие по ссылке на сайт рекламодателя. В том или ином виде их использует большинство компаний, поскольку они являются доступной, измеримой и эффективной средой для повышения узнаваемости бренда.

Дизайн веб-баннеров предполагает создание максимально кликабельных рекламных объектов. Есть целое ответвление веб-дизайна, фокусирующееся на создании эффективных рекламных баннеров.

В этой статье мы собрали для вас лучшие рекомендации в этой области.

1. Используйте наиболее эффективные стандартные размеры баннеров

Сервис контекстной рекламы Google Adsense называет самыми успешными следующие параметры и форматы:

728×90 px — длинный баннер-перетяжка, лидерборд (Leaderboard),
300×600 px — баннер на половину страницы (Half Page),
300×250 px — прямоугольник среднего размера (Medium Rectangle),

Креативная реклама. Как создать креативные рекламные баннеры [GeniusMarketing]

336×280 px — большой прямоугольник (Large Rectangle).

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

Баннер на полстраницы

2. Размещайте баннеры правильно

Покупайте место на сайте поверх линии сгиба (Above The Fold) близко к основному контенту страницы, тогда ваш дизайн будет виден всем.

3. Поддерживайте иерархию

В баннерной рекламе важно полагаться на баланс в рамках каждого рекламного объявления, так что следите за иерархией. Эффективные баннеры увеличивают осведомленность о бренде и привлекают трафик на ваш сайт. Они содержат три основных компонента:

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

2. Ценностное предложение (Value Proposition) — объясняет, какой продукт/услугу вы предлагаете, и привлекает внимание заманчивыми оффером и ценами. Как правило, здесь можно увидеть словосочетания вроде «высокое качество», «50%-ная скидка» и «ограниченная по времени акция». Данный элемент занимает основное пространство, и именно его должны в первую очередь заметить зрители.

3. Призыв к действию (Call to Action, CTA) — это текст или кнопка, приглашающая пользователей нажать ее. Обычно пишут что-то вроде «Узнать больше», «Посмотреть» или «Начать». Призыв должен стать фокусом рекламного объявления.

⚡️ВСЁ О РЕКЛАМНЫХ БАННЕРАХ ЗА 6 МИНУТ

Призыв к действию от Авито

4. Соблюдайте простоту

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

Лаконичный мобильный баннер от Miu Miu

5. Внедряйте кнопки с умом

Кнопки повышают кликабельность рекламы (Click-Through Rate, CTR). Размещайте их после текста, ближе к нижнему правому углу. Применяйте контрастный цвет и не забудьте о вкусе! Кнопки должны отличаться постоянным дизайном на протяжении всего набора рекламных объявлений.

6. Обрамляйте свои баннеры

Наши глаза сразу устремляются на объекты в рамке. Эффективные баннеры используют четкие рамки и графику, продолжающуюся за краями квадрата. Если фон рекламы белый, то вокруг нее обычно рисуют однопиксельную серую границу.

7. Делайте текст мгновенно читаемым

Хороший пример читабельности

Не вполне удачное решение

Нежелательно применять курсивные или рукописные шрифты, очень тонкое написание, писать текст только заглавными буквами или использовать шрифт менее 10 pt (если только это не заявление об ограниченной ответственности или не сведения об авторских правах).

8. Применяйте анимацию

Анимированные баннеры, как правило, проявляют себя лучше статических, но необходимо убедиться, что они не отвлекают от основного послания рекламы:

Ритейлер детской одежды Mothercare

«Сбербанк»

Используйте простую анимацию, длящуюся не более 15 секунд и с циклизацией не чаще трех раз. Хорошая идея — сделать последний кадр четким призывом к действию.

9. Органично дополняйте, выделяясь

Доверие зрителей больше заслуживает реклама в стиле сайта, на котором она появляется. Однако не сливайтесь с площадкой полностью. Баннер должен быть виден, его назначение — привлекать внимание:

Баннер от Apple

10. Обеспечивайте связь с брендом

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

11. Внушайте ощущение срочности

Визуально срочность создается смелыми контрастными цветами. Баннеры не должны быть скромными и незаметными.

12. Изобразительные средства выбирайте с умом

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

Можно найти оригинальные иллюстрации или заказать графику дизайнеру.

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

13. Отдавайте предпочтение подходящим цветам

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

Наука о цвете субъективна, и в разных культурах цвета имеют различные ассоциации. Изучите целевую аудиторию перед выбором оттенков. Вот примеры эмоций, вызываемых разными цветами, у людей Запада:

• Красный — страсть, ярость, возбуждение и любовь. Мощный цвет, привлекающий многих, но лучше применять его осторожно. Избегайте красного, если вы стремитесь к классическому, зрелому, серьезному образу.
• Оранжевый — игривость и воодушевление. В отличие от агрессивного красного, оранжевый заряжает энергией. Замечательный выбор для кнопки призыва к действию.
• Желтый — радость, солнечное сияние, дружелюбие. Желтый притягивает взгляд и излучает энергию, создает ощущение молодежности и доступности по стоимости.
• Зеленый — здоровье, свежесть, богатство, окружающая среда, рост, забота и начало чего-то нового. Нашим глазам приятно на него смотреть.

Проект «500 Startups» от «Сбербанка» в ярко-зеленом цвете

• Синий — безопасность, доверие, ясность, зрелость, безмятежность, интеллект, формальность, восстановление сил, холодность и мужественность. Данный цвет присутствует в более чем половине всех логотипов мира.
• Фиолетовый — роскошь, величие, экстравагантность, мудрость, магия, женственность и креативность. Оказывает на зрителей успокаивающий эффект.
• Розовый — любовь, симпатия, женственность, юность и дети. Обычно розовый связывают с чем-то женским, но все зависит от тона и яркости.
• Черный — эксклюзивность, загадочность, современность, мощь, престиж, роскошь и формальность. Традиционный выбор, в частности, черный текст на белом фоне — это самая удобная для чтения цветовая комбинация.

Реклама УАЗ Патриот в желто-черных тонах

• Белый — девственность, чистота, современность, стерильность, простота, честность и невинность. Создает чувство экономической оправданности и причастности к молодости.
• Коричневый — природа, дерево, кожа, серьезность, мужественность, упрямство/жесткость и скромность. Коричневый создает баланс между более сильными цветами и потому хорошо подходит в качестве фона.
• Серый — нейтральность и практичность. При использовании как фон усиливает остальные цвета.

Реклама от New Balance в практичном сером цвете

14. Поддерживайте небольшой размер файлов

Чем меньше, тем лучше — менее 150 кб, как рекомендует Google Adwords. Нужно, чтобы реклама загружалась быстро, иначе посетители прокрутят страницу вниз, не заметив ее.

15. Используйте правильные форматы файлов

JPG, PNG, GIF или HTML5 — это то, с чем следует работать. Как правило, дизайнеры создают графику в Adobe Illustrator или Photoshop и получают файлы в JPG, PNG или GIF, либо они применяют Google Web Designer или Adobe Animate и на выходе имеют HTML5.

Имейте в виду, что реклама, созданная с использованием Flash-анимации, уже устарела.

Заключение

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

Также позаботьтесь о том, куда пользователь попадет после клика на ваш баннер. Идеальная стратегия обычно выглядит так:

Оффер в виде баннера → переход на лендинг → подписка на рассылку → Lead Nurturing

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

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

Источник: lpgenerator.ru

Как создать баннер в конструкторе креативов Директа?

Елизавета Котова OneSpot

Графические баннеры Директа транслируется в Рекламной Сети Яндекса (РСЯ). Они могут быть разных размеров, с текстом или без, но в них всегда присутствует графическое изображение продукта. Такая реклама особенно полезна, когда нужно визуально показать товар/услугу или цели рекламодателя — повысить узнаваемость бренда, рассказать о новой акции.

Выделяют два типа:

• Статичные баннеры — фото, графические изображения, текстово-графические блоки (ТГБ).
• Динамические баннеры — видео или анимация.

Плюс баннерной рекламы в РСЯ в возможности привлечь внимание заметным креативом и сразу показать на изображении товар или эффект от услуги. А если воспользоваться встроенными инструментами Директа, то настроить такую рекламу можно самостоятельно, без привлечения дизайнеров. Давайте разберемся, как это сделать.

Оплачивайте рекламу в Яндекс директ через OneSpot с бонусами и закрывающими документами

Как создать баннеры для РСЯ в конструкторе Директа

Конструктор креативов станет доступен вам только в процессе создания рекламной кампании, поэтому для начала мы нажимаем «Добавить» на главной странице Яндекс Директ, а затем «Текстово-графический блок» в форматах кампании.

В настройках есть несколько видов объявлений: текстово-графическое, графическое, мобильное, видео. Мы разберем работу конструктора на примере графических баннеров.

На третьем этапе с добавлением объявления выбираем вкладку «Графическое» и шаг «Добавить». И начинаем работу с конструктором креативов.

Вы можете выбрать:

• Создать новый. Этот вариант подходит, когда вам нужны креативы конкретных размеров.
• Сделать адаптивный шаблон. Такой креатив подстраивается под различные устройства, конструктор автоматически меняет его размер, расположение элементов и текста. Мы остановимся на этом варианте: сейчас нам не нужен определенный размер, но важно увидеть, как инструмент адаптирует баннеры.
• Посмотреть идеи креативов. Выберите эту опцию, если у вас совсем нет времени или желания создавать креатив самостоятельно, придумывать текст и оформление. Достаточно вставить в поле URL страницы сайта компании, и конструктор предложит вам несколько вариантов креативов. Этот способ подойдет, если вы хотите прорекламировать в целом бизнес, а не рассказать о конкретной акции.
• Выбрать из ранее созданных. Этот вариант стоит выбрать, если вы уже конструировали креатив и хотите сделать что-то похожее.
• Загрузить Playable ads. Опция для тех, кто собирается сделать объявление на основе интерактивных файлов Playable. Конструктор предложит загрузить их с устройства.

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

В новом окне откроется список параметров для дизайна креатива. Сначала нужно выбрать изображение. Попробуем создать рекламный макет для цветочного салона. Выбранное изображение откроется в другом окне с установкой смарт-центра. Если говорить простым языком, то вам надо указать область, которая будет транслироваться в объявлении.

В окне предварительного просмотра (слева) вы будете видеть все изменения баннера и в любой момент можете поправить то, что не нравится. Дальше необходимо выбрать цвет заливки блока. Сделаем его темно-бордовым, чтобы текст контрастировал с фоном. Также надо указать цвет рамки: она будет отделять ваш макет от фона страницы РСЯ.

Приступаем к заголовку. В конструкторе можно выбрать цвет и текст. Ориентируйтесь на то, что у вас есть всего несколько секунд, чтобы привлечь внимание пользователя баннером и убедить его перейти на сайт. Поэтому лучше, если текст будет содержать лид-магнит, например, условие новой акции, скидку и т.д.

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

Следующий параметр — настройки кнопки. Как правило, кнопка призывает к конкретному действию: «Купить», «Заказать», «Посмотреть», «Позвонить» и т.д. Она должна быть хорошо заметна на фоне блока, а текст — на фоне кнопки, чтобы потенциальный клиент быстро понял свой дальнейший шаг.

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

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

Введем дополнительный текст, чтобы увидеть, как он будет смотреться на объявлении. В этом поле можно добавить условия акции и слова, которые привлекут клиента и покажут выгодность предложения.

Рядом с категориями возрастного ограничения, предупреждения и юридической информации есть знак вопроса. Наведите на него мышку — вам откроется табличка с кратким текстом и ссылкой на требования. Ознакомьтесь с ними, чтобы узнать, нужно ли вам ставить дополнительные метки на макет. В противном случае ваша кампания может не пройти модерацию.

После заполнения всех полей нажмите на кнопку «Показать все» под полем предварительного просмотра. Конструктор автоматически создаст для вас несколько вариантов креативов разных размеров и для различных площадок.

Если после просмотра креативов вы поняли, что какая-то деталь вам не нравится, ее можно поменять. Даже видимую область изображения (смарт-центр) вы все еще можете изменить.

Если вас все устраивает, нажмите кнопку «Создать». Теперь макеты будут храниться в разделе «Мои креативы». Их можно сразу же использовать, создать на этой основе новые или экспортировать в XLS формат.

Выбираем креативы и проверяем, как они будут выглядеть на мобильных устройствах и компьютерах. Затем заканчиваем настройку рекламной кампании.

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

Размеры баннеров для РСЯ‍

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

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

Вот примеры разрешений баннеров в пикселях, которые можно выбрать в конструкторе: 240х400, 300х250, 300х600, 336х280, 300х500, 970х250, 640х100, 640×200, 640×960, 960х640.

Прочитать подробнее о размерах вы можете в Справке Яндекс Директа.

Готово! Вы создали графический баннер в Яндекс.Директе. Если вам нужен макет в видеоформате, то его можно сделать аналогичным образом в конструкторе креативов.

Стоимость баннерной рекламы

Стоимость баннерной рекламы в РСЯ устанавливается индивидуально в зависимости от вашего бюджета на кампании (не меньше 300 рублей). В Справке Директа указаны способы оплаты для России, Беларуси, Казахстана и других стран.

Яндекс порекомендует вам несколько вариантов сумм и сразу же покажет конечную стоимость рекламы с НДС. Вы также можете включить автоплатеж, чтобы счет пополнялся автоматически в ходе показов баннера.

Оплатить рекламу в Яндекс Директе в одном окне с другими площадками можно через OneSpot. Вам будут доступны бонусы от Яндекса, аналитика рекламы и быстрый перевод средств между аккаунтами и даже рекламными площадками, например, с ВКонтакте на Директ.

Сервис, чтобы экономить рекламный бюджет

Оплата интернет-рекламы с кэшбэком и аналитика результатов в одном окне — на платформе OneSpot

Полезные советы

Источник: onespot.one

Процесс создания дизайна баннера

Баннерная реклама важная часть интернет-маркетинга. По своей сути баннер – рекламная площадь, конструкция определенного размера, на которой размещается реклама. Существуют два типа баннеров:

• уличные;
• интернет-баннеры.

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

В интернете баннеры нередко анимируются. Это выделяет их из общей массы рекламы. Универсальный размер интернет-баннера в пикселях – 468 х 60.

Элементы баннера

Обычно баннеры состоят из трех частей:

1. Фоновый рисунок. Кмак правило его выбирают в соответствии с темой рекламируемого блога или сайта. К примеру, на баннер кулинарного блога можно поместить фотографии ингредиентов блюда.
2. Логотип. На баннере должна располагаться визуальная айдентика сайта. Она реализуется в качестве текста или изображения, представляющего бренд.
3. Слоган или текст. По тексту и слогану можно распознать, что за бренд рекламируется. Можно в этой области поместить кнопку, побуждающую совершить действие, то есть перейти на сайт. Эта часть баннера должна быть выполнена в цветах бренда.

Сдай на права пока
учишься в ВУЗе
Вся теория в удобном приложении. Выбери инструктора и начни заниматься!

Размеры баннеров должны быть оптимальны. Не стоит создавать баннеры под все возможные форматы. Самыми эффективными размерами считаются: 336 х 280, 300 х 250, 728 х 90, 160 х 600 и 300 х 600 пикселей.

Размеры 300 х 250 и 336 х 280 прекрасно подходят для баннеров, размещаемых внутри текста, а также в конце статьи. Размер 728 х 90 называют универсальным. Это прямоугольный формат, который идеально смотрится в верхней части страницы. Размер 300 х 600 используют для визуальной рекламы. Последний размер – 320 X 100 пикселей разработан специально для мобильных версий сайта.

Анимированные баннеры создаются на двух платформах – Flash и HTML5. Они, в целом, не сильно отличаются, но более востребованным считается HTML5.

Способы создания баннера

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

1. Обратиться к профессионалу. Дизайнер сможет создать красивый и удобный баннер. Однако к этому способу нужно прибегать в том случае, если позволяет бюджет. Такой баннер будет отличаться высоким качеством. Дизайнера можно найти на разных платформах фриланса. При выборе специалиста нужно обязательно посмотреть его портфолио. Так, можно будет понять, как человек работает, в каком стиле, способен ли он осуществить ту идею, которую придумал заказчик.
2. Самостоятельно при помощи графического редактора. Если существует уверенность в своих силах и своем вкусе, то можно попробовать создать баннер самостоятельно. Особенно стоит прибегнуть к этому способу, если у заказчика есть опыт работы с графическими редакторами. В работе можно использовать различные программы вроде Photoshop, Gimp и т. д. Человек без навыков может в короткое время научиться владеть графическими редакторами на базовом уровне при помощи уроков на различных видео-хостингах.
3. Power Point. Данная программа предназначена для создания презентаций. Однако с ее помощью можно создавать еще и различные баннеры, как статичные, так и анимированные. Создание баннера происходит в несколько шагов: сначала нужно открыть программу, потом щелкнуть на кнопку «Макет» в меню. После нужно нажать «Пустой слайд». Далее – «Изменить макет». Следующий шаг – вкладка «Оформление» – «Размер слайда» – «Настроить размер слайда» – «Баннер». Теперь можно создать баннер по собственному усмотрению. Можно добавлять текст, изображения и другие элементы. Рекомендуется применять фирменные цвета и шрифты организации. Есть возможность выбрать уже готовый дизайн и на нем написать нужный текст. После необходимо вставить логотип фирмы. Это делается так: «Вставка» – «Рисунки». Можно выбрать файл с компьютера и загрузить. Последний штрих – нажать F5 для первичного просмотра баннера. Теперь можно сохранять дизайн.
4. Онлайн-конструкторы. Есть большое количество сайтов, которые помогают бесплатно создать собственный баннер. Человеку нужно лишь выбрать формат, форму баннера, добавить изображение и текст. Все части можно настроить под себя – шрифт, цвет.

«Процесс создания дизайна баннера»
Готовые курсовые работы и рефераты
Решение учебных вопросов в 2 клика
Помощь в написании учебной работы

Баннеры можно создавать с помощью следующих редакторов:

1. Fotor banner maker. Это удобный сервис с приятным интерфейсом. В нем можно найти самые популярные размеры баннеров, красивые шаблоны. Есть возможность персонализации.
2. Pixlr. Данная программа по своей сути напоминает Photoshop, однако интерфейс намного проще. В программе много фильтров и вариантов для редактирования.
3. Picmonkey. Это приложение позволит создать качественный баннер. Но для доступа ко всем функциям, шрифтам и фильтрам необходимо дополнительно приобрести премиум-подписку.
4. Crello. У приложения доступный для понимания интерфейс, который значительно облегчит процесс создания баннера. В нем много шаблонов и шрифтов.

Рекомендации по дизайну баннера

Можно дать следующие советы по созданию баннера:

1. Выбирайте правильный формат. Важно понимать, что баннер должен быть виден, привлекателен, вписываться в общую структур сайта. Нельзя делать его громоздким, утяжелять страницу. Самый большой допустимый размер – 150 КБ, оптимальный – 50 КБ. Для статичных баннеров рекомендуются форматы JPG или PNG, а для анимации — GIF.
2. Продумайте дизайн. Из-за того, что сам по себе баннер маленького формата, то текста туда поместится мало. Нужно работать с визуальной стороной для привлечения клиентов. Необходимо расставить элементы по приоритету: шрифт, цвет, а также логотип. Прекрасным решением будет применить элементы фирменного стиля организации. Так, можно увеличить узнаваемость компании. Баннер должен находиться в гармонии со страницей, на которой будет располагаться.
3. Призовите к действию. Для эффективной работы баннера нужно продумать, как побудить человека кликнуть на рекламу. Привлечь внимание помогут скидки, акции, подарки и иные презенты.
4. Проведите анализ целевой аудитории. Нацеленность на людей – прекрасное свойство эффективного баннера. Анализ ЦА позволит понять, в каком стиле и цветовой гамме стоит создавать рекламу. Если необходимо привлечь только клики, то можно просто описать плюсы и характерные черты продукции.
5. Постоянно меняйте рекламную стратегию. Уменьшение количества переходов говорит только о том, что баннер перестал привлекать внимание людей. В таком случае нужно найти новые решения, чтобы люди обратили внимание на рекламу.

Источник: spravochnick.ru