что такое макет баннера
Как создать баннер: 4 способа + 9 программ для формирования баннера
Скорее всего, вы уже знакомы со всевозможными видами рекламы и знаете для чего они нужны. Рекламное продвижение товаров и услуг в Интернете обрело на сегодня большую популярность, а это, в свою очередь, стало причиной тому, что появилось много новых способов представить свой товар покупателю.
Но, несмотря на все новые тенденции, одним из самых продающих видов продвижения в сети по-прежнему остается баннерная реклама. В этой статье мы расскажем, как создать баннер, и нужны ли для этого специальные знания.
Что такое баннер: актуальность и общие понятия
Вряд ли сегодня можно встретить человека, который бы слышал понятие «баннер» впервые. А все потому, что первые блоки баннерной рекламы появились еще 14 лет назад и с тех пор становились все популярнее.
Несмотря на то, что уже многие годы пользователи сети стараются создать все новые и новые способы блокировки баннерной рекламы, многочисленные исследования в этой области все еще утверждают, что баннеры были и остаются в числе самых популярных и продаваемых видов рекламы.
Подтверждением вышесказанному служит представленная диаграмма:
Так что же такое баннер? Как трактуют это понятие специалисты?
Баннер в переводе с английского обозначает транспарант. Но, если говорить о конкретном термине, то баннер – это рекламный блок, представленный в виде графического изображения или анимированной картинки, которая нацелена на привлечение потенциальных потребителей товаров и услуг.
Баннер содержит в себе не только изображение, а также и гиперссылку, при нажатии на которую посетитель переходит на ресурс рекламодателя. Сегодняшние технологии предполагают переход по ссылке не только при нажатии на нее, но и при простом наведении на нее курсором мышки.
Чаще всего баннеры используются в виде логотипов, чтобы привлечь внимание потенциальных покупателей.
Выглядит блок баннерной рекламы следующим образом:
[adsense1]
Существует множество классификаций баннеров, но мы рассмотрим только самые основные.
Баннеры классифицируют исходя из: | |
---|---|
Размеров и формы | • Прямоугольные (728*90, 300*600). • Квадратные (250*250, 125*125). • «Почти квадратные» (336*280, 300*250). |
Месторасположения на сайте | • Pop-up – перекрывает изображение сайта, открываясь в отдельном окне. • Pop-under – открывается в отдельном окне под предыдущим изображением. • Top Line – занимает всю верхнюю часть веб-ресурса. |
Динамичности | • Статичный – имеет вид обычной картинки. • Анимированный – представляет собой анимированное изображение. • Richtext – совмещает текст и изображение. |
А теперь перейдем к основному вопросу — созданию баннера. Многие полагают, что для этого нужны специальные знания или хотя бы материальные вложения. Мы рассмотрим все способы, которые доступны каждому из нас.
4 способа, как создать баннер
Баннерная реклама хоть и уступает во многом новым видам продвижения в сети, все еще очень популярна и эффективна. Более того, такой маркетинговый инструмент по-прежнему входит в число самых дорогих.
Если вы собрались заняться продвижением собственного сайта или планируете стать профессиональным создателем баннеров на заказ, мы представим вам 4 основных способа, которые помогут создать баннер.
Какой из них вы выберете, будет зависеть от вашей конечной цели.
Вариант 1. Создать баннер, воспользовавшись услугами профессионалов.
Если вы интересуетесь, как создать баннер для рекламы собственного сайта и при этом имеете предусмотренный капитал для рекламной компании, тогда этот способ для вас.
Такой вариант наиболее простой, так как от вас потребуется только найти подходящую организацию или человека, которые занимаются созданием подобных объектов и оформить у них заказ. Но, с другой стороны, этот метод является наиболее затратным, что вполне логично. Если вы не прикладываете никаких усилий, то должны заплатить за необходимую работу.
Найти подобное агентство в сети не сложно. Существует много небольших компаний, которые готовы создать ваш баннер в кратчайшие сроки.
Вот вам несколько таких для примера:
Но не только на таких ресурсах можно договориться о том, чтобы создать баннер. Вы можете также воспользоваться услугами фрилансеров, поискав таких на специализированных площадках.
Самые известные из них следующие:
Что касается ценовой политики, то она будет отличаться в зависимости от того, какой именно рекламный блок вам нужно создать. Если речь идет об обычном статичном баннере, то его стоимость составит от 500 руб. Когда же вы планируете заказать комплект из 5 анимированных баннеров, то приготовьтесь заплатить до 5 тыс. руб.
Вариант 2. Создать баннер при помощи графического редактора.
Рассмотрев самый простой, но затратный способ, как создать баннер на сайт, перейдем к самому незатратному, но сложному варианту.
Создать необходимое рекламное объявление в графическом редакторе может, в принципе, каждый, но сложность такого способа в том, что начинать работу нужно «с нуля». Причем, если пользоваться редактором вы не умеете, то сперва нужно получить необходимые знания в этой области, а уже после приступать к работе.
Правда, на сегодня это не проблема, достаточно посмотреть пару уроков на You Tube, и вы уже можете стать умелым пользователем одного из редакторов. Но какой же редактор выбрать?
Задав такой вопрос, чаще всего можно услышать один и тот же ответ – для того, чтобы создать баннер, лучше всего использовать Photoshop.
Да, действительно, этот графический редактор очень многофункционален, но имеет массу инструментов, с которыми можно разбираться годами. Поэтому советуем вам создать рекламу в том редакторе, который покажется вам наиболее удобным в работе.
Чаще всего создают рекламные блоки в таких редакторах:
Схема работы с каждым из редакторов практически одинаковая, и все они не сложны в использовании, так что этот вариант очень подойдет новичку.
Рассмотрим принцип действий на примере работы с Photoshop:
Макет баннера на этом завершен. Далее можно использовать другие дополнительные функции редактора, чтобы придать рекламному блоку более профессиональный вид.
Вариант 3. Можно создать баннер с помощью специальных программ.
Такой способ является еще одним методом, как создать баннер без лишних усилий, а тем более без денежных затрат.
Программы, предназначенные для того, чтобы создать блок рекламы, во многом превосходят графические редакторы, так как имеют много преимуществ.
К ним стоит отнести:
Главным достоинством программ для создания баннеров, безусловно, является их простота в использовании. Для того, чтобы создать баннер в одной из таких программ, не понадобятся никакие серьёзные знания. К тому же, подобных площадок на сегодня очень много, что позволяет выбрать любую из них на свое усмотрение.
Проанализируем несколько наиболее известных сервисов:
Использовать каждую из этих программ не сложно.
Алгоритм действий выглядит следующим образом:
Теперь вы создали свой баннер и можете приступать к продвижению своего бренда или продукта.
Вариант 4. Создать баннер, применив онлайн-конструктор баннеров.
И последним способом из 4-х представленных является вариант создания рекламного блока при помощи онлайн-конструкторов. Такой метод является самым универсальным и простым.
Даже по сравнению с программами для создания баннеров использовать конструктор еще проще. Объясняется это тем, что для формирования инструмента продвижения вам не понадобится ничего устанавливать и разбирать. К тому же, такие веб-сервисы имеют не меньшую функциональность, чаще всего бесплатны и так же, как и программы, имеют русскоязычный интерфейс.
Главное – выбрать наиболее оптимальный из конструкторов для своей ситуации, чтобы иметь возможность создать качественный и продаваемый баннер.
Проанализируем несколько популярных ресурсов.
№1. Banner Fans.
К основным достоинствам данного сервиса относят его простоту и многофункциональность, а также поддержку многих языков. Как только вы перейдете по ссылке на этот конструктор, язык интерфейса будет английским, но вы сможете изменить его в верхнем правом углу.
Перед вами будет макет баннера, который вы сможете изменить на свой вкус, выбрав необходимые элементы, фон и применив шаблон. Если в конечном итоге, что-нибудь вам не понравится, то вы сможете изменить свой баннер. Внизу страницы после создания продукта можете получить код для того, чтобы вставить баннер на сайт.
Этот ресурс бесплатный, но имеет несколько минусов:
Поэтому лучше всего пробовать создать баннер при помощи этого конструктора только на английском языке.
№2. Bannerovich.
Очень простой в эксплуатации онлайн-конструктор, который позволяет создать баннер двумя способами:
Заметным минусом этого редактора выступает отсутствие шаблонов, но здесь есть большой выбор изображений и фоновых рисунков. К тому же, сервис русскоязычный и бесплатный.
№3. Canva.
Один из самых популярных и удобных для работы сервисов по созданию баннеров. Сервис бесплатный, но за расширение количества инструментов нужно заплатить. Можно купить период использования длительностью в один месяц, а можно приобрести такое право сразу на год.
Ресурс очень функционален, позволяет выбирать самые разнообразные макеты и шаблоны рекламных блоков для разных потребностей. Также здесь можно выбрать нужный фон, написать текст и вставить дополнительный элемент.
К особым преимуществам сервиса следует отнести возможность поделиться своими работами с другими пользователями сети и социальных сетей.
Сперва для работы на этой площадке придется зарегистрироваться, после чего сможете приступить к оформлению.
Итак, мы проанализировали 4 самых популярных способа, как создать баннер самостоятельно или при помощи веб-мастеров. Напоследок хотелось бы добавить несколько слов о том, как сделать ваш рекламный продукт более конкурентоспособным на рынке.
Как создать правильный баннер: 3 рекомендации
[adsense10]
Понятие «правильный баннер» предполагает, что он станет хорошим инструментом рекламы и продвижения, привлекая тем самым многих потенциальных потребителей.
Чтобы ваш рекламный блок имел успех, и чтобы пользователи сети обращали на него внимание, даём вам несколько несложных для соблюдения советов:
Не нагружайте ваш рекламный продукт непонятными картинками и большим количеством информации.
Такие баннеры не приносят желаемых посетителей или дополнительный доход. Они скорее раздражают аудиторию, которая вряд ли вновь захочет вернуться после этого на ваш сайт.
Баннер должен нести нужную информацию и быть запоминающимся.
В продолжении речи о слишком пестрых и ярких рекламах напомним, что главная цель баннерной рекламы – это запомниться потенциальному покупателю или заставить его задуматься о том, что, перейдя по ссылке, он может получить важную информацию.
Будет гораздо лучше, если вы, рекламируя какой-нибудь продукт, представите изображение вашего торгового знака и добавите несколько слов о том, что товар имеет безупречное качество.
Размещайте баннеры на сайтах, исходя из целевой аудитории.
Очень часто большую роль играет не само оформление баннерной рекламы, а портрет аудитории, которой она адресована.
Вы должны четко понимать, кому вы направляете свою рекламу и исходя из этого ее оформлять.
Создание рекламного баннера.
Как быстро сделать рекламный баннер в интернете?
Пошаговая инструкция.
Мы разобрались не только с главным вопросом, как создать баннер, но и привели множество способов, как именно это можно сделать, с помощью какой программы или ресурса.
Уметь грамотно и правильно сформировать рекламное обращение – это, зачастую, уже половина успеха. Поэтому выбирайте метод, который больше всего вам подходит, и пользуйтесь небольшими подсказками.
Баннерная реклама: описание, типы, примеры
Сегодня я хочу рассмотреть популярные форматы баннеров в сети и объяснить, почему пользователи не замечают их на самом видном месте.
Что такое баннер
Баннер – это реклама в интернете, которую размещают на сайтах в виде прямоугольных изображений, привлекающих внимание. К такой рекламе относятся картинки, анимации, интерактив или слайды. Пользователь кликает на баннер и попадает на сайт рекламодателя, где находится товар, услуга или продукт.
На сайте для баннера отводится пространство – специальный блок, в рамках которого и показывается баннерная реклама. Администратор сайта может вставить баннер вручную или подгружать рекламу с внешнего источника, после чего получать деньги от рекламодателей, которые захотят арендовать это место под свой баннер.
Баннер можно поставить однажды, и он будет занимать фиксированное место на конкретном ресурсе. Также можно воспользоваться услугами баннерных сетей и купить (продать) размещение баннера на сайтах внутри конкретной сети. Таким образом, рекламодатель может пойти к владельцам сайта напрямую или воспользоваться услугами биржи.
Зачем нужен баннер
Баннеры – это основной и универсальный тип рекламы в сети. Это первый контакт компании с потенциальным клиентом в интернете.
привлекают внимание аудитории,
повышают узнаваемость бренда и компании,
рекламируют продукты и услуги,
содержат призыв к целевому действию.
Типы баннеров
Чтобы не запутаться в разнообразии рекламных баннеров, разобьем их по следующим критериям:
цель рекламной кампании.
Эти критерии определяют, как выглядит баннер на сайте.
По площадке
По размеру
Перед созданием баннера важно определить его размер.
Рекомендованные размеры баннеров установлены «Бюро интерактивной рекламы» и указываются в пикселях.
Несмотря на различные виды баннеров, основной массив рекламы в интернете приходится на три формы:
По формату
Рассмотрим виды рекламных баннеров по формату, от простых к сложным. Чем проще баннер, тем меньше ресурсов тратится на его производство и тем быстрее он подгружается у пользователя. С другой стороны, более сложные форматы притягивают к себе больше внимания.
Простые баннеры можно создать в графических десктопных редакторах (Photoshop, CorelDRAW) или онлайн-сервисах (Canva, Гифовина).
Баннеры посложнее можно создать с помощью Google Web Designer. Для работы в данной программе навыков программирования не требуется.
По цели рекламной кампании
Что такое баннерная слепота
Баннерная слепота – это склонность пользователей интернета не замечать в сети рекламу и все, что на нее похоже. Из-за переизбытка информации у людей появился рефлекс игнорировать ненужные элементы. Даже та реклама, которая нападает на посетителя сайта и не дает ознакомиться с его содержимым, без промедления закрывается.
Средний CTR баннерной рекламы – 0.05%. Это значит, что по баннеру кликают только 5 из 10 000 пользователей, которым показывают рекламу. Это наименьший показатель среди всех форматов рекламы.
Средний CTR различных видов баннерной рекламы
Причины баннерной слепоты
Переизбыток рекламы, особенно той, которая пестрит, отнимает время и раздражает.
Нерелевантная реклама, которая не попадает в целевую аудиторию и предлагает неинтересные пользователям товары и услуги.
Негативный опыт – это любое взаимодействие с рекламой, которое причиняет дискомфорт. Сюда относится потеря контроля над контентом, когда баннер перекрывает собой доступ к сайту и даже перенаправляет с целевого ресурса на вирусный.
Как справиться с баннерной слепотой и заставить пользователя обратить внимание на свою рекламу
Не заставлять и не рекламировать громко
Хорошо, когда баннер выполнен в стилистике сайта и работает по его законам. Поэтому все всплывающие, пестрящие и навязчивые окна лучше убрать и заменить на аккуратные блоки, которые не будут «перекрикивать» сайт. Эти блоки нужно размещать в «тело» страницы. Когда пользователь доберется до них – у него появится повод изучить предложение, а не машинально закрыть его.
Работать на целевую аудиторию
Пользователь обратил внимание на рекламу и не закрыл ее рефлекторно. Теперь баннер сработает, если товар или услуга решает задачи конкретного человека.
Для этого нужно транслировать рекламу на свою целевую аудиторию. Справиться с этой задачей помогает настройка таргетированной рекламы – она будет показываться только потенциальным покупателям. Можно тестировать площадки и размещать рекламу там, где обитают ваши будущие клиенты.
Не менее важно правильно предложить товар или услугу. Для этого нужно сформулировать предложение в мире клиента. Не рассказывать о том, какой товар хороший, а показать, как он решит проблему покупателя. Человек увидит, что воспользоваться таким предложением в его интересах, и тогда реклама сработает.
Тестировать
Не существует универсальной площадки или рекламного объявления, которое сработает на любой аудитории, а эффективных методик очень много. Поэтому полезно пробовать разные варианты и смотреть, какой из них оказался наиболее стоящим.
Не стоит верить в волшебство
Лучшие рекламные баннеры работают как часть продуманной маркетинговой кампании. Невозможно создать баннер, после которого продажи взлетят вверх. Для этого необходимо проработать множество факторов:
сформировать доверие к продукту;
придумать повод купить сейчас, а не отложить на потом;
продукт должен быть достаточно ценным, чтобы его купили без раздумий;
механизм покупки должен работать без помех и быть понятен покупателю.
Иными словами, нужно иметь рабочую «воронку продаж». Если какая-то часть воронки не работает, даже самый хороший баннер вам не поможет.
Как создать рекламный макет: пошаговая инструкция
Вы уже знаете, для чего делаете макет. Это будет рекламный плакат, креатив для Инстаграма, баннер на сайт или картинка для таргетированной рекламы ВКонтакте (подчеркните нужное или впишите свой вариант). Возможно, даже подобрали фотки из интернета. А что дальше-то делать?
Содержание
Какая композиция лучше: ассиметричная или центральная
Посмотрите на эти плакаты. Вы точно видели такие: они привлекают внимание большим графическим изображением, а сбоку написан какой-то текст. У таких макетов ассиметричная композиция.
Примеры рекламных плакатов с ассиметричной композицией
А вот другой пример, такие вы тоже видели. На этом макете все элементы вытянуты по центру. Это – плакат с центральной композицией, и у него есть две проблемы.
На макете с центральной композицией все элементы как будто выстроились по одной струне
Проблема номер раз – размазанный воздух в макете. Пустое пространство распалось на кусочки и непонятно, куда смотреть.
Элементы на макете получились невнятной формы, издали выглядит как пятно, нет акцентов
Если бы мы смогли собрать кусочки воздуха в одно целое, то смогли бы расставить акценты на макете и разбить информацию на блоки. Разбивка на блоки нужна, чтобы не отпугнуть читателя объемом информации. Представьте, что вам нужно кому-то скормить слона. Вы предложите его съесть сразу целиком или по кусочкам?
С воздухом отлично умеют работать оформители постеров для фильмов. Но такое количество воздуха – высший пилотаж. Не переборщите.
Постеры к фильмам. Воздух расставляет акценты, и наш взгляд сразу попадает на центральный элемент
Обратные примеры, когда в макете мало воздуха, вы тоже видели. В лифте, например.
Подпись: Воздух в макете — это важный элемент
Вторая проблема – сбивается ритм чтения. Так уж сложилось, что все мы читаем слева направо, и когда текст имеет рваный левый край, наши глаза быстро устают снова и снова искать начало следующей строчки.
Если левый край текста рваный, глазам приходится прыгать с конца строки в новое место каждый раз
Как избавиться от этих проблем? Текст двигаем влево и выравниваем по краю, а картинку двигаем вправо. Текст получает простой для чтения левый край, а в свободное пространство справа отлично впишется графика, которая обычно сложной формы.
Ассиметричная композиция: текст — влево, картинку — вправо
В том случае, если картинка на макете по форме прямоугольная, то ее можно разместить слева. Вдоль ее ровного края текст тоже хорошо выравнивается.
Прямоугольная графика — слева, текст — справа
Воздух и поля: как не сделать макет-винегрет
Помимо асимметрии нам нужны поля. Поля – это линии построения, за которые элементы с макета не выходят. Элементы, удаленные от границ макета, получают акцент. Простой пример: посмотрите на две фотографии бизнес-ланча. В каких тарелках еда обращает на себя внимания больше?
Тарелки с широким бортиком создают пространство вокруг блюда, тем самым делая на нем акцент. Содержимое получает размах и ценность
Делайте поля одинакового размера сверху, снизу и по бокам. Разные поля делать можно, но оставьте это профессиональным дизайнерам.
Поля образуют 4 сильных места на макете – это углы. Нас так и тянет заглянуть в каждый уголок. Поэтому в этих местах традиционно размещают логотипы, контакты, QR-коды.
Соблюдаем поля, используем углы для важной информации
Иерархия элементов по принципу воронки продаж
Определите, что на вашем макете самое важное. Все сразу главным быть не может. Как в продажах – вы же не каждому встречному-поперечному по часу говорите о своем продукте? Так и здесь: нужно привлечь внимание зрителя и провести его по всему макету. Построение начинается с графической доминанты – крупной и заметной точки, которая обратит на себя внимание. Располагаем ее справа (помним про асимметрию). Слева размещаем текст.
Каждому элементу на макете соответствует свой уровень важности. От первого к последнему человек, изучающий рекламу, идет как по воронке продаж. Визуальная иерархия создается с помощью контрастов. Их несколько видов, а самый простой – контраст масштабов: элемент 1 уровня важности делаем самым большим, элемент последнего уровня – самым мелким по размеру.
Выбираем уровни иерархии как этапы воронки. Сначала привлекаем внимание с помощью большого графического элемента. Затем заголовок, которым пробуждаем интерес или, если хотите. Интригуем человека, вынуждаем дочитать информацию до конца. Хороший способ это сделать – затронуть боль нашей целевой аудитории, которую мы будем решать. Затем приведем дополнительные аргументы в пользу нашего предложения, и в конце добавим call-to-action, призыв к действию – позвони, напиши, приди и купи.
Этапы иерархии на рекламном макете
Посмотрим на примере рекламы вклада. Наше внимание привлекает фотография с селебрити. Второе, что мы видим, это суть предложения – условие по процентной ставке, которое вызывает интерес. Дальше наш взгляд скользит на описание ситуации: «Быстрый кредит для вашего сценария!». Если вы заинтересовались и у вас есть сценарий, на что вы потратите эти деньги, вы смотрите дальше и видите контакты – сайт банка.
Пример визуальной воронки в рекламе
Иерархия расстояний – выделяем ключевое
Поговорим, как работать с текстом и расставлять акценты.
Весь наш макет состоит из расстояний, которые регулируют количество воздуха и связку между элементами. Больше расстояния – больше воздуха и слабее связь, и наоборот. Это работает и с графикой, и с текстом. Несколько кусочков текста собираются в блок. Собрать текст в блок – хороший способ уменьшить количество уровней иерархии на макете.
Кусочки текста можно объединить в один блок
Все расстояния на одном уровне должны быть одинаковыми. Между двумя буквами – самое маленькое расстояние на макете, и всегда одинаковое. Между двумя словами в тексте – расстояние побольше, но тоже всегда равное. Между строками, между заголовком и подзаголовком – аналогично.
Работаем с текстом: какие выбрать шрифт и цвет?
Теперь про шрифты. Шрифт – это набор символов, объединенных одним стилем и композицией. Гарнитура – это семья шрифтов разных начертаний и размеров. С начертаниями вы сталкивались в любом текстовом редакторе:
Пример гарнитуры, шрифтов и начертаний
11 простых правил, как сделать макет без грубых ошибок:
Делаем макет в сервисе Canva — простой инструмент для не-дизайнеров
Canva – удобный онлайн-сервис для создания рекламных макетов с большим количеством бесплатных функций. Если вы не дизайнер, Canva упрощает процесс верстки за счет автоматизации некоторых процессов и большого набора готовых решений и шаблонов.
Посмотрите короткую видеоинструкцию, как за 5 минут сделать простой рекламный макет.