Как просто создать уникальный баннер самостоятельно.

  Автор:
  2794

делаем баннер самиПриветствую Вас, уважаемый читатель моего блога.

У владельцев сайтов очень часто возникает потребность в создании собственного баннера. Но многие начинающие веб-мастера понятия не имеют как самостоятельно  создать баннер.

По сути своей баннер — это рекламный блок, который представляет собой статичную либо анимированную картинку.

При нажатии на баннер выполняется переход на продающий сайт либо на рекламируемый блог, либо на страницу…

Эффективность работы баннера зависит от умения автора создавать красивый дизайн и составления рекламного текста.

Размеры баннеров разнообразны. Все зависит от цели. Например, баннер-кнопка имеет стандартный размер 88х31 пикселя.

Создаются баннеры в формате GIF, JPEG, PNG, А также основанные на языке Java или HTML, хотя официальных стандартов баннеров не существует.

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

А это значит, что баннер на вашем блоге выполняет несколько функций:

  • Создание вашего имиджа
  • Информативность
  • Результативность

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

  • Используйте хороший заголовок, сходный с заголовком страницы, на которую перейдет пользователь. Это усилит его внимание.
  • В баннере желательно использовать логотип вашей компании, блога/сайта. Этот прием формирует эффект узнаваемости и может оказать большое влияние на клики по баннеру.
  • Используйте такие слова, как «Бесплатно», «Нажми сюда», «Жми сюда», «Enter», «Click here»… Это значительно повышает эффективность баннера.
  • Меняйте баннеры, даже если они отвечают всем вашим требованиям. Со временем у пользователя пропадает интерес к одним и тем же баннерам.
  • Баннеры, расположенные ниже 1/3 от верха экрана дает отклик на 70% больше, чем баннер, расположенный в самом низу. А квадратный баннер 125х125 в правом нижнем углу дает отклик на 230% больше, чем стандартный внизу страницы. (статистика narod.ru)
  • Используйте яркие цвета. Они привлекают к себе взгляд пользователя.

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

цветовая гамма для баннеров

Так как мы с Вами говорим о создании статического баннера — просто картинки, делать его необходимо по шаблону

<a href=»ВАШ_URL» target=_blank><img src=»URL_ВАШЕЙ _КАРТИНКИ«border=»0″

alt=»НАДПИСЬ_НА_БАННЕРЕ_ПРИ_НАВЕДЕНИИ_МЫШКОЙ»

width=ШИРИНА_КАРТИНКИheight=ВЫСОТА_КАРТИНКИ></a>

Вписывать нужно внимательно:

  • ВАШ _URL — это адрес сайта, на который требуется перейти с этого баннера.
  • URL_ ВАШЕЙ_ КАРТИНКИ — адрес картинки (где находится)
  • НАДПИСЬ_НА_БАННЕРЕ_ПРИ_НАВЕДЕНИИ_МЫШКОЙ — надпись на баннере. Например, «Услуги по созданию и настройке блога».
  • width= ШИРИНА_КАРТИНКИ — вместо слов необходимо написать размер. Например, 210.
  • height=ВЫСОТА_КАРТИНКИ — например, 120.

Не пугайтесь этого кода! Я сама испугалась, когда его увидела. Но говорят, «У страха глаза велики». Я хочу показать Вам как сделать шикарный, уникальный баннер самостоятельно, не заморачивая себе голову написанием кода HTML.

 

 

Сделать фон картинки прозрачным можно ЗДЕСЬ

Оптимизировать картинку в Riot

Желаю Вам больших творческих успехов.

жду комментариевжду комментариев1

Как просто создать уникальный баннер самостоятельно.

   5 голосов
Средняя оценка: 5 из 5
Интересная статья? Буду благодарна, если Вы поделитесь ею с другими:
Оставьте свой комментарий:
24 комментария
  1. Светлана, спасибо. Очень полезная статья. Взяла на заметку статистику отклика на размер и расположение баннера. Понятное для применения видео.

  2. Класс! Вы молодец! Очень интересно и полезно для всех начинающих.

  3. Александр

    Здравствуйте, Светлана! Ваш сайт мне очень понравился. У меня есть для Вас интересное предложение по заработку денег. Присоеденитесь ко мне в скайп.
    С уважением,
    Александр Кузнецов
    Skype: sheriff389

  4. Светлана, спасибо большое за находку! Для меня как раз актуально создание банера.

  5. Светлана, спасибо за такие доступные советы по созданию баннера.
    Обязательно попробую сделать сама.
    А ещё мне понравилась рожица «ждущая комментарии».
    Её Вы как сделали? :-))))

    • Благодарю, Ирина, за добрые слова. Я рада, что помогла Вам понять тему. Уверена на все 100, что у Вас все получится! Удачи. А картинку просто скопируйте прямо со страницы моего блога. ;-)

  6. Статья для меня буду по ней делать банер. Мне как раз нужен.

  7. Наира

    А я вот только к профессионалам обращаюсь! Золотое правило каждого успешного бизнесмена: «Если вы хотите, чтобы реклама поработала на вас, поработайте сначала вы на рекламу!» Студия дизайна и рекламы Uniartic делает для меня и визитки, баннеры и календари.
    Тел. 7 (499) 686-06-56

  8. Валентина

    Спасибо! Светлана! Ещё один урок и снова я приобрела для себя новые знания.
    Огромное, вам спасибо, я как и вы люблю программу Power Point и с большим желанием
    учусь в ней работать! *IN LOVE*

    • И Вам, Валентина, спасибо за добрые слова.
      Вы правы, эта программа замечательна! Главное, разглядеть все ее возможности.
      Успехов Вам в творчестве.

  9. Светлана, спасибо за урок! У меня вопрос? — А, нельзя убрать фон прямо в самой программе? Кстати, об этом я узнала из Ваших уроков. Или качество картинок будет другое? Поясните, если не трудно! Спасибо. Татьяна.

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

  10. Светлана, супер информация по созданию баннера и получению кода. Скажите пожалуйста, а можно этот код скопировать и вставить , например, в музыкальную открытку и можно ли таким образом получить код на эксклюзивную подписную форму, а то через дримвивер сложновато? Заранее спасибо! Не перестаю удивляться откуда Вы все знаете!!!

    • Татьяна, Вы в какой программе делаете открытки? В дримвивере все элементарно! Устанавливаете картинку и делаете ее ссылкой, как на блоге. А про форму подписки я не поняла. Создать баннер с формой подписки можно через сервис. Смотрите здесь http://svetlanakolosova.ru/?p=7114 А вообще, индивидуальные коды на формы подписки берут на сервисе почтовых рассылок, например, смартреспондер. Если не все объяснила, стучите в скайп svetlanak591

  11. Светлана, здравствуйте! Почти сделала банер, спасибо! Только не поняла, как вы вырезаете уже готовую картинку?

  12. Стас

    Здравствуйте Светлана! У меня такой вопрос:посоветуйте пожалуйста ноутбук до 30тыс.руб.,чтоб делать хорошие баннеры. Хотел бы заняться этим серьезно. На данный момент могу себе позволить в пределах этой цены. Заранее благодарю!

на Блоге
в Вконтакте
в Фейсбук