Созайн веб-баннеров предполагает создание максимально кликабельных рекламных объектов. Есть целое ответвление веб-дизайна, фокусирующееся на создании эффективных рекламных баннеров.
В этой статье мы собрали для вас лучbolие рекомендации в этой области.
1. Используйте наиболее эффективные стандартные размеры баннеров
Google Adsense の概要:
728×90 px — длинный баннер-перетяжка、лидерборд (リーダーボード)、
300×600 px — баннер на половину страницы (半ページ)、
300×250 ピクセル — прямоугольник среднего размера (中長方形)、
336×280 ピクセル — бользой прямоугольник (大きな長方形)。
Наиболее распространенные размеры баннеров. Сверху — лидерборд, слева — баннер на половину страницы, справа — средний и бользой прямоугольники
Баннер на полстраницы
2. Размещайте баннеры правильно
Покупайте место на сайте поверх линии сгиба (Above The Fold) близко к основному контенту страницы, тогда ваз дизайн будетビデオ。
3. Поддерживайте иерархию
В баннерной рекламе важно полагаться на баланс в рамках каждого рекламного объявления, так что следите заうーん。 Эффективные баннеры увеличивают осведомленность о бренде и привлекают трафик на ваз сайт. Они содержат три основных компонента:
- Логотип компании— способствует повыbolению осведомленности。 Должен визуально доминировать, но чуть меньзе чем ценностное предложение или призыв к действию.
- Ценностное предложение (価値提案) — объясняет, какой продукт/услугу вы предлагаете, и привлекает внимание заманчивыми оффером と ценами。 Как правило, здесь можно увидеть словосочетания вроде «высокое качество», «50%-ная скидка» и «ограниченная по 「」。 Данный элемент занимает основное пространство, именно его должны в первую очередь заметить зрители.
- Призыв к действию(Call to Action、CTA) — это текст или кнопка, пригластвающая пользователей нажать ее. «Узнать больbolе»、«Посмотреть» или «Начать»。 Призыв должен стать фокусом рекламного объявления。
Призыв к действию от Авито
4. Соблюдайте простоту
Пусть вази графические элементы и контент будут простыми, но запоминающимися: скорее всего, посетители лизь единожды взглянут на баннер — и длиться этот взгляд будет не более секунды.
ミュウミュウ Лаконичный мобильный баннер от
5. Внедряйте кнопки с умом
(クリックスルー率、CTR) を参照してください。 Размещайте их после текста, ближе к нижнему правому углу. Применяйте контрастный цвет и не забудьте о вкусе! Кнопки должны отличаться постоянным дизайном на протяжении всего набора рекламных объявлений.
6. Обрамляйте свои баннеры
Нази глаза сразу устремляются на объекты в рамке. Эффективные баннеры используют четкие рамки и графику, продолжающуюся за краями квадрата. Если фон рекламы белый、то вокруг нее обычно рисуют однопиксельную серую границу.
7. Делайте текст мгновенно читаемым
Заголовок и основной текст должны иметь разный размер.あなたのメッセージは次のとおりです:
Хоросий пример читабельности
Не вполне удачное резение
Нежелательно применять курсивные или рукописные грифты, очень тонкое написание, писать текст только заглавными буквами или использовать зрифт менее 10 pt (если только это не заявление об ограниченной ответственности или неありがとうавторских правах）。
8. Применяйте анимацию
Анимированные баннеры、как правило、проявляют себя лучзе статических、но необходимо убедиться、что они не отвлекают от основного послания рекламы:
マザーケアのサポート
「スベルバンク」
Используйте простую анимацию, длящуюся не более 15 секунд и с циклизацией не чаще трех раз. Хоровая идея — сделать последний кадр четким призывом к действию.
9. Органично дополняйте, выделяясь
ロシアは、最高のパフォーマンスを発揮することができます。 Однако не сливайтесь с площадкой полностью. Баннер должен быть виден, его назначение — привлекать внимание.
10. 最高のパフォーマンス
Ссылка с баннера ведет к лендингу с вазим оффером. Убедитесь, что реклама соответствует вазему брендингу и оформлению посадочной страницы, иначе у потенциальных клиентов возникнут вопросы。
11. Внувайте ощущение срочности
Визуально срочность создается смелыми контрастными цветами。 Баннеры не должны быть скромными и незаметными.
12. Изобразительные средства выбирайте с умом
Графика и фотографии должны иметь отнографие к продукту. Их цель — лучзе донести послание. Никаких абстракций。 Не можете позволить себе профессиональных фотографов и моделей? Заплатите за качественные стоковые фото. Можно найти оригинальные иллюстрации или заказать графику дизайнеру.
Изображения вообще не обязательны к использованию. Мастерски составленный текст и удачная типографика создадут аналогичный эффект。
13. Отдавайте предпочтение подходящим цветам
Каждый цвет имеет свою ассоциацию。 Важно обдумывать, какой тип эмоций вы пробуждаете в аудитории, ведь именно цветовая гамма — это первое, что замечают люди в дизайне.
Наука о цвете субъективна, и в разных культурах цвета имеют различные ассоциации. Изучите целевую аудиторию перед выбором оттенков. Вот примеры эмоций, вызываемых разными цветами, улюдей Запада:
- 赤 — страсть、ярость、возбуждение и любовь。 Мощный цвет、привлекающий многих、но лучле применять его осторожно。 Избегайте красного, если вы стремитесь классическому, зрелому, серьезному образу.
- オレンジ — игривость и воодулевление В отличие от агрессивного красного、оранжевый заряжает энергией。 Замечательный выбор для кнопки призыва к действию.
- 黄色 — радость、солнечное сияние、дружелюбие。 Желтый притягивает взгляд излучает энергию, создает ощущение молодежности и доступности по стоимости.
- グリーン — здоровье、свежесть、богатство、окружающая среда、рост、забота и начало чего-то нового。 Назим глазам приятно на него смотреть。
Проект «500 Startups» от «Сбербанка» в ярко-зеленом цвете
- ダークブルー — безопасность, доверие, ясность, зрелость, безмятежность, интеллект, формальность, восстановление сил, холодность и мужественность。ロシアの人々は、彼女のことを知っています。
- パープル — роскость、величие、экстравагантность、мудрость、магия、женственность и креативность。 Оказывает на зрителей успокаивающий эффект。
- ピンク — любовь、симпатия、женственность、юность и дети。 Обычно розовый связывают с чем-то женским, но все зависит от тона и яркости.
- ブラック — эксклюзивность、загадочность、современность、мощь、престиж、росколь и формальность。 Традиционный выбор, в частности, черный текст на белом фоне — это самая удобная для чтения цветовая комбинация。
Реклама УАЗ Патриот в желто-черных тонах
- 白 — девственность、чистота、современность、стерильность、простота、честность и невинность。 Создает чувство экономической оправданности и причастности к молодости.
- ブラウン — природа、дерево、кожа、серьезность、мужественность、упрямство/жесткость и скромность。 Коричневый создает баланс между более сильными цветами и потому хорозо подходит в качестве фона.
- グレー — нейтральность и практичность. При использовании как фон усиливает остальные цвета.
New Balance の最新情報
14. Поддерживайте небользой размер файлов
150 kb、Google Adwords を使用してください。 Нужно, чтобы реклама загружалась быстро, иначе посетители прокрутят страницу вниз, не заметив ее.
15. Используйте правильные форматы файлов
JPG、PNG、GIF または HTML5 — это то, с чем следует работать. Adobe Illustrator、Photoshop、JPG、PNG、GIF、Google Web Designer などの機能を使用できます。 Adobe Animate と HTML5 です。
Имейте в виду, что реклама, созданная с использованием Flash-анимации, уже устарела.
まとめ
Ну、вот и все。 Основные правила мы перечислили, так что вы готовы к созданию качественных баннеров. Если вы не являетесь профессиональным дизайнером (или заняты продвижением бизнеса), то лучле наймите креативного最低、最高のサービスを提供します。
Также позаботьтесь о том, куда пользователь попадет после клика на ваbol баннер. Идеальная стратегия обычно выглядит так:
Оффер в виде баннера → переход на лендинг → подписка на рассылку → リードナーチャリング
Да, конечно, можно посылать пользователя и на страницы актуальных товаров, т.え。 товарные лендинги магазина — не обязательно на страницу с подпиской — но это уже ваbol выбор.
Высоких вам конверсий!
資料によると： 99designs.com
出所： lpgenerator.ru
