Здравствуйте, друзья! Одним из способов привлечь больше посетителей на сайт является размещение на сторонних ресурсах такого графического элемента как баннер. Броский и стильный баннер с интригующей надписью может служить инструментом привлечения потенциальных покупателей, способствовать увеличению посещаемости сайта и даже рассматриваться как элемент имиджа.
А поэтому к созданию баннера необходимо подходить со всей серьёзностью. Баннеры, выходящие из-под рук неискушенного в дизайнерском искусстве веб-мастера, как правило, не отличаются совершенством. А что делать, если вдруг вам срочно понадобился качественный баннер, а времени на его изготовление катастрофически не хватает? Ответ простой – воспользоваться сервисом создания баннеров онлайн !
Выберите издателя — а не только веб-сайт. Изучите, с какими другими средствами веб-мастер увеличивает трафик веб-сайта, например. информационный бюллетень, социальные сети, мобильные приложения и даже надежные средства массовой информации, такие как брошюры, газеты и журналы.
Делаем дизайн билборда в Adobe Illustrator
Наконец, не выбирайте исключительно по критерию низкой цены. Это может стоить вам гораздо дороже, чем желаемый результат, и вы можете буквально выбросить свои деньги. Какое место выбрать для вашего баннера? Вы попали на сайт, на котором вы будете показаны.
Они читаются слева направо, начиная с верхней части веб-страницы, возвращаясь в левый столбец и снова читая слева направо. Наконец, перед изменением страницы они возвращаются в левый столбец. Исходя из вышеизложенного, лучшая позиция для вашего баннера находится в верхней части сайта или в правой колонке немного ниже.
Онлайн сервис для создания баннера онлайн Banner Fans позволяет создавать простые, но в тоже время стильные баннеры всего за несколько шагов. Сервис англоязычный, но вы также можете выбрать русский язык из выпадающего списка в верхнем правом углу. Перевод не отличается совершенством, но, как правило, его вполне хватает, чтобы русскоязычный пользователь мог чувствовать себя уверенно и свободно ориентироваться на сайте сервиса. Рабочее окно Banner Fans разделено на две горизонтально расположенные части или блока. В верхнем блоке можно наблюдать сам баннер и отслеживать все изменения, внесённые в процессе его редактирования.
Правда, однако, что каждый веб-сайт имеет свои привилегированные позиции на основе его дизайна, содержания и других точек взаимодействия. Попросите веб-мастера узнать, какая позиция лучше всего подходит и почему. Вы должны очень тщательно подумать о том, чтобы направлять посетителя, который нажимает на ваш баннер.
В зависимости от сообщения баннера вы можете направить его на следующие страницы вашего сайта: Главная — редко, рекомендуется только в том случае, если ваше сообщение касается вашего общего фирменного наименования и имеет целью расширить его. Но не ожидайте большой конверсии в продажи.
В нижнем расположены все необходимые инструменты и настройки. Здесь вы можете подбирать цвет, менять стиль шрифта, добавлять эффекты и т.д.
⚡️ВСЁ О РЕКЛАМНЫХ БАННЕРАХ ЗА 6 МИНУТ
Шаблон баннера, с которым вам предстоит работать, представляет собой вытянутый прямоугольник, залитый приятным на цвет градиентом и расположенными на нём двумя текстовыми элементами. Эти строчки текста вы можете перемещать мышью по всей площади баннера. Нижний блок состоит из пяти разделов, переключаться между которыми можно попеременно нажимая на расположенные горизонтально вкладки. Самая первая вкладка «Макет» отвечает за размеры и фон баннера.
В выпадающем списке вы можете выбрать наиболее подходящий размер или установить его в индивидуальном порядке.
Страница категории продукта — рекомендуется, если ваше сообщение относится к этой категории продуктов. Сначала вы можете отсортировать свои продукты на странице категории, чтобы сначала отобразить самые популярные или самые дешевые продукты. Страница продукта — рекомендуется, если вы рекламируете определенный продукт.
99% случаев приведут к более высокой конверсии в продажи. Страница предложения — рекомендуется, предлагая специальные цены или подарки или даже поощряя посетителей к участию в конкурсе. В этом случае не отправляйте их на другие страницы, кроме как на страницу конкурса.
Тут же можно и определиться, будет ли фон однотонный или залитый градиентом. Разумеется, соотношения цветов и режим градиента можно также можно менять. Также в качестве фона можно использовать любое подходящее изображение. Для этого вам необходимо выбрать последний пункт меню.
Как купить баннерную рекламу. Проанализируйте два варианта. От Специального Менеджера Сайта. Обратитесь к веб-мастеру и попросите предложение. В некоторых случаях такой подход также может дать лучшую цену за аренду баннера.
Также рассмотрите возможность рекламы на более постоянной основе.
Чем больше вы рекламируете такие сайты, тем больше вы укрепляете свои отношения с лояльными посетителями веб-сайта, который вас интересует напрямую. Если, например, обновляйте свое объявление каждый месяц, а посетители сайта должны улыбаться, а затем обязательно повышайте свой бренд до этих посетителей.
Здесь, пожалуй, стоит быть внимательным и использовать по возможности ту , размеры которой не слишком отличаются от размеров вашего баннера.
Конечно, не стоит принимать этот совет за правило – разработчики сервиса учли и такой вариант, а поэтому предоставили пользователю самостоятельно решать, какой из шести типов установки картинки в качестве фона будет использоваться. Изображение можно равномерно растянуть в автоматическом режиме по всей площади баннера, можно расположить его по центру, а также по правой или же левой стороне, а оставшееся пустое место заполнить выбранным цветом. А еще фону баннера можно придать плиточную структуру на основе того же изображения. Для того чтобы все изменения вступили в силу, нужно после каждого изменения параметров нажимать кнопку «Изменить баннер».
Изменить, добавить или удалить текстовые элементы можно переключившись на следующую вкладку «Текст». Всего можно в баннер можно вставить шесть строчек текста. Banner Fans располагает внушительной коллекцией шрифтов разделённых по категориям. Русскоязычные шрифты можно найти в категории Stock. Тут же вы можете настроить размер, цвет и наклон шрифта.
Если вы желаете сделать ваш текст более эффектным, переключайтесь на следующую вкладку под названием «Воздействие». Тут можно придать эффект тени, а также добавить обводку.
Следующая вкладка под немного странным названием «Пограничная», что по-нашему означает «Добавить рамку», позволяет установить вокруг баннера обводку. На ваш выбор предлагается четыре типа рамки – цвет, толщину и стиль выбирайте по своему вкусу. В том случае если ваш выбор падет на двойную сплошную или двойную пунктирную, можете дополнительно указать, на каком расстоянии будут располагаться друг от друга линии. Только вот, кажется разработчики, малость перепутали внешнюю границу с внутренней, так что при установке параметров отступа будьте внимательны.
И наконец, посетив последний раздел можно выбрать наиболее подходящий формат для готового баннера.
Останется, только нажав кнопку «Скачать баннер» сохранить результат вашего упорного труда к себе на компьютер. Вот к примеру что получилось у меня на скорую руку.
Тут же можно получить и полностью готовый код для вставки на сайт, блог или форум. Только не забудьте в коде заменить адрес ссылки на свой родной, а иначе ваши посетители, кликнув по такому баннеру, попадут явно не по адресу. Сделать это можно тут же, введя в поле формы адрес нужного вам сайта и нажав кнопку «Update codes». А если пожелаете, можете заодно изменить и адрес физического расположения самого баннера, поскольку по умолчанию сервис автоматически сохраняет его на одном из хостингов , только сделать это придётся уже вручную.
Ну вот собственно и все! конечно же, данный баннер нельзя назвать идеальным, да и к тому же он не анимированный. Поэтому, в одной из следующих статей мы поговорим о создании красивого анимированного баннера! Чтобы не пропустить выход новой статьи, подпишись на обновления сайта !
P.S. Хоть это и не имеет отношения к тематике статьи, но я не могу не упомянуть о семинаре, который может изменить вашу жизнь! Нажмите на баннер под статьей, чтобы узнать подробней.
На десерт видео — Каратисты жгут!
Позаботьтесь о мелочах и у Вас все получится! Ваш
Для того, чтобы читатели о нем больше узнали, я сам создал баннер и разместил его в шапке.
Почему в шапке? Потому, что это самое заметное место на блоге и шапка отображается на любой странице блога.
Если разместить анонс конкурса в одной или нескольких статьях, то не факт, что новый читатель прочтет эту информацию и попадет именно на эти страницы. Надеюсь, это понятно, теперь перейдем непосредственно к созданию баннера.
Как создать баннер самому при помощи Easy GIF Animator 5 Pro
Скачиваем и устанавливаем программу Easy GIF Animator на свой компьютер
Как и где скачать эту программу я не буду подробно рассказывать, ничего сложного нет. Кто хочет купите платную версию, кто знает обходные пути и не хочет покупать программу, используйте свои знания:)
2. Запускаем программу и выбираем, что мы хотим создать
Нам предлагается создать на выбор
- Новую анимацию
- Анимированный баннер
- Анимированную кнопку
Поскольку наша цель создание рекламного баннера, жмем 2 пункт – анимированный баннер
В открывшемся окне мы должны выбрать размер для баннера, в моем случае это стандартный 468х60 . Если вашего размера нет или он не стандартный, перейдите ниже и введите свои цифры. Можно создать баннер, основываясь на размере фонового изображения, для этого пункт 3.
3. Далее необходимо выбрать фон для баннера
Тут можно выбрать несколько вариантов:
- Простой цвет, выбираете из предложенных
- Градиент цвета, довольно хороший выбор предоставляется
- Картинка или текстура (я выбрал этот вариант)
Для создания картинки — фона для будущего баннера я использовал проограмму Adobe Photoshop. Если у Вас есть картинка для фона, переходите к следующему пункту, если нет, запускаем фотошоп
Сначала сделал “Создать ”, выбираем размер, в моем случае 468х60, после открытия нового документа выбираем “Файл”=> “Поместить” и выбираем картинку с фоном.
Можно выбрать инструмент “Заливка” и выбрать нужный вам цвет, в зависимости от цвета фона или сайдбара, в зависимости от того, куда планируете разместить баннер.
Далее я для марафона кроссвордов нашел симпатичный глобус с кроссвордами, нажал “Файл”=>”Поместить”. Подгоняем по размеру шарик и жмем “Enter”, после этого сохраняем файл, это и будет фон нашего будущего баннера.
4 . Устанавливаем фон баннера
Возвращаемся к Gif Animator , вставляем картинку для фона, которую мы только что создали
Теперь будем экспериментировать с текстом. Сначала жмем “Текст 1”, форматируем текст, размер шрифта и остальные параметры, затем параметры “Как показывать”,”Как долго показывать”,”Как скрыть”.
Пробуйте, меняйте, готовый результат будет прокручиваться ниже на картинке. Далее таким же образом корректируем разделы «Текст 2» и «Текст-3», можно некоторые пропустить.
Я использовал все 3 текста, поскольку весь текст бы не поместился, да и интрига нужна, поскольку за раз не нужно раскрывать всю информацию. У меня это выглядит так:
1 Текст — Новый марафон кроссвордов
2 Текст — «Эрудит — 2»
3 текст — Старт 23 ноября
Создание кода и установка баннера на сайт
Для начала нам нужно зайти в админку блога => “Добавить медиафайл” и загрузить полученный баннер. Затем под загруженным изображением жмем “Редактировать” и копируем адрес, как показано на картинке ниже.
Обратите внимание, что копировать строку до конца, адрес картинки должен заканчиваться на..gif)
Вам нужно изменить http://ВАШ_САЙТ это адрес страницы, на которую будет попадать читатель, кликнув по баннеру, и http://ПУТЬ_К_КАРТИНКЕ. gif это адрес картинки – баннера, загруженной ранее.
В “Описание” введите фразу, которая будет отображаться при наведении на баннер.
Остается только вставить полученный код в нужный файл. Я установил в шапку, поэтому редактировал файл header.php и вставил код, часть его в скрине ниже
После этого сохраняем код и проверяем, если что то не так, то делаем отмену, для этого при редактировании используйте только FileZilla и программу Notepad++
Теперь Вы знаете, как можно создать анимированный баннер самому при помощи программы Easy GIF Animator и установить полученный баннер на сайт.
Я знаю, что программ по созданию баннеров очень много, но мне понравилась эта. Не спорю, возможно, есть более навороченные, удобные и привлекательные, используйте их. По такому же принципу можете создать и установить анимированную кнопку.
Внимание! Новый мини-конкурс
Я скоро опубликую с известным блоггером, вы наверняка про него слышали. Каждый желающий может выбрать до 2 вариантов, и указать в комментариях свой вариант, кто угадает фамилия блоггера, получает 50 wmr на кошелек вебмани. Если будет несколько правильных ответов, использую жребий. Время на правильный ответ до выхода следующей статьи. Удачи!
Тематика блога у автора будущего интервью– продвижение, оптимизация сайтов, уверен интервью будет очень интересным для Вас, чтобы не пропустить, рекомендую подписаться на обновления! .
Как Вам мой новый фавикон? Сделал сам за 10 минут, хотите узнать как?
Хочу спросить, а вы создавали баннеры сами или заказывали их изготовление фрилансерам? Сколько Вам это стоило? Все ли Вам понятно в моем посте? Если будут вопросы, задавайте их в комментариях. Как вам мой баннер в шапке, сильно простой или нормальный? Первый блин иногда получается комом…
Источник: www.tarifox.ru
Дизайн наружной рекламы
В этой статье мы разберем дизайн для наружной рекламы. Мы уже подробно поговорили про визитные карты, флаеры, всякого рода букеты и листовки. А вот про наружную рекламу не говорили никогда. Хотя суть работы во всех этих случаях практически не отличается друг от друга. Принципы подготовки к печати везде и всегда одинаковые.
Только размеры меняй. Если в полиграфии вы новичок, осваивать подготовку к печати вам лучше со статей:
- Как сделать флаер (в трех частях)
- Подготовка к печати за 10 минут
В этих статья вы найдете массу базовых сведений о том в какой цветовой модели нужно работать, в каком разрешении, какой цветовой профиль ставить, как делать линии реза, как сохранять фаил и так далее. В этой статье мы конечно опять пройдемся по этим сведениями, но я не буду уделять им такое большое внимание, не буду расписывать о том, что такое CMYK, не буду детально разжевывать о том, что такое разрешение. Обо всем этом уже подробно написано, ссылки я буду приводить прямо в статье.
Дизайн наружной рекламы
Говоря о дизайне наружной рекламы, подготовку графики можно условно разделить на две категории:
- большие баннеры
- очень-очень-очень большие баннеры.
Последние обычно можно заметить на крупных магистралях вдоль дорог. Обычно они только в ширину занимают десяток метров. Их так же вешают на здания, к примеру как рекламу фильмов. То есть это очень большая графика, которую, конечно не делают в исходных размерах 1:1.
Простая математика пикселей — даже чистый лист 10 на 5 метров в Фотошопе при разрешении всего 50dpi занимает 800MB и около 20 000 на 10 000 px. И это чистый лист. С графикой будут все 10 гигов. Чтобы оперативно работать с такими размерами, вам понадобится очень мощный компьютер. А исходной фаил таких размеров у вас никто не примет.
В этой статье мы разберем вариант попроще. О подготовки крупных 10ти метровых баннеров мы поговорим в следующих статьях. В этой же статья мы сделаем квази дизайн небольшого уличного постера. Он не многим отличается об обычного постера размером A0, A1 или A2. Разница лишь в том, что он больше.
Но и не такой большой чтобы работать не с оригинальными размерами 1:1. На самом деле идея этой статьи посетила меня утром, во время поездки на работу. На трамвайной остановке я как раз увидел уличную рекламу мясной продукции. Это и будет основой для нашей работы. Я подробно опишу настройки и ход работы.
К сожалению в рамках статьи невозможно рассказать про все. Поэтому я не смогу описывать работу, так как будто вы вчера впервые увидели Фотошоп. Основы работы с базовыми инструментами оставим для базовых статей Циклопедии.
Материал для дизайна уличной рекламы
В этом уроке у нас будет все. Вектор, растр. Вначале мы подготовим растровую графику в Фотошопе. Затем как обычно импортируем её в Иллюстратор и закончим дизайн нашей рекламы. В качестве клип артов я воспользовался базой шикарного бесплатного архива клип-артов Lenagold, котором я выбрал изображение повара, мяса и зелени.
Что касается этого архива, то особенным плюсом его клип-артов является то, что они сохранены в щадящем качество формате PNG, который так же поддерживает полупрозрачность. Поэтому в большей части этих клип артов уже удален задний фон.
В дизайнерской социальной сети deviantart.com я подыскал текстуру дерева в хорошем разрешении, автором которой является Digital-amphetamine.
Создаем новый фаил
Как создать идеальный рекламный баннер
Как правильно создать дизайн для баннера наружной рекламы
Несмотря на то, что наружную рекламу сейчас считают не эффективной, она все еще отлично работает. Но работает только у 5% рекламодателей. Остальные 95% просто висят на щитах и придают яркости улицам. Так происходит потому, что для работы рекламы важно ее дизайнерское оформление. Ниже приведены правила для создания рабочего дизайна баннера наружной рекламы 1.
Принцип пустого пространства. Пространство на баннере не должно быть полностью забито текстом. Текст и картинки независимо от размера баннера должны занимать не больше 30-40% всей площади. Остальное пространство заполняется не привлекающим внимание фоном. 
2. Один баннер- одно сообщение. Каждый баннер может рекламировать только одно предложение. Из-за того,что наружная реклама довольно трудно воспринимается, потенциальные клиенты совершают много действий, чтобы в итоге попасть к вам. Им приходится разглядеть ваш баннер среди всех остальных, прочитать, запомнить, принять решение.
Читать сноски мелкими буквами люди просто не успевают. Поэтому на баннере должна располагаться только самая важная информация. 
3. Один баннер- одна картинка. Не добавляйте на баннер много мелких картинок. Лучше выбрать одну четкую, без мелких деталей, дополняющую текст. 
4. Чем короче, тем лучше. Придумайте заголовок, емко описывающий все, что вы хотите донести до потенциального клиента. И укоротите его в два раза. Чем короче, тем лучше. Важно, чтобы текст можно было напечатать крупными буквами.
Так он будет более читаемым. 
5. Не более одного контактного номера. Не тратьте время и место баннера на добавление нескольких номеров телефона и ссылок на социальные сети. Люди должны за короткое время успеть прочитать, вникнуть в суть и номер телефона запомнить. Номер должен быть простым, например, 555-555. Наружная реклама работает через запоминаемость.
Если человек увидел ваш баннер, заинтересовался, то запомнил название. Придя домой он найдет информацию о вас в интернете, поэтому не забудьте создать свой сайт. 
6. Баннер-лицо компании. На подсознательном уровне все люди могут отличить красивое от безобразного. Поэтому на баннере все должно быть в порядке и текст, и линии выравнивания, и поля. 
7. Грамотность-залог успеха. Одна грамматическая ошибка может испортить все впечатление от баннера. В типографических компаниях никто даже не вчитывается в текст, который вы им дали. Здесь только вы несете ответственность за грамотность. 
8. Баннер должен быть читаемым. Вы делаете наружную рекламу в первую очередь для потенциальных клиентов, а не для украшения города. Вам важно, чтобы человек заметил ваш баннер и запомнил. Текст должен быть напечатан максимально читаемым шрифтом и, желательно, темным цветом по светлому фону. Неприемлемо делать текст ярким цветом на контрастном ярком фоне.
9. Без дизайнера не обойтись. Смотря на правила, призывающие использовать минимализм в оформлении баннеров, можно подумать, что нет смысла обращаться к дизайнеру. Но это не так. Опытные специалисты могут правильно подать даже самые посредственные предложения.
Если команда дизайнеров с маркетологами разработает баннер, то результат от рекламы окупит все вложенные в нее средства.
Советы для правильного оформления рекламных баннеров
· Выбрать правильный цвет. Цветовая гамма баннеров подбирается в соответствии со временем года. Чтобы реклама выделялась на фоне окружающей среды нужно придерживаться следующих правил: зимой- сочные и яркие цвета, весной- красно-желтая цветовая гамма, осенью- сине-зеленые оттенки.
· Работать с контрастом. Контраст помогает выделить рекламу среди конкурентов. Если вокруг много пестрых баннеров, стоит выбрать монохромный дизайн и хорошо проработать заголовок.
В серую тучу рекламных баннеров выгоднее выбрать яркие цвета. · Реальная нереальность. С помощью современных фоторедакторов можно создать самые разные изображения. «Нереальные объекты» сложно не заметить. Увидев, например, квадратный арбуз, ваш мозг запомнит этот образ. 
· Креатив. Креатива хорошо в меру. Пытаясь привлечь внимание потенциального клиента не перестарайтесь. Потому что это может испортить всю рекламу. 
Следуя этим правилам, вы сможете получить максимально эффективную рекламную компанию.
Поделиться в социальных сетях:
Источник: libertyltd.ru