В 2018 году наблюдается спад в веб дизайне, но с проведением ЧМ по футболу появляются новые проекты, на которые стоило бы обратить свое внимание.

В данной статье мы расскажем вам о трендах веб дизайна, которые покорили сердца в июле 2018 года.

Интерактивные слои

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

А если объединить интерактивность с эффектом наслоения, то получится отличное объединение, которое вызовет огромный у пользователей огромный интерес.

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

Давайте рассмотрим это все на практике, как дизайнеры использовали данную уловку на своих проектах.

Salomon

Интерактивные слои

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

ENO

тренды дизайна за июль

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

Martin Laxenaire

как удержать пользователя на сайте

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

Текст в три колонки

Как вы понимаете многоколоночная структура давно не использовалась, до этого момента. Похоже, что многоколоночные сайты снова возвращаются в тенденцию. Но почему так произошло? Может из-за того, что экраны стали больше? Или 3 элемента со читаются более гармонично?

В нашем обиходе есть такое замечательное правило, как "правило трех", мы его даже используем не только в веб дизайне, но и повсеместной жизни. Например: "Три мушкетера", "Три поросенка", в пьесах используется три акта и т.д. В дизайне же мы используем правило трех в таких направлениях как: три слайда, поиск нужного контента должен состоять из трёх кликов и т.п.

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

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

три колонки на сайте
веб дизайн за 2018 год
дизайн ЧМ 2018

Дизайн в связи с чемпионатом мира по футболу

В июле месяце наверное всех поголовно охватила такая болезнь, как чемпионат мира по футболу проходящий в России. И появилось очень много проектов на эту тему.

И получились довольно не плохие проекты, которые используют различные решение такие как:

  • Новые смелы решения как ярко-красный и синий, от дизайна ФИФА
  • Использование фирменной типографики как в логотипе
  • Мспользование шестиугольных плиток
  • Сочетание всех флагов мира
  • Данный чемпионат заставил очень плотно поработать с отображением визуальных данных. Появились интересные различные плагины например FifaTwenty18 - календарная сетка.

    ЧМ 2018 дизайн

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

    История футбола дизайн

    Итог

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