Что такое баннер, как правильно их делать. Советы из личного опыта!


Содержание

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Хотел сегодня рассказать про создание баннера в онлайн сервисе, но решил, что данная тема, возможно, заслуживает более широкого рассмотрения.

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

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

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

Что такое современный баннер — размеры и типы

На заре становления интернета и появления сайтов, реклама представляла из себя текст с проставленной по правилам языка Html, так называемой, гиперссылкой.

В банерах гиперссылка по-прежнему присутствует (кроме сделанных на Flash), но она уже ведет на сайт рекламодателя не с унылого текста, а с яркого (зачастую анимированного) изображения.

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

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

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

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

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

728 x 90 Доска почета
468 x 60 Длинный
336 x 280 Большой прямоугольник
300 x 250 Средний прямоугольник
300 x 600 Большой вертикальный прямоугольник
250 x 250 Квадрат
240 x 400 Вертикальный прямоугольник
234 x 60 Полубаннер
180 x 150 Малый прямоугольник
160 x 600 Широкий небоскреб
120 x 600 Hебоскреб
125 x 125 Кнопка
120 x 240 Вертикальный
120 x 90 Вариант кнопки
120 x 60 Еще один вариант кнопки
88 x 31 Полоса

Большинство из указанных размеров будут вам доступны при работе с системой контекстной рекламы Google Adsense (наглядные примеры можно будет посмотреть здесь). Говорят, что и сеть Яндекса вскоре позволит своим партнерам размещать банерную рекламу на манер Гугла, но пока еще такого не наблюдается.

Кроме того, что банеры различаются размером, они еще различаются и по способу реализации:

    Статичные — представляют из себя простую картинку в формате PNG или Jpg. Для вебмастера это, наверное, самый предпочтительный вариант, ибо такое изображение будет весить не очень много, а значит не повлияет отрицательно на скорость загрузки его сайта. Примером может служить такой вот баннерок в формате Jpg с проставленной из него Html ссылкой:

Код для его вставки может выглядеть примерно так:

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

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

Код для его вставки будет выглядеть примерно так:

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

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

Для его создания используется уже не растровая графика, как в двух предыдущих случаях, а векторная, которая прекрасно масштабируется (без потери качества) и из Flash-баннера размера 468×60 можно запросто получить вот такого монстра, просто изменив значения его размера по высоте и ширине.

Код его вставки, правда, выглядит устрашающе, ибо состоит из комбинации валидных и не валидных тегов Embed и Object:

Этот вариант кода вставки Flash-баннера на сайт является наиболее универсальным. Тут происходит дублирование за счет использования двух аналогичных тегов Embed и Object. Причем первый не является валидным, но некоторые старые браузеры не понимают Object и поэтому приходится перестраховываться.

Иногда в код SWF бывает не добавлена ссылка для перехода по Флеш-баннеру, тогда ее можно указать в коде с помощью тега Param с name=»flashvars»:

Если валидный Html код для вас является превалирующим, то используйте только Object, например, так:

Различные атрибуты тега Param используются для настройки работы Flash-проигрывателя, который, кстати, загрузится на компьютер пользователя по приведенной в атрибуте Codebase ссылке (если, конечно, он не будет найден на компе пользователя).

Цена за размещение и ротатор банеров

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

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

На самом деле возможно несколько вариантов установления цены:

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

Получили графический или же флеш файл от рекламодателя, поставили его в оговоренную позицию и на ваш счет капнула определенная сумма Вебманей или денег Яндекса (у меня были даже случаи оплаты через международные деньги Pay Pal, но их сложно выводить на постсоветском пространстве). Цену можно будет регулировать в зависимости от активности и количества рекламодателей. Чем больше спрос — тем выше цена.

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

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

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

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

Из бесплатных полноценных рекламных движков можно выделить OpenX, который вы должны будете установить на свой собственный сервер (можно и виртуальный), что вызовет дополнительные расходы, т.к. данная система по отзывам довольно прожорлива. Опять не идеал.

Однако идеал существует. Это купленная когда-то Гуглом система под названием DoubleClick for Publishers Small Business. Она бесплатная, обладает всей мощью Google (а значит о тормозах не может быть и речи) и позволяет подключать Адсенс в том случае, когда не найдется прямых рекламодателей. Красота, но чертовски непонятная штука. Два раза пытался читать русский хелп, но оба раза понимал, что ничего не понимаю. А обучающее видео имеет место быть только на недоступных моему пониманию языках.

  • Оплата за клик по баннеру — довольно редко используется данный тип оплаты, если не приравнивать к ним контекстную рекламу и тизеры. Пока рекламодатели не слышат скажу шепотом, что по банерам не так уж и охотно кликают, но правда это еще во многом зависит и от его внешнего вида. Если покопаться в статистике Адсенса, то можно увидеть, что CTR графических блоков не так уж и сильно отстает от текстовых объявлений, но их владельцы при этом, наверняка, очень прилично потратились на дизайнеров, которые эти шедевры рисовали. Все относительно.
  • Раз уж мы затронули тему проверки эффективности банеров, то упомяну, что при установленной баннерокрутилке проблем не составит запустить в ротацию несколько штук от одного и того же рекламодателя для выявления наиболее кликабельного варианта. Однако, даже для первого способа оплаты вполне возможно будет, по желанию рекламодателя, сделать ротацию его банеров на вашем сайте.

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

    Это простейший ротатор и, что примечательно, конструкцию:

    можно будет повторять нужное количество раз. Этот же скрипт подойдет и для ротации Flash-баннеров с их громоздким кодом. Главное при этом размещать этот самый код строго между одинарных кавычек переменной массива $img[] = ‘тута’; .

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

    Как самому сделать баннер онлайн

    Я, конечно же, понимаю, что создание банеров прежде всего является прерогативой профессионалов. Нужен особый взгляд, опыт и талант, наконец. И даже хорошее знание популярных графических редакторов (аля онлайн Фотошоп Pixlr) не даст вам полной уверенности в успехе, ну а уж если вы таким знанием не обладаете, то окунаться в дело создания эффективных графических рекламных блоков не стоит. А может быть стоит?

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

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

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


    На первой вкладке «Макет» вам будет предложено выбрать габариты будущего банера из выпадающего списка стандартных размеров, либо указать свой собственный нестандартный. Далее вам нужно выбрать цветовое решение:

    1. однотонную заливку одним выбранным цветом
    2. градиентную заливку (используется по умолчанию) с выбором обоих цветов и способа перетекания градиента
    3. загрузить изображение, которое будет использовать в качестве фона

    Чтобы произведенные вами изменения отобразились на макете, нажмите на расположенную чуть ниже кнопку «Изменить». Переходим на вкладку «Текст». В зависимости от типа и размера итогового баннера вы сможете задействовать от одной до шести линий с текстом (по умолчанию используется две).

    Вписываете нужный вам текст для каждой линии и выбираете тип шрифта, которым будут прописаны слова. Шрифтов очень много, но поддержку русского я нашел только в группе «Stock»:

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

    На следующей вкладке «Воздействие» вы сможете задать направление падения света для отбрасывания тени, собственно, ширину тени, ее цвет, а также ширину и цвет обводки букв текста линий:

    Ну вот, на следующей вкладке выбираете тип рамки для создаваемого баннера (если она вообще нужна), а потому уже на вкладке «Формат» выбираете тип изображения растровой графики, в котором вы предпочитаете сохранить данный шедевр (jpg, png или gif).

    Какой именно формат выбирать, решать вам самим, но можете просто попробовать все, а при нажатии на кнопку «Скачать» посмотреть, какой же формат является наиболее экономичным для вашего случая. Будем считать, что сделать простой графический блок нам удалось. Но наибольшим эффектом будет обладать анимированный баннер. Как можно его сделать?

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

    Полученные кадры в формате Gif нужно будет загрузить уже в Xgif, где можно настроить порядок чередования кадров и получить вполне рабочий анимированный банер сделанный полностью в онлайн. Все операции, которые вам необходимо будет осуществить на этом сервисе, описаны во всех подробностях, так что и добавить нечего. Хотя.

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

    Если полученный результат создания анимации вас устраивает, то жмите на кнопку «Скачать эту анимацию», а если не устраивают, то «Продолжить редактирование»:

    15 правил создания баннера, которые можно нарушать

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

    Давайте представим, что у вас заказали баннер, который должен стать мегакликабельным. Что обязательно нужно учесть, чтобы баннер кликали, а не игнорировали?

    Цвета

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

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

    Визуальная иерархия

    Обязательные составляющие баннера:

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

    Илон Маск рекомендует:  Универсальный постраничный вывод на PHP из MySQL

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

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

    Это главный элемент баннера, который побуждает пользователя кликнуть. Используйте кнопки с фразами “Купить”, “Узнать больше”, “Зарегистрироваться”.

    Пример баннера Jaguar:

    Размеры

    Загружайте в Гугл Эдсенс баннеры самых конверсионных размеров:

    • 336×280 большой прямоугольник
    • 300×250 средний прямоугольник
    • 728×90 шапка
    • 160×600 “небоскреб”.Идеальное место для показа баннера — первый экран, в окружении основного контента страницы.

    Наш сервис работает с Google Adwords. У Google порядка 400 шаблонов и под каждый сайт он самостоятельно подбирает подходящий размер.

    По нашей статистике средний сtr по баннерам у нас колеблется от 0,5% — 1,50% в зависимости от аудиторий на тематических площадках Google.

    Дизайн

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

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

    Рассмотрим в качестве примера наш баннер и расскажем, что в нём учтено. На объявлении есть логотип и основные преимущества жилого комплекса: метро, невысокая стоимость квартир, скидка. Нет кричащих цветов, каждая мысль акцентирована, на баннере изображена знакомая символика метро.

    Кнопки на баннерах

    Кнопки определяют кликабельность (CTR) баннера. Разместите их под основным содержимым или справа внизу в зависимости от размера баннера. Следите за их единообразием в наборе баннеров.

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

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

    Границы, обводка

    Убедитесь, что содержимое баннера использует все пространство.

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

    Пример баннера Сбербанка:

    Текст

    Заголовок и текст должны быть разного размера и занимать не более четырех строк. Откажитесь от курсива, капслока и шрифта мельче 10.

    Изображения

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

    Реклама джинс от Levis является тому примером:

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

    Соответствие стилю компании

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

    В качестве примера приведем наш баннер с дальнейшим переходом на целевую страницу:

    Соответствие дизайну сайта


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

    Ощущение срочности

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

    Анимация

    Анимированные баннеры могут быть эффективнее статических. Но только в том случае, если анимация не отвлекает от основного сообщения.

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

    Интерактивность

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

    Формат файла

    Сохраните баннер в формате, который поддерживается в сети. Помните, что не все устройства поддерживают flash-баннеры. Стандартные форматы — png и jpg для статических и gif для анимированных баннеров.Выбирайте их и не ошибетесь!

    Размер файла

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

    Заключение

    Подведем итоги. Понятная цель, призыв к действию, релевантность и соответствие стилю компании — главные составляющие кликабельного баннера.

    Качество баннера не в том, как он выглядит, а в кликах, которые он приносит. Он может быть не самым совершенным с точки зрения дизайна. Но, если он приносит клики, вы все делаете правильно.

    Автор: Елена Крыкина, Директор по маркетингу Reenter

    10 советов по созданию рекламных баннеров

    Автор: Терри Дин

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

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

    Лично я для изготовления баннеров пользуюсь программой Paint Shop Pro, бесплатную демонстрационную версию которой можно скачать на http://www.jask.com. Это наилучшая из легких в использовании программ графического дизайна, доступная сегодня в Сети.

    Однако обладание нужной программой еще далеко не означает, что Вам удастся создать баннер, который будет эффективно работать на Вас. Разрабатывая собственный баннер, необходимо руководствоваться определенными принципами, 10 из которых наиболее значимых я намерен изложить далее.

    1. Используйте слова «Нажми сюда» и «Вход» при дизайне баннера. Конечно, первой Вашей мыслью в данном случае будет, что эти слова уже в зубах завязли у пользователей Сети. Однако исследования однозначно показывают, что использование этих слов само по себе помогает увеличить эффективность баннера на 20 — 30 %. Именно эти слова становятся, как правило, решающим фактором в действии пользователя при условии, что его заинтересовал заголовок.

    2. Изготовляйте анимированные баннеры. Анимация баннера увеличивает коэффициент его полезного действия на 30 — 40 %.

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

    3. Баннеры должны быстро загружаться. Максимальный объем хорошего баннера — 10 — 12 kb. Конечно, трудно уложить в такой объем всю необходимую рекламную информацию в комплексе с хорошим дизайном, но это совершенно необходимо. Большинство баннеров, которые мне доводилось видеть, весили примерно 15 — 20 kb, что соответствующим образом отражается на времени их загрузки и на отношении к ним пользователей. Самый лучший вариант, чтобы баннер весил меньше 10 kb, тогда он будет гораздо более эффективным и привлекательным как для баннерных сетей, так и для других вебмастеров и, конечно же, для посетителей.

    Самый лучший и простой способ добиться желаемого результата — использование анимации из двух-трех кадров. Плюс к этому в подготовке графических изображений для кадров используйте управление цветом, т.к. в ряде случаев кадр можно выполнить в палитре 16 цветов, а это помогает сбросить 3 — 4 kb.

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

    5. Самое лучшее слово, которое нужно обязательно использовать в заголовке — «БЕСПЛАТНО». При этом ни в коем случае не следует располагать данное слово без пояснительного текста. Объясните пользователям, что именно они получат у Вас бесплатно. Практика показывает, что использование слова «БЕСПЛАТНО» с хорошим пояснительным текстом помогает существенно повысить коэффициент кликов.

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

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

    8. Используйте в тексте баннера адрес Вашего сайта, а также логотип и название компании. Не сводите содержание баннера к логотипу компании, ее названию и адресу сайта, но они обязательно должны присутствовать. А основным моментом в баннере при этом должны быть выгоды, которые Вы обещаете пользователям. Указанный прием формирует в сознании пользователя эффект узнаваемой торговой марки и способен оказать существенное влияние на число кликов по Вашему баннеру.

    9. Используйте при дизайне баннера определенные трюки. Наиболее распространенные из данных «трюков» заключаются в оформлении баннеров как элементов управления Windows, в частности — кнопки, выпадающие меню, полосы прокрутки и т.п. Как ни странно, многие люди покупаются на эти трюки, желая выбрать тот или иной пункт «меню», прокрутить текст далее и т.п.

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

    5 советов правильного оформления баннеров в социальных сетях

    Каждый день пользователи видят сотни встречающихся рекламных баннеров. Лишь десяткям креативных объявлений удается обратить на себя внимание. Но в креативности ли дело? Что делает баннеры запоминающимися для пользователей? Специалисты из профессионального блога Design Hill уверены, что за креативностью стоят общие принципы для создания графических объявлений. Они дали несколько советов, благодаря которым даже человек в креативной депрессии способен создать эффективный рекламный баннер. Итак, перейдем к делу.

    Соблюдайте логичную структуру
    При создании рекламных баннеров необходимо четко следовать структуре. Абсолютно каждый баннер должен содержать:

    • Логотип бренда;
    • Предложение;
    • Визуальный образ товара или услуги;
    • Кнопку призыва к действию.

    Следует выделить предложение и призыв к действию, а логотип поместить в верхний левый угол баннера. Графическая составляющая должна быть релевантна и привлекательна. Необходимо следить, чтобы она не конкурировала с другими элементами, а удачно их дополняла. Заметная и понятная CTA
    У призыва к действию есть две основные задачи:

    • Мотивировать человека кликнуть по объявлению;
    • Развеять все сомнения клиента.

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

    Вот несколько советов по оформлению CTA:

    1. Призыв к действию должен контрастировать с общим фоном. Кнопку желательно оформить в виде прямоугольника с закругленными краями.
    2. Кнопка призыва к действию должна быть гораздо больше, чем другие элементы баннера. В этом случае на нее будут кликать чаще.
    3. Текст на кнопке должен быть простым, крупным, понятным, выделяться на общем фоне и легко читаться.
    4. Повысить кликабельность может эффект дедлайна. Например, добавьте слова срочно или сейчас.
    5. Используйте CTA c личными местоимениями. Такой подход больше привлекает внимание.

    Правильная работа с изображениями
    Современный пользователь уже привык к яркой и сочной картинке. Поэтому использование качественных изображений ㅡ это уже стандарт. Но в последнее время прослеживается тенденция использования типографики вместо фотографий. Если в тематике использование изображений не принципиально, то попробуйте использовать этот прием. Типографика на баннере выделит ваше объявление среди других.

    Еще один пример:

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

    Также вы можете использовать географиский таргетинг. Используйте название локации на баннере. Такие объявления особенно популярны в социальных сетях.

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

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

    Эффект движения
    Как с помощью статичной картинки оживить пользователей? Поможет эффект движения. Также можно использовать заглавные буквы для акцента на нужные элементы баннера.

    Еще один пример использования эффекта движения на статичном баннере.


    Итоги
    Перечисленные советы не универсальны. Тестируйте различные варианты и выбирайте лучшее. Помните о релевантной посадочной странице и ориентируйтесь на фирменный стиль своей компании.

    Как создать баннер в «Фотошопе»: пошаговая инструкция, советы начинающим

    Каждый из нас ежедневно сталкивается с рекламой, смотря телевизор, сидя в Интернете, находясь на улице, в торговом центре и еще много где. В этой статье мы расскажем про один из самых популярных видов рекламы – баннеры. Вы узнаете, что такое баннеры, какие виды их бывают и как создать рекламный баннер в «Фотошопе».

    Что такое баннерная реклама

    Баннерная реклама – графическое изображение рекламного характера. Рекламные щиты на улицах, растяжки над магазинами, картинки на сайтах в Интернете, при клике на которые переходишь на другой сайт – все это баннеры. Уличные баннеры появились давно, когда еще не было даже радио. А вот в Интернет они просочились в 1994 году и быстро начали набирать популярность. На сегодняшний день ни один бизнес не обходится без рекламы, и в частности рекламы в Интернете, а баннеры — это один из весьма эффективных инструментов в деле продвижения товаров и услуг.

    Какие виды баннеров бывают

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

    Виды интернет-баннеров по способам реализации

    Перед тем как узнать, как создать баннер в «Фотошопе», мы познакомимся с разновидностями способов их реализации.

    • Статичные. Простейший баннер – картинка с рекламным содержимым. Размер файла небольшой, поэтому быстро загружается даже при медленном Интернете. Легко создать баннер как в «Фотошопе», так и в других графических редакторах.
    • Анимированные. Весят они в несколько раз больше статичных, в связи с этим загружаются медленнее, но зато больше бросаются в глаза пользователю. Такой рекламный баннер создать в «Фотошопе» уже гораздо сложнее.
    • Ричтекст (Rich text). Баннер, похожий на информационную статью с графической составляющей.
    • HTML5, JS, флеш-анимация. Это уже баннеры, которые являются интерактивными мини-программами. Например: различные тесты, примитивные игры, опросники. Создать такой рекламный баннер в «Фотошопе», как вы понимаете, никак не получится.

    Определение размеров баннера

    Прежде чем узнать, как создать макет баннера в «Фотошопе», необходимо определиться с его размерами. Стандартом считается размер 100 х 100 пикселей. Самый часто используемый вариант – 468 х 60 и 234 х 60. Первая цифра определяет ширину, а вторая длину. Так что вертикальный баннер будет иметь размер, например, 60 х 468 пикселей. Поэтому важно знать, где вы будете размещать свой баннер.

    С чего начать

    Вот мы узнали, что можно баннер создать в «Фотошопе» как больших размеров, так и миниатюрных. Но спешить не стоит и прежде, чем открыть программу, чтобы создать баннер, как и в любом творческом деле, надо прикинуть дизайн и содержимое. Мы советуем это сделать при помощи бумаги и карандашей. Сначала чертим прямоугольник, учитывая пропорции будущего баннера. Придумываем необходимый рекламный текст. Затем определяем, каким будет фон. Необходимости в рисовании всего этого нет, достаточно просто задуманное написать словами. Далее уже можно прикидывать, какие картинки можно вставить и где их стильно разместить, в том числе и возможный фирменный логотип. Скорее всего, получившееся на бумаге будет выглядеть как схематический план. Финальная стадия подготовки: ищем в Интернете картинки, подходящие под вашу идею. Важно помнить об авторских правах, поэтому подбираем картинки на бесплатных ресурсах.

    Делаем свой рекламный баннер

    Итак, ваш макет готов. Теперь приступим непосредственно к основному процессу.

    В этой статье мы сделаем статичный горизонтальный рекламный баннер размером 468 × 60 пикселей и текстом «Распродажа iPhone 5. Не упусти шанс» в программе «Фотошоп» версии CS6.

      Запускаем программу. Создаем новый документ с размерами 468 × 60 пикселей.

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

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

    Как создать баннер: 4 способа + 9 программ для формирования баннера

    Как создать баннер: понятие баннера + актуальность баннерной рекламы + 4 способа создания рекламного блока + 3 совета для новичков в этом вопросе.

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

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

    Что такое баннер: актуальность и общие понятия

    Вряд ли сегодня можно встретить человека, который бы слышал понятие «баннер» впервые. А все потому, что первые блоки баннерной рекламы появились еще 14 лет назад и с тех пор становились все популярнее.

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

    Подтверждением вышесказанному служит представленная диаграмма:

    Так что же такое баннер? Как трактуют это понятие специалисты?

    Илон Маск рекомендует:  Описание XML и XSLT

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

    Баннер содержит в себе не только изображение, а также и гиперссылку, при нажатии на которую посетитель переходит на ресурс рекламодателя. Сегодняшние технологии предполагают переход по ссылке не только при нажатии на нее, но и при простом наведении на нее курсором мышки.

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

    Выглядит блок баннерной рекламы следующим образом:

    Существует множество классификаций баннеров, но мы рассмотрим только самые основные.

    Баннеры классифицируют исходя из:
    Размеров и формы • Прямоугольные (728*90, 300*600).
    • Квадратные (250*250, 125*125).
    • «Почти квадратные» (336*280, 300*250).
    Месторасположения на сайте • Pop-up – перекрывает изображение сайта, открываясь в отдельном окне.
    • Pop-under – открывается в отдельном окне под предыдущим изображением.
    • Top Line – занимает всю верхнюю часть веб-ресурса.
    Динамичности • Статичный – имеет вид обычной картинки.
    • Анимированный – представляет собой анимированное изображение.
    • Richtext – совмещает текст и изображение.

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

    4 способа, как создать баннер

    Баннерная реклама хоть и уступает во многом новым видам продвижения в сети, все еще очень популярна и эффективна. Более того, такой маркетинговый инструмент по-прежнему входит в число самых дорогих.

    Если вы собрались заняться продвижением собственного сайта или планируете стать профессиональным создателем баннеров на заказ, мы представим вам 4 основных способа, которые помогут создать баннер.

    Какой из них вы выберете, будет зависеть от вашей конечной цели.

    Вариант 1. Создать баннер, воспользовавшись услугами профессионалов.

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

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

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

    Вот вам несколько таких для примера:

    • http://beflystudio.com/razrabotka-bannerov.html

    • http://www.alexfill-design.ru/razrabotka_i_sozdanie_bannerov_flash_i_gif.htm
    • https://tolkunov.com

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

    Самые известные из них следующие:

    • https://www.weblancer.net/freelancers/bannery-8
    • https://www.fl.ru/freelancers/dizajner-bannerov-dizajn
    • http://freelance.youdo.com/design/banners

    Что касается ценовой политики, то она будет отличаться в зависимости от того, какой именно рекламный блок вам нужно создать. Если речь идет об обычном статичном баннере, то его стоимость составит от 500 руб. Когда же вы планируете заказать комплект из 5 анимированных баннеров, то приготовьтесь заплатить до 5 тыс. руб.

    Вариант 2. Создать баннер при помощи графического редактора.

    Рассмотрев самый простой, но затратный способ, как создать баннер на сайт, перейдем к самому незатратному, но сложному варианту.

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

    Правда, на сегодня это не проблема, достаточно посмотреть пару уроков на You Tube, и вы уже можете стать умелым пользователем одного из редакторов. Но какой же редактор выбрать?

    Задав такой вопрос, чаще всего можно услышать один и тот же ответ – для того, чтобы создать баннер, лучше всего использовать Photoshop.

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

    Чаще всего создают рекламные блоки в таких редакторах:

    • Photoshop – как уже и было сказано, такая программа требует профессионального подхода, поэтому, если вы желаете научиться пользоваться ею или уже имеете некоторые навыки, то можете смело пробовать создать баннер именно в Photoshop. Для удобства можете использовать онлайн версию редактора: https://online-fotoshop.ru
    • Paint.net (http://paintnet.ru) – несложный в использовании, но функциональный графический редактор, который своими возможностями напоминает Photoshop. Он является прототипом стандартного Paint, такой же простой для начинающих, но в то же время очень усовершенствованный.
    • GIMP (http://gimp.ru) – еще один очень неплохой и простой графический редактор, который позволяет создать баннер и веб-дизайн сайта. Работает в самых популярных операционных системах.

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

    Рассмотрим принцип действий на примере работы с Photoshop:

    1. Сперва скачиваем и устанавливаем редактор (в случае, если вы не используете онлайн версию), после чего приступаем к работе.
    2. Чтобы создать баннер, выбираем вкладку « Файл » и « Создать ». Перед нами появится окно, в котором мы должны определить размеры рекламного блока.

    После определения размеров выбираем цвет заливки и дополнительные эффекты.

    Далее задаем нужный стиль в окне параметров.

    Теперь пишем необходимый текст и занимаемся его оформлением.

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

    Вариант 3. Можно создать баннер с помощью специальных программ.

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

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

    К ним стоит отнести:

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

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

    Проанализируем несколько наиболее известных сервисов:

    1. EasyBanner – многофункциональная и не сложная в использовании площадка, которая позволяет создать как обычный, так и анимированный баннер. Здесь можно выбрать необходимое изображение, поработать над эффектами, вставить текст. Самое большое преимущество ресурса в большом количестве готовых шаблонов, которые значительно упрощают задачу.
    2. Sothink SWF Easy – программа, которая позволяет не только создать стандартный баннер, но и оформить профессиональный анимированный блок с яркими элементами. При этом ресурс рассчитан на использование новичками, поскольку все действия можно совершить, ссылаясь на небольшие подсказки. Интерфейс программы удобен для работы, к тому же здесь также имеется большой выбор шаблонов и изображений.
    3. Atani – многофункциональная программа, которая составит конкуренцию даже профессиональным сервисам. Здесь можно создать статичный и динамичный баннеры, использовав для этого изображения в самых разных форматах.

    Использовать каждую из этих программ не сложно.

    Алгоритм действий выглядит следующим образом:

    1. Скачиваете, к примеру, Sothink SWF Easy и запускаете программу.
    2. Первым делом вам нужно определить, какой объект будет создан. В нашем случае выбираете « Баннер ».

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

    Теперь можете задать нужный размер вашему рекламному продукту и выбрать фон.

    Следующим этапом будет ввод текстовой информации.

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

    Теперь вы создали свой баннер и можете приступать к продвижению своего бренда или продукта.

    Вариант 4. Создать баннер, применив онлайн-конструктор баннеров.

    И последним способом из 4-х представленных является вариант создания рекламного блока при помощи онлайн-конструкторов. Такой метод является самым универсальным и простым.

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

    Главное – выбрать наиболее оптимальный из конструкторов для своей ситуации, чтобы иметь возможность создать качественный и продаваемый баннер.

    Проанализируем несколько популярных ресурсов.


    №1. Banner Fans.

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

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

    Этот ресурс бесплатный, но имеет несколько минусов:

    • Во-первых, русский язык, на который осуществляется перевод на сайте, очень далек от идеала.
    • Во-вторых, не всегда текст можно напечатать на русском языке, многие знаки он не читает.

    Поэтому лучше всего пробовать создать баннер при помощи этого конструктора только на английском языке.

    №2. Bannerovich.

    Очень простой в эксплуатации онлайн-конструктор, который позволяет создать баннер двумя способами:

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

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

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

    №3. Canva.

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

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

    К особым преимуществам сервиса следует отнести возможность поделиться своими работами с другими пользователями сети и социальных сетей.

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

    Итак, мы проанализировали 4 самых популярных способа, как создать баннер самостоятельно или при помощи веб-мастеров. Напоследок хотелось бы добавить несколько слов о том, как сделать ваш рекламный продукт более конкурентоспособным на рынке.

    Как создать правильный баннер: 3 рекомендации

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

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

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

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

    Баннер должен нести нужную информацию и быть запоминающимся.

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

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

    Размещайте баннеры на сайтах, исходя из целевой аудитории.

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

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

    Создание рекламного баннера.

    Как быстро сделать рекламный баннер в интернете?
    Пошаговая инструкция.

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

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

    15 дизайнерских приемов — как сделать баннер, за который не будет стыдно

    В интернете много шумихи по поводу баннеров. Они уже отжили свое? Кликает ли кто нибудь на них? Может, они уже мертвы? А вдруг появилась лучшая альтернатива баннерам?

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

    Сегодня мы рассмотрим 15 дизайнерских приемов для создания баннеров, за которые не будет стыдно. Для примеров мы взяли победителей 2015 года по версии Webby Awards.

    1. Придерживайтесь стандартных размеров

    Баннерная реклама не относится к типу продукта один «размер для всего». Вы должны исходить из тех спецификаций, которые нужны для ресурса, на котором вы планируете размещать рекламу, а большинство сайтов используют набор стандартных размеров. (Это также касается и email-рассылок)

    На Google Adwords, одном из крупнейших серверов баннерной рекламы в интернете, можно узнать про наиболее популярные размеры.

    Ниже размеры, которые вы должны выбрать в первую очередь:

    • 728×90 px — полноразмерный баннер (часто показывается вверху или внизу страницы)
    • 300×250 px — встроенный прямоугольник (преимущественно показывается в правой части сайта или вставляется в текст)
    • 300×600 px — блок на половину страницы
    • 320×100 px — мобильный баннер

    2. Придерживайтесь последовательности

    Каждый баннер должен содержать в себе три элемента: брендинг (логотип), сообщение и поощрение для клика. Загвоздка в том, что у вас не сильно много места для всего этого.

    Создайте простую последовательность элементов. Сообщение должно быть кратким — от двух до 10 слов в идеале. Что вы предлагаете и почему люди должны этого хотеть. После этого добавьте логотип или какой-то другой идентификатор. Он должен быть читабельным и не слишком большим. В заключение добавьте причину для клика. Может, у вас сейчас распродажа? Код купона? Подписка на почту?

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

    3. Один баннер равняется одному сообщению

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

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

    4. Помните о том, где будет размещен баннер


    Где вы планируете размещать баннеры после того, как сделаете сам креатив? Если вы используете сервисы подобные Google, у вас будет не сильно много возможностей контролировать размещение. Но если вы хотите разместить их на определенных вебсайтах, в приложениях или email рассылках, вам нужно будет изучить их и принять во внимание их дизайн, прежде чем делать свои баннеры.

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

    5. Используйте призыв к действию

    Какая самая главная задача баннера? Правильно — на него должны кликнуть. Используйте призыв к действию (Call to Action) в каждом баннере, который вы делаете. Подскажите пользователю, что ему нужно делать дальше.

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

    6. Забудьте про Flash

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

    Используйте вместо этого HTML5. Если вам нужно сконвертировать какие то свои старые креативы и вдохнуть в них новую жизнь, у Google есть небольшой урок, который поможет это сделать.

    7. Используйте кнопки

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

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

    8. Сфокусируйтесь на шрифтах

    Чем меньше площадь, с которой вы работаете, тем важнее значение выбора шрифтов. Баннерная реклама в большинстве случаев очень ограничена в размерах и жестко конкурирует с другими элементами сайта. Так что используйте четкие шрифты, которые легко читать.

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

    1. Делайте большие заголовки. Используйте жирные, немного необычные или цветные шрифты, чтобы привлечь внимание пользователей.
    2. Отдавайте предпочтение шрифтам без засечек (sans serif). Вы можете использовать два размера или два начертания жирного — один для основного текста, а другой для кнопок или призыва к действию. Просто убедитесь, что они легко читаются.

    9. Используйте простую анимацию

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

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

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

    10. Сохраняйте правильно

    Это важный момент. Никто не разместит вашу рекламу, если файлы слишком много весят или у баннера будет неправильный формат. Оптимизируйте размер по максимуму. Итоговый размер файлов не должен превышать 150 кб, в зависимости от площади рекламного баннера.

    После этого убедитесь, что баннер сделан в правильном формате, стандартном для интернет-рекламы. Распространенные форматы баннеров — PNG и JPG для статических баннеров, GIF — для анимированных. SVG формат тоже набирает оборотов и все чаще принимается разными рекламными сетями. Забудьте об SWF (Adobe Flash) — от него сейчас уже практически все отказались, и даже браузеры перестают его поддерживать. Вместо него широкое распространение получили HTML5 баннеры, которые создаются с помощью таких программ, как Google Web Designer, Adobe Animation или рускоязычный онлайн конструктор баннеров Bannerboo.

    11. Сфокусируйтесь на текстах

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

    Вы же не собираетесь впихнуть в баннер 100 слов, правда? Неплохой вариант — поработать с копирайтером, который поможет подобрать правильное послание. Подбирайте такие выражения, которые отвечают на возможные вопросы пользователей, или придумайте интригующий посыл, чтобы привлечь их внимание.

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

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

    Поэтому, создавая баннеры, думайте о них, как о составляющей вашей маркетинговой стратегии.

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

    13. Используйте яркие визуальные элементы

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

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

    14. Релевантный контент

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

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

    15. Будьте попроще

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

    В случае с баннерами, всего по одному будет достаточно.

    • Одна картинка
    • Одно текстовое сообщение
    • Один призыв к действию
    • Один элемент бренда

    Выводы

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

    Как сделать баннер для сайта

    Реклама — нужная вещь для любого сайта. Только стоимость инструментов для рекламы бывает выше дохода от нее. Вот тогда многие начинают мудрить, чтоб хоть немного сэкономить. Для таких « мудреных » мы и поведаем, как сделать баннер.

    Что такое баннеры

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

    Современный рост эффективности баннерной рекламы связан с использованием контекстного таргетинга. При этом на баннерах сайта рекламируют только те товары и услуги, которые « созвучны » с тематикой ресурса:

    Хорошо бы узнать, как можно сделать баннер для сайта. Но для начала нужно разобраться с существующими типами баннеров. Различают следующие их типы:

    • Статические баннеры – состоят из статического изображения. Представляют собой рисунки в формате JPEG или PNG . Характеризуются малым весом, не влияющим на скорость загрузки страницы.
    • Анимированные баннеры – анимация создана с помощью GIF . Состоит из нескольких картинок, сменяющих друг друга с заданной частотой. Вес баннера зависит от количества используемых в нем изображений.
    • Flash – в таком баннере анимация сделана на основе Flash . Она может реагировать на действия пользователя.

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

    Существует много различных размеров баннеров для сайта. Но самыми популярными из них являются:

    • 88 на 31 пиксель;
    • 120 на 60 пикселей;
    • 120 на 90 пикселей;
    • 120 на 240 пикселей;
    • 125 на 125 пикселей;
    • 120 на 600 пикселей;
    • 160 на 600 пикселей;
    • 180 на 150 пикселей;
    • 234 на 60 пикселей;
    • 240 на 400 пикселей;
    • 250 на 250 пикселей;
    • 300 на 600 пикселей;
    • 300 на 250 пикселей;
    • 336 на 280 пикселей;
    • 150 на 150 пикселей;
    • 468 на 60 пикселей;
    • 728 на 90 пикселей.


    Признаки эффективного рекламного баннера

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

    • Привлекать внимание пользователя – но это не значит, что баннер должен быть чересчур ярким и мигающим. Такая реклама вызовет у посетителя раздражение, а не внимание. Содержимое баннера должно ненавязчиво «намекнуть» пользователю о своем присутствии. Поэтому при подборе изображения и текста для него всегда должен учитываться психологический фактор;
    • Вызвать интерес – баннеры для сайта должны вызывать у пользователя интерес к объекту рекламы. Товар или услуга должны быть поданы не только со вкусом, но и оригинально. Приветствуется использование легкого остроумия и юмора:
    • Побуждение к переходу по ссылке баннера – достигается за счет эффекта некоторой таинственности и недосказанности,
      вложенного в содержимое баннера.
    • Побуждение к заказу услуги или покупке – прежде всего, зависит от содержимого баннерной рекламы. Оно должно показывать самые лучшие стороны объекта рекламы или ту выгоду, которую может получить пользователь от его приобретения.
    • Если баннер предназначен для повышения узнаваемости бренда и увеличения его имиджа, то рекламное содержимое должно навеивать потребителю чувство доверия. Но не вызывать при этом негативных ассоциаций.

    Закономерности, которые стоит учитывать перед тем, как размещать баннер на сайте:

    • Чем больше баннер, тем выше вероятность перехода по нему пользователя. Самым эффективным размером считается 240 на 400 пикселей;
    • Наибольшим эффектом обладает баннерная реклама, размещенная сверху ( в шапке ). Также она может быть размещена сбоку или внизу страницы, но эффективность здесь несколько ниже;
    • Анимированные баннеры способны быстрее привлечь внимание пользователя – интуитивно глаз человека реагирует на движение.

    Создание и размещение рекламного баннера

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

    Код большинства баннеров соответствует шаблону:

    • a href=»/ссылка на сайт рекламодателя» – адрес ресурса, на который приведет пользователя щелчок по баннеру;
    • title=»заголовок» – текст, отображающийся в сплывающей подсказке при наведении на область баннера;
    • target=»_blank» – задает правила отображения сайта рекламодателя после перехода по ссылке баннера («_blank»- откроется в новом окне);
    • rel=»nofollow» – запрещает поисковикам обработку этой ссылки;
    • img src=»https://www.internet-technologies.ru/wp-content/uploads/путь к изображению» – задает путь к изображению, отображаемому в баннере;
    • alt=»альтернативный текст» – текст, который будет отображен в баннере, если его рисунок не загружен.

    Но не обязательно разрабатывать баннер самостоятельно. Для этого можно воспользоваться специальными онлайн-генераторами. Чтобы сгенерировать код баннера на таком сервисе, нужно заполнить несколько полей и нажать на кнопку:

    Или можно заказать создание баннера в профессиональной студии. Тогда это обойдется дороже… Вот примерные расценки:

    • Разработка обычного GIF баннера – от 25$;
    • Создание баннера на основе Flash – 70-150$;
    • Ресайз – примерно 50% от первоначальной его цены.

    Но если немного помудрить, то можно сотворить простенький баннер самостоятельно. Вот какое чудо получается после десяти минут манипуляций с кодом html и изображением в Coreldraw :

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

    Вот что получилось:

    Создание анимированных и видео баннеров

    Рассмотрим на примере как сделать анимированный баннер с помощью программы Ulead GIF Animator .

    В меню « Файл » выбираем пункт « Мастер анимации ». В появившемся окне задаем размер будущего баннера. На следующем шаге загружаем подготовленные изображения:

    Затем задается скорость смены картинок в анимации. В маленьком окне эта скорость демонстрируется с помощью меняющихся цифр:

    При желании к анимированной картинке можно добавить движущийся текст. В специальном окне набирается текст и настраивается его анимация ( задается скорость и направление движения ):

    Примерно также в этой программе можно создать и видео баннер. Тогда в первом шаге вместо изображений загружается видео или отдельные кадры ролика.

    Ulead GIF Animator позволяет сохранить созданный баннер в разных форматах. В том числе и как видео:

    Главное не реализация, а идея!

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

    Баннеры как реклама. Плюсы, минусы, ошибки.

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

    Баннер — это вот такая вот фигня:

    Фигня эта, как правило, 6х3 метра, хотя бывают меньше и больше.
    Наверняка вы видели такие, но скорее всего, не помните ни одного рекламного посыла от туда.

    Баннер — как рекламный носитель полезен в двух случаях:
    1) Вы открыли 3-5-10 заведение в новом районе, у вас есть деньги на рекламу, мало времени и за месяц вы хотите заявить о себе как можно большему кол-ву людей.
    2) Вы производитель у вас хренова тьма денег и вы поддерживаете интерес к своим продуктам.
    Бывают редкие исключения, но в целом, это два пункта когда вам нужна реклама на баннере.

    Стоимость размещения на месяц: 10-20-30 тысяч. Часто больше, редко меньше. Дорого короче.

    Специфика этой рекламы:
    1) На контакт с людьми у баннера есть 2-5 секунд. Не будем забывать что баннеры висят вдоль автодорог, скорость автомобиля 40-60км/ч и водителю есть чем заняться, кроме как пялится на вашу рекламу.
    2) Учитывая выше сказанное, нужно очень постараться что бы ваш баннер «зацепил взгляд» человека.
    3) Если сделать правильно — огромный охват

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

    Для того, что бы ваша рекламная кампания на баннере сыграла, нужно отразить на нем всего 4 правила:
    1) Яркий/темный — притягивающий внимание фон/картинка.
    2) Краткий, ёмкий и понятный посыл
    3) Никаких перегрузок информацией.
    4) ЧЕТКИЙ ПОНЯТНЫЙ КРУПНЫЙ ШРИФТ

    Поэтому, для начала — поймите — зачем нужен баннер вам? Что вы хотите донести до тысяч людей которые его увидят?

    Плохих баннеров — тысячи, в каждом городе. Хороших — единицы. Хорошие, как правило, у крупных сетевых магазинов (техники, например). Вспомните их, как они выглядят?
    — Крупное название магазина где-то в углу
    — По центру крупное и простое предложение (скидка 50% на кондиционер)
    — Временное ограничение (только до 10 августа)
    — Возможно, интересный слоган (типа, сосну бесплатно или что-то похожее)

    В начале, я хотел приложить пару-тройку баннеров плохих и хороших, но, мои посты уже много раз удаляли за «типа рекламу» поэтому не буду)

    Скажу лишь, что из моей не очень большой практики работы с баннерами, итог был довольно хорошим. Потому как, прежде чем начать работать над самим дизайном, совместно с клиентом сужали весь его посыл до 2-3 слов, выбирали совместно места размещений и каждый раз делал мини фокус-группу (друзья, жена и прочие попавшиеся под руку люди). Клеил на лист А3 6-8 банеров (один свой) и показывал в течении 5-10 секунд, а потом спрашивал что увидели и что запомнили. А потом, показывал свой банер, но уже 2-3 секунды, и узнавал что прочли-увидели-поняли.

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

    Это ваш бизнес, это ваши деньги. Не выкидывайте их на воздух)

    С уважением к вам и вашим мыслям, gagarin28

    Что такое баннер и как его создать

    Что такое баннер на сайте и как его сделать самому

    Здравствуйте, дорогие друзья. Статью написал блогер Владимир, автор сайта http://1st-finstep.ru/ .

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

    Баннер – это своего рода вывеска, графическое изображение рекламного характера, которое подталкивает пользователя к определенным действиям. Изначально он применялся, как уличная реклама, но позже, с развитием интернета, переместился в сеть и прочно закрепился, как эффективное средство рекламных компаний. Это картинка определенного размера, содержащее в себе краткое описание рекламируемого продукта, призывающее пользователя нажать на нее. Достоинство таких «вывесок» — человеку достаточно кликнуть на нее, и он будет перемещен на целевую страницу, это удобно и быстро.

    Какие они бывают и правила их составления

    Все баннеры разделяются на несколько видов:

    Первые могут быть в формате Gif или сделанными на Flash. Они содержат в себе несколько картинок, меняющие друг друга с определенной периодичностью, привлекая внимание посетителей. В этом случае главное, чтобы он не спугнул человека, то есть, в нем должно быть все в меру, чтобы появилось желание кликнуть на него, а не закрыть страницу. Это отчётливо видно по двум баннерам, расположенным внизу.

    Статические – это просто картинка с определенным текстом на ней. Умелое размещение заголовка на определенном фоне с небольшим текстовым описанием может подтолкнуть посетителя на нужное действие. Например, такой. Его размер 300 х 480. Поэтому он такой вытянутый. Но, несмотря на то, что это просто картинка, при нажатии на неё, мы попадаем на тот сайт, который нам нужен. Подобные баннеры также лучше размещать в сайдбарах.

    Баннер для сайта должен вмещать в себя текст, который легко будет читаться. Он не должен перегружать информацией юзера. Обращаем внимание на шрифты и на их размеры. Текст должен легко читаться, никаких «закрученных» или мелких букв, это вам не капча, которую нужно разгадывать часами. Что касается анимации, то ее скорость не должна превышать скорости чтения среднестатистического пользователя, не менее 5 секунд.

    Размер имеет значение! В сети существуют не гласные размеры вывесок для сайтов. Причем для каждой области страницы они свои. Например, для шапки подойдут баннеры размером 468 на 60. Например, вот такой баннер. Как видите, он статический.

    Для сайтбаров (тоже в зависимости от их размещения) – 240 на 400. Чтобы увидеть эти баннеры, достаточно посмотреть на сайтбар этого сайта. Ну а что делать, если размеры областей вашей страницы далеки от стандартных? В этом случае на помощь придут адаптивные, это те, которые подстраиваются под нужные вам размеры. Такими пользуются при составлении рекламных блоков в Google Adsense. Если у вас отключен АдБлок вы именно такой баннер Google Adsense видите над статьёй. Его размер 580 х 400. Также, внизу статьи вы видите баннеры от контекстной рекламы Яндекс.

    Как сделать баннер для сайта

    Существует несколько путей его создания:

    1. Заказать у профессиональных дизайнеров. В этом случае вы приобретаете графический продукт от профессионалов. Качество и эксклюзивность зависит от цены и профессионализма исполнителей.
    2. Скачать из интернета. В этом случае вы бесплатно получите готовый материал, который можно будет встретить на многих сайтах. Кроме этого, у вас не будет возможности его редактирования, не сможете изменить ни текст, ни фон, ни картинку.
    3. Сделать самому, используя специализированные программы. Для этого вы должны иметь в своем распоряжении эти программы и уметь ими пользоваться. Это также подразумевает покупку лицензии на ее использование, так как, профессиональные редакторы не будут бесплатными. А качество будет зависеть от вашего мастерства и фантазии. Например, баннер сделанный самим, вы видите вначале этой статьи. Это один их самых простых баннеров.
    4. Нарисовать самому, используя бесплатные онлайн-конструкторы. Не нужно платить за использование софта и дизайнеров. Вы сами себе режиссер. Использование подобных редакторов подразумевает наличие минимальных навыков рисования. Если вы работали в Paint, то разобраться в них не составит труда. Кроме того, наличие готовых шаблонов упростит процесс рисования.

    Но последний пункт может иметь определенные «подводные» камни. В обзоре, как создать баннер бесплатно онлайн, я упоминал о некоторых из них, на это обязательно нужно обращать внимание при выборе онлайн-конструктора. Перечислим некоторые из них.

    Отсутствие или наличие русского языка в интерфейсе редактора. Английский язык — это хорошо, но если вы его слабо знаете, то процесс знакомства будет растянут на не определенное время, это усложнит создание баннера для сайта. Кроме этого, обращаем внимание на качество перевода, если его перевел переводчик Гугл и это все всунули в оболочку конструктора, то это никак не упростит вам работу (подобный пример есть в обзоре по ссылке выше).

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

    Насколько богат функционал конструктора. Чем больше в нем встроено инструментов, тем качественнее и интереснее будет смотреться баннер.

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

    Илон Маск рекомендует:  Faq добавить ссылку на мой файл в меню пуск
    Понравилась статья? Поделиться с друзьями:
    Кодинг, CSS и SQL