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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все вместе

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

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

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

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

источник rusability.ru

Другие материалы в этой категории: « Золотое сечение в дизайне

Дизайн и остальное :)

  • 1
  • 2
Prev Next

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

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

10-05-2018 Вид:328 Новости

Читать→

Борьба с абстракционизмом в СССР. Были в…

1 декабря 1962 года, Никита Хрущёв посетил выставку художников — авангардистов студии «Новая реальность» в московском Манеже, приуроченную к 30-летию московского отделения Союза художников СССР. Абстракционизм как художественное направление Хрущёву...

16-04-2018 Вид:142 Новости

Читать→

Золотое сечение в дизайне

Говорят, что “божественная пропорция” заложена в природе, и во многих вещах вокруг нас. Вы можете найти ее в цветах, ульях, морских раковинах, и даже нашем теле. Эта божественная пропорция, также известная...

14-04-2018 Вид:341 Новости

Читать→

Четкий. Лаконичный. Удобный.

Modern website copy should be three key things; clear, concise and convenient. Although these nouns are all associated with the idea of simplicity, creating copy that seamlessly executes this concept...

02-04-2018 Вид:204 Новости

Читать→