Способы и рекомендации создания баннера для сайта

graphic design - Способы и рекомендации создания баннера для сайта

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

Особенности графических баннеров

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

Основные компоненты баннера

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

  • Фон — чаще тематическое, но допустимо и нейтральное изображение, градиент или монолитный фон;
  • Логотип — визуальный идентификатор сайта, бренда;
  • Текст — он же слоган в стиле «призыв к действию»;

Размеры баннеров

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

  • 468 х 60 — небольшой универсальный горизонтальный баннер;
  • 300 × 250 и 336 × 280 — размещаются в сайдбарах, тексте или в конце статьи;
  • 240 х 400 и 300 × 600 — большой графический блок отлично заполняет пустое место в сайдбаре

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

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

Заказать опытному дизайнеру

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

Графические редакторы

  • Photoshop
  • Gimp
  • AAA logo

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

Онлайн конструкторы

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

На что обратить внимание

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

Формат, размер, объем

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

Также снизить вес файла поможет формат JPEG.

Дизайн и призыв к действию

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

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

Читайте также

Похожие записи

PSD — особенности работы с внутренним файлом Adobe Photoshop
PSD (Photoshop Document) — внутренний формат файлов для Фотошопа, представляющий из себя многоуровневый файл, применяемый для сохранения макета дизайна. Хранит...
Facebook — небольшой гайд о первичной настройке страницы для бизнеса
В Facebook находится одна из наиболее платежесспособных аудиторий сети, приблизительно 70% — пользователи в возрасте 24-44 лет (т.е. с деньгами),...
Минимализм в web-дизайне: пять основ
Минимализм активно применяется в веб-дизайне, позволяя уменьшить количество всех ненужных элементов и достичь чистой, а также суперэффективной компоновки. Если вы...
Как увеличить продажи, UX-советы, для повышения конверсии
Взять и просто сверстать страницу, назвав ее лендингом и ожидая мгновенных продаж только от одной рекламы не достаточно. Вы можете...
Использования анимации и динамических эффектов в веб-дизайне
Недавно освоился с двумя замечательными плагинами: animate.css и wow.js, которые внедрил в лендинг. Получилось очень неплохо — множество эффектных переходов,...

Комментарии

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *