Как сделать хороший баннер
Сегодня хочу рассказать как сделать хороший баннер самостоятельно. И нужен ли рекламный баннер, если люди пользуются блокировщиками рекламы
Зачем нужен баннер
Баннер — это графическое объявление, которое размещается на веб-сайтах, в мобильных приложениях, в электронных письмах. Он может содержать текст, изображения, анимацию или видео и обычно содержит ссылку, по которой пользователь может перейти на соответствующую страницу или выполнить действие.
Цель баннера — привлечь внимание целевой аудитории. Баннер используется в рекламных кампаниях, маркетинговых акциях или для информирования пользователей о новостях и событиях.
И несмотря на то, что пользователи блокируют рекламу (из за её засилья) — хороший баннер всегда пригодится
Баннер или банер?
Естественно с двумя н — это калька с английского banner
Признаки хорошего баннера
Привлекательный дизайн- Яркие и сочные цвета привлекающие внимание.
- Четкое, краткое, информативное сообщение или описание продукта или услуги, которое помогает понять его преимущества.
- Высококачественные изображения
- Яркий Call-to-Action — привлекательный призыв к действию, который мотивирует кликнуть по баннеру
Размеры баннеров
Размеры баннера могут варьироваться но есть стандарты :
Leaderboard (реклама вверху страницы): 728×90 пикселей
Rectangle (реклама по бокам страницы): 300×250 пикселей
Skyscraper (высокая колонка баннера): 160×600 пикселей
Mobile banner (баннер для мобильных устройств): 320×50 пикселей
Как сделать баннер самостоятельно
Если начинаешь свою деятельность в Интернете и без вложения средств, многое придется делать самостоятельно. Для создания хорошего баннера без помощи дизайнера можно использовать онлайн-инструменты и программы для дизайна.
Вот пошаговая инструкция как сделать баннер:
Шаг 1. Определите цель и размер баннера
Подумайте, что именно вы хотите выразить и к чему привлечь внимание. Выберите размер баннера. В зависимости от того, где планируете его расположить
Шаг 2. Подберите шрифт
Шрифт баннера должен быть четким, легко читаемым и привлекающим внимание. Рекомендуется использовать читаемый крупный размер шрифта, чтобы он был виден даже на расстоянии.
1. Arial
2. Helvetica
3. Open Sans
4. Lato
5. Roboto
6. Montserrat
7. Raleway
8. Playfair Display
9. Merriweather
10. Bebas Neue
Эти шрифты универсальны и подойдут для большинства типов баннеров. Скачать шрифт можно на fonts.google.com Скачанный шрифт просто кладется в папку Windows — Fonts.
На fonts.google.com много шрифтов, но если вы не дизайнер, выбирайте то, что советуют профессионалы. Не все красивые шрифты подходят для плакатов, баннеров, объявлений
И Сочините текст
Текст на баннере — это одна краткая ёмкая фраза. Можно из двух слов. Но не больше девяти
Шаг 4. Добавьте изображение
Для добавления изображения и графики можно использовать бесплатные стоковые изображения или свои собственные фотографии для создания визуальной составляющей баннера. Главное, чтобы качество было хорошее а само изображение яркое и привлекательное
Шаг 5. Работайте над композицией
При создании баннера важно придерживаться определенных правил композиции. Вот некоторые основные правила :
- Выделите основной элемент- главный объект который будет привлекать внимание .
- Создайте баланс: распределите элементы баннера равномерно по всей площади, чтобы дизайн выглядел сбалансированным. Соблюдайте равные отступы от краев
- Используйте группировку: сгруппируйте связанные элементы вместе, чтобы облегчить восприятие информации на баннере.
- Создайте иерархию: выделите наиболее важные элементы за счет размера, цвета или шрифта.
- Используйте точки притяжения: добавьте элементы, которые привлекут внимание и удержат взгляд пользователя на баннере.
- Соблюдайте принцип золотого сечения: используйте пропорции 1:1,618 для создания гармоничного и привлекательного дизайна.
- Избегайте загромождения: не перегружайте баннер элементами, больше воздуха и пространства !!! (Так порой хочется запихнуть как можно больше в этот маленький информационный квадратик)
- Соблюдайте однородность стиля: шрифт, цвет, графика в одном стиле создают имидж.
- Используйте яркие и привлекательные цвета:
- Проверьте баннер на наличие ошибок: убедитесь, что на баннере нет опечаток, все элементы выровнены и выглядят гармонично.
После завершения дизайна баннера сохраните его в нужном формате (например, JPEG или PNG). В среднем, рекомендуется, чтобы файл баннера был не более 150-200 килобайт для быстрой загрузки на веб-странице.
Однако, для ретиновых дисплеев или больших баннеров может потребоваться больший размер файла, до 1-2 мегабайт.
Чтобы уменьшить размер файла баннера, можно использовать оптимизированные изображения сжатие без потерь качества, использование плоских цветов и ограничения анимации.
Сохранили, оптимизировали и готово! Вы сделали Ваш собственный баннер.
