logo

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Photoshop
  • Gimp
  • AAA logo

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

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

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

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

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

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

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

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

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

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

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

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


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

Комментарии

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