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

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) — внутренний формат файлов для Фотошопа, представляющий из себя многоуровневый файл, применяемый для сохранения макета дизайна. Хранит...

Комментарии

Бесполезно писать спамные сообщения. Все комментарии проверяются;
Можно оставлять ссылки (через <a href), если они несут полезную информацию или дополняют статью;

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

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