Создание
Баннеры
используются на страничках в качестве рекламы других ресурсов и,
как правило, их дизайн никак не связан с содержимым странички и
оттого смотрится несколько отчуждённо. Правда , есть одно исключение
- локальные баннеры. В этом случае мы можем оформить их, используя
мотивы дизайна основного сайта.
На просторах Рунета популярны несколько типоразмеров баннеров, самые
распространенные из которых - это 468x60, 100x100 и 88x31 (обычно
называемые кнопками). Баннеры остальных размеров применяются гораздо
реже и обычно только для локальных баннерных сетей (125x125, ушки
на Lenta.Ru и т.п.)
Кроме отличия в размерах, баннеры могут быть разного типа:
- графические
- html-баннеры
- flash-баннеры
Два
последних типа достаточно сложные и специфические. Мы будем разбираться
с классическим графическим баннером размером 468x60 пикселей.
Для
создания баннеров используют два типа графических форматов - GIF
и JPG. Формат GIF позволяет создавать анимированные баннеры, эффективность
которых, рассмотрена в другой статье.
При
выборе формата баннера нужно придерживаться тех же принципов, что
и при создании основной графики на страницах, - если изображение
фотографическое, то выбираем формат JPEG. Во всех остальных случаях
более подходящим будет GIF. Если баннер анимированный, то выбора
нет - только GIF.
А
теперь займёмся креативом - будем придумывать идею, слоган и подбирать
подходящий образ.
При
создании баннера нужно учитывать, что просматриваться он будет в
чуждом окружении, и мы ничего не будем знать о страничке, на которой
он окажется, и не сможем предусмотреть цветовой гаммы. Поэтому нам
необходимо явно обозначить границы баннера - по его периметру нужно
обязательно очерчивать чёрную рамку шириной в один пиксель. Кроме
того, у баннера не должно быть прозрачного фона(за исключением случая
когда вы пытаетесь обмануть пользователей, выставя баннер навигационной
кнопкой)- обязательно сплошной, но не обязательно одноцветный.
За
основу мы возьмём баннер с применением визуала (так называется фотографический
или рисованный образ, который выступает в композиции как центральный
элемент). И будем считать, что каждый баннер состоит из следующих
частей:
1) Слогана
2) Визуала, иллюстрирующего слоган (вступающего в игру со слоганом)
3) Цветовой гаммы (для имиджевых баннеров цвета часто совпадают
с цветом рекламируемого сайта)
4) Дополнительного текста (адрес странички, пояснительный текст)
5)Дополнительных элементов оформления, подчёркивающих основную мысль
и стиль баннера. В случае имиджевых баннеров очень удобно сделать
один шаблон и, подставляя разные слоганы и визуалы, получить целую
серию баннеров.
Сделать
эффективный и красивый баннер не так легко и может запросто занять
несколько часов. Запомните одно правило - если созданный баннер
Вам не нравится, то, вряд ли он понравится другим! Впрочем, это
правило относится вообще к любой творческой деятельности.
Давайте
подытожим наши рассуждения и перечислим этапы, которые нужно пройти,
чтобы создать качественный баннер:
1)
Для начала необходимо выяснить, какую цель мы преследуем, создавая
данный баннер. А для этого зададим себе несколько вопросов о том,
что рекламирует этот баннер и кого он может потенциально заинтересовать.
Поставим себя на место посетителя, который ищет рекламируемый нами
сайт, и спросим себя, что бы мы хотели увидеть на баннере? (или
прочиаемт ещё раз первую статью)
2)
Получив ответы на предыдущие вопросы, необходимо сформулировать
идею или сценарий (это уже в случае с анимированным баннером).
3)
Наконец, подходим к придумыванию слогана, который наиболее точно
выразит нашу идею или сценарий (придумать нужно обязательно несколько
вариантов - минимум 10-14) Остаемся на этом этапе до тех пор, пока
придуманный слоган нам самим не понравится.
4)
Графическая часть - вот теперь можно запускать PhotoShop и реализовывать
идею в картинке. Подбирать из клипарта или самому рисовать подходящий
под слоган визуал.
Делаем первую версию баннера, потом ещё одну, и ещё одну, и ещё
одну, пока ... не начнёт очень сильно нравиться.
6) Окончательно оптимизируем баннер.
Вернуться
к предыдущей статье |
Статьи