Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Онлайн-конструктор HTML5 баннеров
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
39
Битрикс24

Битрикс24

www.bitrix24.ru

30
Отследить-посылку

Отследить-посылку

отследить-посылку.рф

13
WebResidentTeam

WebResidentTeam

webresident.agency

12
Логомашина

Логомашина

logomachine.ru

11
Devicerra

Devicerra

devicerra.com

11
Flowlu

Flowlu

flowlu.ru

10
GIFTD

GIFTD

giftd.tech

9
Aword

Aword

Приложение для изучения английских слов

9
ADN Digital Studio

ADN Digital Studio

adn.agency

9
Eczo.bike

Eczo.bike

www.eczo.bike

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк в Facebook

7 дизайнерских трендов 2016 года для создания веб-баннеров

2 398 2 В избранное Сохранено
Авторизуйтесь
Вход с паролем
Сегодня мы поговорим о трендах в дизайне веб-баннеров. А еще в этой статье мы собрали замечательные примеры креативной и современной онлайн-рекламы. Все это поможет вам создать отличный кликабельный баннер всех времен и народов!

b_57cedb2a42a0a.jpg

Не будем отрицать. Правда в том, что большинство пользователей не смотрят баннерную рекламу. Они используют адблокеры, чтобы раз и навсегда спрятать этот устаревший рекламный формат.

Тем не менее, несмотря на довольно плохую репутацию и сравнительно низкий CTR, баннерная реклама все ще остается очень эффективным инструментом для повышения узнаваемости бренда и расширения аудитории. И все это — по довольно низкой цене.

Хотите знать почему?

Преимуществами использования баннерной онлайн рекламы являются:

  • большой выбор таргетинга рекламы — можно выбирать показы согласно контексту, размещению, интересам, информации о местоположении
  • стоимость — этот тип рекламы намного дешевле, чем другие, кроме того, конкуренция в этой нише не настолько сильна
  • много опций по ретаргетингу — баннеры могут показываться тем, кто уже посещал ваш вебсайт
  • способность поддержать и усилить послание бренда
  • способность поддерживать взаимодействие с брендом — используя анимацию, java-скрипты или другие технологии, которые могут инициировать взаимодействие с баннером, завлекая таким образом пользователя перейти на сайт.
  • статистика — владелец веб-сайта может легко измерить эффективность баннерной кампании и настроить ее так, чтобы получить еще лучшие результаты.

Обратите внимание, что баннерная реклама становится все более и более креативной. Она появляется на странице, сразу же привлекает к себе внимание и заставляет на себя кликнуть. В дополнение к тексту и картинкам, в ней может быть красивая иллюстрация, анимация, даже видео и звуки. Все эти медиа-элементы позволяют рекламодателю лучше преподнести свой посыл и легко привлечь внимание посетителей сайта.

В этой статье мы поговорим о трендах в дизайне веб-баннеров. Кроме того, в ней мы собрали замечательные примеры креативной и современной онлайн-рекламы.

Итак, поехали )

1. Иллюстрации, нарисованные от руки

Все любят ручную работу. По этой причине вручную нарисованные картинки и иллюстрации обретают все большую популярность в веб-дизайне. Взгляните на эти забавные примеры от Dropbox и Flashtalking.

По большому счету, в этих баннерах нет практически ничего, кроме простых нарисованных иллюстраций, краткого сообщения и призыва к действию (CTA).

b_57cfb7c55b05b.jpg

b_57cfb7c5afdef.jpg

2. Плоский (Flat 2.0) или Материальный (Material) Дизайн

Малоизвестный факт: Плоский дизайн был впервые представлен в MP-плеере ZUNE от компании Microsoft. Но до самого 2103 года о нем мало кто знал — пока Apple не выпустила свою iOS 7. Потом, в 2015, Google полностью обновил концепцию Flat дизайна, представив миру Material дизайн, который некоторые дизайнеры называют еще Flat 2.0.

В наше время этот стиль стал еще более ярким, обрел свет и тени, глубину цвета и даже анимацию. Также, Flat 2.0. характеризируют четкие векторные картинки, яркие контрастные цвета, заметная типографика.

Рекламные веб-баннеры, созданные в таком стиле, выглядят минималистично, но, в то же время, информативно и привлекательно.

b_57cfb7c5db3ab.jpg

b_57cfb7c613915.jpg

b_57cfb7c6352dc.jpg

Это шаблоны, сделанные для онлайн-конструктора баннеров «BannerBoo.com». Они также выполнены в плоском и минималистичном стиле.

b_57cfb7c670931.jpg

3. Новое Ретро

Да, мода возвращается и все старое опять становится новым )

Возвращение к ретро-стилю началось еще в 2014 году, сначала как тренд в дизайне логотипов, а потом этот стиль разошелся по всем направлениям веб-дизайна, включая и баннеры.

Когда мы говорим о воскрешении ретро-стиля в веб-дизайне, мы не имеем в виду какой-то конкретный период времени. Вдохновение может приходить и от упрощенных рисованных иллюстраций ранних 30-х годов или от ярких, веселых картинок и фонов в горошек в поздние 50-е.

Пиксельные изображения, заметная, веселая типографика, геометричный дизайн и паттерны смешиваются из современными картинками, создавая в результате потрясающие дизайны, которые невозможно не заметить.

b_57cfb7c6ac1b4.jpg

b_57cfb7c6dbfa1.jpg

4. Упрощение

Иногда, чтобы вас услышали, нужно создать простой и четкий посыл, как говорят, «в лоб». Самое забавное то, этого можно достичь, показав только лого компании, слоган или детализированное изображение продукци. Взгляните на эти отличные примеры от компаний VolksWagen и Macdonald’s:

b_57cfb7c71de6a.jpg

b_57cfb7c758c4b.jpg

Помните только одно: этот тип баннеров все равно должен выглядеть... как баннер. Посетители сайта не должны воспринимать их как простые некликабельные картинки или логотипы партнеров.

Чтобы привлечь внимание посетителей к такому баннеру, вы можете добавлять ему рамки, тени, контрастные фоны и даже кнопки.

5. Пастельные цвета и заметная типографика

В докладе от компании Pantone говорится: «Цвета этого сезона переносят нас к счастливому, солнечному месту, где мы чувствуем свободу самовыражения».

Пастельные цвета, четкие контуры и линии, неожиданные комбинации цветов популярны в этом году среди веб-дизайнеров.

Вот цветная палитра, которая популярна сейчас в веб-дизайне:

b_57cfb7c7840d7.jpg

Что касается типографики для рекламных баннеров, то здесь мы наблюдаем возвращение больших, несимметричных шрифтов, использование больших букв, жирных и косых начертаний. Также, как мы упоминали ранее, шрифты, нарисованные от руки, стают все популярнее.

6. Интерактивные баннеры, Сторителлинг, Использование Трендов

За последние годы онлайн реклама шагнула далеко вперед, используя интерактивную рекламу всевозможных форм и размеров. Баннерная реклама не исключение. Посмотрите только на рич-медиа баннер, созданный компанией IKEA. Они использовали свою знаменитую инструкцию, чтобы собрать веб-баннер )

Кликните на ссылку, чтобы убедиться в этом самому.

b_57cfb7c7d9ba1.jpg

Сторителлинг (искусство рассказывать истории) — также эффективный способ привлечь больше внимания к вашим баннерам. Взгляните на эти отличные примеры от Fedex и Nivea:

b_57cfb7c8239c3.jpg

b_57cfb7c846c32.jpg

А вот баннер с историей, созданный для Magento SEO Config Service.

b_57cfb7c87086d.jpg

Кроме этого, вы можете использовать знаменитые интернет-мемы, делать отсылки к трендовым событиям, феноменам поп-культуры и т.д. Все актуальные, трендовые штуки отлично привлекают внимание — так что используйте их.

К примеру, если уже все бегают толпами и ищут покемонов, почему этим не воспользоваться?

b_57cfb7c898ad0.jpg

b_57cfb7c8e44f0.jpg

7. Негативное пространство

Наряду с материальным дизайном и минимализмом, негативное пространство также активно используется в дизайне веб-баннеров. Это не новый тренд — в этом году он просто снова начинает набирать обороты.

Простыми словами, дизайн, который использует негативное пространство, содержит в себе «скрытое послание», спрятанное в свободном пространстве баннера и может быть встроено в логотип компании.

Посмотрите примеры от Coca Cola и Spartan Golf Club:

b_57cfb7c91c1b5.jpg

b_57cfb7c93f064.jpg

Подведем итоги

Итак, как вы видите, баннерная реклама онлайн живее всех живых — и так оно и будет дальше.

Однако, как мы уже говорили, баннеры постоянно эволюционируют. Сегодня они следуют последним дизайнерским трендам, включают в себя различные медиа-элементы, развивают все новые и новые методы для коммуникации с посетителями сайта.

Поэтому, чтобы выжать максимум из ваших рекламных баннеров, вы должны проявить всю свою креативность, сделать их оригинальными и уникальными.

Автор — Vitaly Gonkov. Перевод — Bannerboo.com

P.S. Если вы считаете, что мы пропустили какой-то тренд — напишите об этом в комментариях — мы будем рады всем дополнениям и уточнениям.

+1
Первые Новые Популярные
SPARK
Помогаем стартапам 24х7
Михаил Трифонов
Спасибо за материал. Опубликовали вашу статью на главной странице vc.ru.
Ответить
BannerBoo
Онлайн-конструктор HTML5 баннеров
Michael Heina
О, это круто ) Спасибо большое )
Ответить
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать