Содержание · 8
Самый недооценённый и самый ограниченный формат в графическом дизайне. Разбираем иерархию, анимацию, вес файла и то, что работает в микроформате.
Три элемента и ни одним больше
В баннере 300 × 250 помещается ровно три вещи: сообщение, знак и действие. Попытка добавить четвёртую делает нечитаемыми все остальные.
Изображение при этом чаще всего работает фоном, а не отдельным элементом: на такой площади оно не успевает считаться как самостоятельный образ.
Иерархия в микроформате
На малой площади иерархию невозможно построить размером — разница между 14 и 16 пикселями не читается. Работают другие средства: контраст цвета, вес начертания, положение и плотность.
Практический приём: одно слово или число делается заметно крупнее всего остального, остальное выравнивается по одному уровню.
Анимация
Анимация в баннере повышает заметность, но требования площадок жёсткие: ограниченная длительность, ограниченное число повторов, обязательный конечный кадр с полным сообщением.
Ключевое правило — последний кадр должен работать как статичный баннер: значительная часть аудитории увидит только его.
- Длительность анимации — до 15 секунд.
- Не более трёх повторов.
- Финальный кадр содержит всё сообщение.
- Никакой мигающей или резкой анимации.
Вес и техника
Ограничения по весу файла реальны и строги: обычно 150–200 КБ. Это исключает тяжёлые фотографии и вынуждает работать плоской графикой, что часто идёт формату на пользу.
Что помещается в бюджет веса
У баннера нет второго уровня: то, что не поместилось в первое сообщение, не прочитают вовсе.
Призыв к действию
Кнопка в баннере — не украшение, а обозначение кликабельности. Она должна выглядеть нажимаемой и содержать глагол: «Посмотреть», «Выбрать», «Рассчитать».
Слова «Подробнее» и «Узнать больше» работают хуже конкретных: они не сообщают, что произойдёт.
Ограничения, внутри которых всё происходит
Баннер живёт в чужой среде: у него есть предел веса, набор фиксированных размеров и полсекунды внимания в лучшем случае. Поэтому порядок построения обратный привычному: сначала решается, что должно остаться, если человек увидит макет боковым зрением, и только потом добавляется остальное.
Практический минимум для узнаваемости — три элемента: предложение, отличительный визуальный признак марки и действие. Логотип в этот список не входит обязательным: марку чаще опознают по цвету и приёму, чем по знаку в углу.
Что чаще всего сделано неправильно
- Текст мельче 14 пикселей: в ленте на телефоне он не читается вовсе.
- Анимация длиннее трёх секунд: человек уходит раньше финального кадра.
- Последний кадр без предложения — половина зрителей видит только его.
- Одинаковый макет на все размеры: узкий вертикальный и широкий горизонтальный требуют разной композиции, а не масштабирования.
- Кнопка, которая не кнопка: если действие не выглядит нажимаемым, по нему не нажимают.
Что в итоге
В баннере помещается три элемента: сообщение, знак и действие. Четвёртый ломает все остальные.
Финальный кадр анимации должен работать самостоятельно — его увидит больше людей, чем саму анимацию.
Коротко
- Сколько времени есть у баннера?
- Секунда-полторы периферийного зрения. За это время должно прочитаться одно сообщение, поэтому в баннере не бывает второго уровня: то, что не поместилось в первый, не прочитают вовсе.
- Почему баннеры делают в десятке размеров?
- Площадки продают конкретные форматы, и растянутый макет в них выглядит браком. Практика — рисовать два опорных формата, вертикальный и горизонтальный, и выводить остальные из них.
Система рекламной кампании
Кампания живёт в двадцати форматах — от щита до баннера 300 × 250. Разбираем, как построить систему, которая работает во всех, и что должно оставаться постоянным.ДальшеЧитайте также
Посмотреть примеры
Нашли ошибку или неточность в атрибуции? Напишите нам
Обсуждение
Загружаем…