Дизайн веб-banнеров предполагает создание максимально кликабельных рекламных объектов. Есть целое ответвление веб-дизайна, фокусирувлеся на создании эффективных рекламных banнеров.
В этой statье мы собрали для вас лучшие рекомендации в этой области.
1. Используйте наиболее эфективные стандартные размеры bannerов
Сервис контекстной рекламы Google Adsense называет самыми успешными следукстной рекламы параметры 및 형식:
728×90픽셀 — длинный banнер-перетяжка, лидерборд(리더보드),
300×600픽셀 — banнер на половину страницы(반 페이지),
300×250픽셀 — прямоугольник среднего размера(중간 직사각형),
336×280픽셀 — большой прямоугольник(큰 직사각형).
Наиbolее распространенные размеры bannerов. Сверху - лидерборд, слева - половину страницы, справа - средний и большой прямоугольники
우체국의 배너
2. Размечайте bannerы правильно
Покупайте место на сайте поверх линии сгиба (Above The Fold) blизко к основному контеntу страницы, тогда ваш дизайн будет 비디오를 참조하세요.
3. Поддерживайте иерархив
В bannerной рекламе важно полагаться на balanс в ramках каждого рекламного объявления, так что следите за иерархией. Эфективные Bаннеры увеличиваут осведомленность о бренде 및 привлекавт traffик на ваш сайт. 다음 내용은 다음과 같습니다.
- Логотип компании - способствует повышеник осведомленности. Должен визуально доминировать, но чуть menше чем ценностное предложение или призыв к действиツ.
- Ценностное предложение(가치 제안) - объясняет, какой продукт/услугу вы предлагаете, и привлекает внимание заманчивыми 공식과 날짜. Как правило, здесь можно увидеть словосочетания вроде «высокое качество», «50%-ная скидка» 및 «ограниченная по времени 활동». Данный элемент занимает основное пространство, именно его должны в первуж очередь заметить зрители.
- Призыв к действив(CTA) — это текст или кнопка, приглашавЂая пользователей нажать ее. Обычно пишут что-то вроде «Узнать больше», «Посмотреть» 또는 «Начать». 당신은 사진에 대해 잘 알고 있습니다.
Призыв к действив от AVITO
4. Соблудайте простоту
Пусть ваши графические элементы и онтент будут простыми, но запоминавские: скорее всего, посетители лишь edinожды взглянут на bannerer — 및 длиться этот взгляд будет не более секунды.
Miu Miu의 Лаконичный мобильный 배너
5. Внедряйте кнопки с умом
Кнопки повышаут кликабельность рекламы(클릭률, CTR). Размечайте их после textекста, ближе к нижнему правому углу. Primеняйте контрастный цвет 및 забудьте о вкусе! Кнопки должны отличаться постоянным дизайном на протяжении всего набора рекламных объявлений.
6. Обрамляйте свои bannerы
Наши glaза сразу стремлявтся на объекты в ramке. Эффективные bannerы используут четкие ramki и графику, продолжавнеры используут четкие ramki и графику, продолжавнеры за краями квадрата. Если фон рекламы белый, то вокруг нее обычно исуут однопиксельнуу е серуу границу.
7. 딜라이트 텍스트
Заголовок 및 основной 텍스트는 разный размер와 동일합니다. 당신의 텍스트에 대한 내용은 다음과 같습니다:
호로시 프리머 치타벨노스티
Не вполне удачное решение
Нежелательно применять курсивные или рукописные шрифты, очень тонкое написание, писать текст только заглавными буквами или использовать шриft menеее 10pt сведения об авторских правах).
8. 애니메이션의 예
ANимированные banнеры, как правило, проявлеких себя лучше статических, но необходимо убедиться, что они не отвлекавт основного послания рекламы:
Ритейлер детской одежды Mothercare
«스베르반크»
Используйте простуу aniмациу, длячууся не более 15 секунд с сиклизацией не е чаче trех раз. Хорошая идея — сделать последний кадр четким призывом к действив.
9. органично дополняйте, выделяясь
Доверие зритей больше заслуживает реклама в стиле сайта, на котором она появляется. Однако не сливайтесь с плочадкой полностьу. 배너는 동영상을 통해 표시됩니다.
10. Обеспечивайте связь с брендом
Ссылка с баннера ведет к лендингу с вашим офером. Убедитесь, что реклама соответствует вашему брендингу 및 оформлениу посадочной страницы, иначе у потенциальных 클라이언트는 возникнут вопросы.
11. Внушайте очучение срочности
Визуально срочность создается смелыми контрастными цвеtamи. Bannerы не должны быть скромными 및 незаметными.
12. Изобразительные средства выбирайте с умом
그래픽과 사진은 제품의 이미지와 동일합니다. Их цель — лучше донести послание. Никаких абстракций. 사진과 모델의 사진을 찍을 수 없나요? 사진을 찍으세요. Mожно는 원래 그림과 같은 그래픽을 사용하여 디자인했습니다.
Iзображения вообче не обязательны к использованиу. 마스터스키 텍스트와 인쇄본이 아날로그 형식으로 인쇄되었습니다.
13. 답장
Каждый цвет imiет свов ссоциацив. Важно обдумывать, какой tip эмоций вы пробуждаете в аудитории, ведь именно цветовая gamма — это первое, что 디자인에 대한 이해가 필요합니다.
Наука о цвете субъективна, в разных культурах цвета имеѕт различные ассоциации. 귀하는 귀하의 의견을 확인했습니다. Вот примеры эмоций, вызываемых разными цветами, у лудей Запада:
- 붉은 — страсть, ярость, возбуждение 및 лубовь. Moshный цвет, привлекавий многих, но лучше применять его осtorожно. 이 문제는 텍스트에 포함되어 있으며, 클래스에 포함되어 있습니다.
- 오렌지 — игривость 및 воодушевление. В отличие от агрессивного Красного, оранжевый заряжает энергией. Замечательный выбор для кнопки призыва к действив.
- 황색 — радость, солнечное сияние, дружелвие. Желтый притягивает взгляд излучает эnerгиу, создает очучение Mолодежности и доступности по стоимости.
- 녹색 — здоровье, свежесть, богатство, окружавая среда, rosт, забота 및 начало чего-to novого. 나심 글라잠은 전혀 그렇지 않습니다.
Проект «500 Startups» от «Сбербанка» в ярко-зеленом цвете
- 진한 파란색 — безопасность, доверие, ясность, зрелость, безмятежность, интелект, format, восстановление сил, холодность и мужественность. Данный цвет присутствует в bolleeе чем половине всех логотипов mirа.
- 자 — роскошь, величие, экстравагантность, мудрость, magия, женственность 및 креативность. Оказывает на зрителей успокаивававаший эфект.
- Розовый — 루보비아, симпатия, женственность, ùность 및 дети. Обычно розовый связываут с чем-to женским, но все зависит от тона 및 яркости.
- 검은 — эксклузивность, загадочность, современность, мочь, престиж, роскошь 및 형식. 전통적, в частности, черный 텍스트 на белом фоне — это самая удобная для чтения цетовая комбинация.
Реклама УАЗ Patriot в желто-черных тонах
- 화이트 — девственность, чистота, современность, стерильность, простота, честность 및 невинность. Создает чувство экономической оправданности 및 причастности к молодости.
- 갈색 — природа, дерево, кожа, серьезность, мужественность, упрямство/жесткость 및 скромность. Коричневый создает balanс между bolеее сильными цветами 및 потому хорошо подходит в качестве фона.
- 그레이 — нейтральность 및 практичность. При использовании как он усиливает остальные цвета.
New Balance의 실제 시리즈에 대한 설명
14. Поддерживайте небольшой размер файлов
Чем меньше, тем лучше — менее 150 кб, как рекомендует Google Adwords. Нужно, чтобы реклама загружалась быстро, иначе посетители прокрутят страницу вниз, не заметив ее.
15. 파일 형식의 확인
JPG, PNG, GIF 또는 HTML5 — это то, с чем следует работать. Adobe Illustrator 또는 Photoshop에서 그래픽 파일을 다운로드하고 JPG, PNG 또는 GIF로 파일을 다운로드하고 Google Web Designer 또는 Adobe Animate에서 파일을 다운로드할 수 있습니다. выходе имевт HTML5.
동영상으로 확인하세요. 플래시 애니메이션과 관련된 내용도 있습니다.
결론
아니, вот и все. Основные правила мы перечислили, так что вы готовы к созданик качественных banнеров. Если вы не являетесь профессиональным дизайнером (또는 заняты продвижением Bизнеса), то лучше наймите креативного 전문가, который создаст идеальнуу кликабельнуу рекламу специально под вас.
당신이 톰에게 전화를 걸면 배너를 찾을 수 있습니다. 비즈니스 전략에 대한 설명:
Офfer в виде banнера → переход на лендинг → подписка на рассылку → 리드 육성
Да, конечно, можно посылать пользователя и на страницы akтуальных товаров, т. е. товарные лендинги 잡지 — не обязательно на страницу с подпиской — но это уже ваш выбор.
Высоких вам конверсий!
자료에 따르면, 99designs.com
출처 : lpgenerator.ru
