Что такое Мемфис веб-дизайн?

Группа Memphis была основана Этторе Соттсассом в Милане в декабре 1980 года; название придумали за одну ночь - в честь песни Боба Дилана «Stuck Inside of Mobile with the Memphis Blues Again», которую без конца слушали на встрече, где договорились о создании группы. Первая коллекция была показана в сентябре 1981 года на миланском Salone del Mobile. Свободное объединение молодых итальянских и зарубежных дизайнеров - среди них Микеле Де Лукки, Натали Дю Паскье, Мартин Бедин, Питер Шайр и Сиро Курамата - объединяло одно: отказ от «хорошего вкуса» функционалистского модернизма.

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

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

Ключевые визуальные характеристики

• Толстый чёрный (или чернильного цвета) контур почти на каждой фигуре, кнопке и карточке - превращает плоский UI в подобие вырезанной вручную наклейки
• Разбросанные асимметрично фигуры-конфетти - волнистые линии, кольца, треугольники, ромбы и скопления точек - вместо аккуратной сетки
• Рукописная волнистая линия вместо прямого подчёркивания или разделителя
• Карточки и кнопки со смещённой плотной тенью без блюра - как будто вырезаны из цветной бумаги и слегка приподняты над страницей
• Намеренно несочетающаяся, игривая геометрия - ромб рядом с кругом рядом с треугольником - вместо одного повторяющегося семейства форм
• Лёгкий поворот карточек и стикеров, ломающий строгую горизонталь и вертикаль более сдержанных стилей

Цветовые характеристики

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

Типографика

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

UI-паттерны

• Hero-заголовок с одним словом, выделенным волнистым подчёркиванием или цветной фигурой-хайлайтом, в окружении разбросанного конфетти-декора
• Полоса-бегущая строка сплошного цвета с рамкой сверху и снизу, повторяющая короткие жирные фразы
• Сетка карточек, где у каждой - толстый контур, смещённая тень и небольшая геометрическая иконка, а соседние карточки повёрнуты в разные стороны на несколько градусов
• Стикер-бейджи - повёрнутая пилюля с рамкой и смещённой тенью - для тегов вроде «новинка» или сезона, вместо плоского чипа