Одноклассники выкатили новый рекламный формат
Previous
выбрать за меня
4 топовых причины провала стартапов. Мнение экспертов
Next
Современный ретро веб-дизайн 2018
Юзабилити

Горячий ретро веб-дизайн, версия 2018

Автор: Ия Пфанштиль18.04.2018

Все новое – хорошо забытое старое. Особенно это правило актуально для веб-дизайна.

Сегодня концепции дизайна прошлых десятилетий уверенно набирают популярность. Многие из них создавались для печатных кампаний, но теперь вернулись к нам в digital-формате.

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

Этот тренд стал настолько ярким событием, что о нем написали в The New York Times:

“Миллениалы и представители поколения Z, рожденные в середине 90-х – начале 00-х, скорее всего не помнят, как выглядела сеть во времена AltaVista и GeoCities, но в современном ретро дизайне они смогут увидеть воплощение культуры 90-х. Тем, кто старше, эти сайты напомнят об интернете их молодости до мобильной оптимизации и beta-интерфейсов”.

О еще 12 креативных трендах мы рассказываем в этой инфографике.

Что же представляет собой современный ретро дизайн?

Специалист по дизайну Кэрри Кузинс рассказывает об особенностях и отдельных направлениях этого треда.

Возвращение в прошлое

Современный ретро дизайн повторяет самые популярные стили 80-х и 90-х (кажется, это было только вчера).

Современный ретро веб-дизайн 2018

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

Современный ретро веб-дизайн 2018

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

  • 90-е: это время запомнилось полужирной типографикой, кричащей анимацией и большим количеством движущихся элементов. Дизайнеры искали свой стиль в новом digital-веке.
  • 80-е: миром дизайна правили пиксели и яркая неоновая культура MTV и видеоигр.
  • 70-е: главными трендами этого времени были приглушенные цвета и полужирная типографика, которые встречались в основном в печати.

Современный ретро веб-дизайн 2018

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

Современный ретро веб-дизайн 2018

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

Ретро типографика

Крупные буквы со сложными штрихами и заливками моментально возвращают в прошлое. Также как и курсив с толстыми линиями и неровными краями.

Современный ретро веб-дизайн 2018

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

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

Современный ретро веб-дизайн 2018

В этих примерах используется зернистый фильтр, что в точности соответствует дизайну 70-х и 80-х.

Вот еще 10 трендов типографики, которые заслуживают вашего внимания.

Меньше ярких оттенков

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

Современный ретро веб-дизайн 2018Особой популярностью пользуются оттенки красного, желтого и оранжевого. Если вы хотите вернуть пользователей в 70-е и 80-е, используйте больше голубого и зеленого.

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

Современный ретро веб-дизайн 2018

Неоновые цвета напомнят пользователям о начале 90-х. Усильте эффект, используя мерцающую анимацию.

Текстуры и градиенты

Использование подходящего фона поможет передать дух прошлого. Здесь особенно выделяется два тренда:

  • Обилие текстур, придающих сайту (отчасти) реалистичный вид.
  • Простой минималистичный стиль.

Современный ретро веб-дизайн 2018

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

Современный ретро веб-дизайн 2018

Стиль видеоигр

У вас тоже первая ассоциация с видеоиграми – Марио? Тогда вы не одиноки. Именно этот стиль чаще всего вдохновляет современных дизайнеров.

Современный ретро веб-дизайн 2018

В мире высоких разрешений пиксели привлекают внимание.

Современный ретро веб-дизайн 2018

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

“Неприятная” графика

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

Современный ретро веб-дизайн 2018

Тем не менее использование графики “старой школы” способно пробудить в пользователях чувство ностальгии, будь то имитация экрана лампового телевизора или старого билборда. Но чтобы эти элементы работали, необходимо комбинировать их с современным UI.

Современный ретро веб-дизайн 2018

Обратите внимание на эти 9 ведущих трендов графического дизайна 2018.

Все вместе

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

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

Главная задача современного ретро дизайна – пробудить эмоции и воплотить дух определенной эпохи. Вот почему не стоит сочетать все перечисленные выше стили. Одного элемента будет вполне достаточно.

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

Вот еще 12 горячих трендов веб-дизайна 2018.

Реакция на статью
поделюсь
0%
интересно
75%
полезно
13%
не уверен
13%
скучно
0%
где автор?
0%
Ия Пфанштиль
Стараюсь радовать читателей полезным и качественным контентом.
Комментарии
Оставить отзыв

    You must log in to post a comment

    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Уведомления о новостях, статьях и инфографике будут приходить раз в неделю.
    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Позвольте нам обновлять ваши знания раз в неделю.