10 октября 2016

«Мемфис» в веб-дизайне: как «яркий» тренд из 80-х возвращается в 2016 году

Дизайн-студия AIC написала для vc.ru колонку о «Мемфисе» — стиле 80-х, который собрал в себя яркие цвета, примечательные формы и хаотичность. Авторы рассказали о том, как тренд, вернувшийся в 2016 году, повлиял на веб-дизайн.

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

История появления и основные черты

Декабрь 1980 года, Милан. Итальянский архитектор Этторе Соттсасс создаёт новое направление в дизайне и называет его «Мемфис» — в память о песне Боба Дилана «Stuck Inside of Mobile with the Memphis Blues Again».

Мемфис зародился в Италии, но все же далек от классики и изящества. В его основе — смелость поп-арта, геометрия арт-деко и противоречивость стиля китч. Для «Мемфиса» характерны смелые цвета и смешение узоров, как на этом плакате:

Источник: Arthur Abdurashitov

В «Мемфисе» можно всё: использовать первичные цвета (цвета, которые не создаются путем смешивания), играть с композицией и смешивать текстуры. Такая свобода действий настолько вдохновляет новое поколение дизайнеров, что Wall Street Journal объявил о всплеске «нео-мемфиса» — новой волны этого экстравагантного стиля.

«Мемфис» в дизайне интерьеров

Взрывы цвета в сочетании со смелой графикой — главные детали безудержного декора в стиле «Мемфис». Примеры:

Источник: Creative Market и Archinspire

 

Источник: The Design Files и Quora

 

Источник: Palm & Laser и Yellowtrace

«Мемфис» в мире моды

Модные кутюрье тоже следят за трендами. Вот такие модели одежды можно найти в коллекции Christian Dior:

Источник: Creative Market

Ещё примеры fashion-дизайна:

Источник: The world of a fashion и dezeen

 

Источник: WGSN и Pinterest

«Мемфис» в графическом дизайне

Концепция журнала Oh Hey от австралийского иллюстратора и дизайнера Shanti Sparrow:

Источник: Shanti Sparrow Design

Ещё примеры:

Источник: Id Wall и Atelier Kobalt

 

Источник: Officemilano и Write Sketch &

«Мемфис» в веб-дизайне

В России сайтов в стиле «Мемфис» немного. Точнее их нет совсем — всё на уровне концепций. Например, вот такую разработали в Ростове-на-Дону для студии красоты Smol:

Источник: Irina Volkova

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

Media Bounty

Highlights Conference

Paper Collective

Для дизайна в стиле «Мемфис» не обязательно задействовать сайт целиком, можно сделать акцент на отдельных элементах интерфейса или иконках:

Источник: Creative Market

Источник: Creative Market

«Мемфис» — гибкий, пластичный и легко объединяется с другими стилями. Например, с дуплексом:

Nine Dots Gathering

В «Мемфисе» можно отказаться от фона, оставив его лаконично белым. Картинки тоже можно убрать, чтобы отдать всё внимание тексту:

The Farrell Review

Как применить «Мемфис» в своём проекте

Лора Буше (дизайн-консультант) выделяет три составляющих любого проекта в стиле «Мемфис»:

1. Типографика. Шрифты должны дополнять общий геометрический рисунок. В начертании нужно сочетать плавные изгибы и острые углы:

Источник: Creative Market и Red Bubble


2. Паттерны
. Хаотичность отличает «Мемфис» от других направлений дизайна. Отсюда полная свобода в цветовой гамме, расположении и сочетании элементов. Чем больше контраста, тем лучше.

Источник: Bulbi’s Drawings и Creative Market


3. Цвета
. В «Мемфисе» нет приглушенных тонов. Используйте яркие и насыщенные оттенки:

Источник: Primitive Feathers и Pinterest

«Мемфис» — это вызов. Яркие цвета, геометрические фигуры и нестандартные шрифты ломают привычные концепции. Если вам нужно привлечь внимание, вы знаете, как это сделать.

Дальше — большe

Идеи, которые нас вдохновляют, видео-интервью и переводы исследований, которые были нам полезны в процессе работы.

11 августа 2015

«Счастливый пользователь — это, конечно, круто, но к счастью должна прилагаться взаимная выгода»

11 октября 2017

Лучшие практики: микро- взаимодействия

23 августа 2017

Сколько процентов населения составляют продвинутые пользователи? Все хуже, чем кажется

17 октября 2016

В поисках идеального кейса или топ-10 советов как это сделать

26 сентября 2017

Как снизить когнитивную нагрузку на пользователя: 7 принципов дизайна

16 мая 2016

Скрытые функции: что нужно знать о Conversational UI