Frutiger Aero — дизайн интерфейса, который сейчас выглядит лучше, чем 25 лет назад

Если у тебя был компьютер в 2000-х, то глянцевые экраны, блики на кнопках, голубое небо над зелёным холмом и капля воды на заставке вряд ли будут вызывать у тебя чувство диссонанса. Сейчас это называется Frutiger Aero, но тогда стиль никакого названия не имел.

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

Откуда пошло название

Откуда вообще пошло название? В 2017 году участница сообщества Consumer Aesthetics Research Institute Софи Ли хотела описать визуальный язык середины 2000-х. Девушка предложила название Frutiger Aero. Состоит он из двух частей:

Frutiger — семейство шрифтов Адриана Фрутигера и похожего на него Segoe UI, и Aero — полупрозрачный интерфейс Windows Vista и Windows 7. Необычным его делали детали: глянцевые и «стеклянные» поверхности, градиенты, блики, отражения и мягкие тени.

Пузыри, капли, брызги, аквариумные оттенки, небо, облака, трава, зелёные холмы, дельфины, бабочки, лучи света. Как можно совместить всё вышеперечисленное? Как показала практика, легко.

Художники часто помещали гаджет, цветок или окно на фоне красивого природного пейзажа. В палитре чаще преобладали сине-зелёные оттенки.

Элементы интерфейса при этом старались быть похожими на настоящие предметы. Кнопки напоминали леденцы, иконки были похожи на стеклянные таблетки. Это называют скевоморфизмом.

Примеры

Windows XP и обои «Bliss»
Зелёный холм под ярким голубым небом. Фотографию сделал Чарльз О'Реа в 1996 году. Возможно, это самое распространённое фото в истории. Ведь оно стояло на рабочем столе у сотен миллионов людей. Наверняка и у тебя.

Mac OS X Aqua

Интерфейс, в котором кнопки выглядели как капли жидкости. Стив Джобс на презентации сказал, что их хочется лизнуть. Aqua задала моду на «мокрые» глянцевые элементы, и многие компании потом её копировали.

Меню PlayStation 3 и PSP

XrossMediaBar показывала на фоне мягкие переливающиеся волны. Их цвет менялся в зависимости от месяца. Утилитарное меню превращалось в маленький спокойный пейзаж.

Xbox 360 и «лезвия» дашборда

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

Меню Nintendo Wii

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

Windows Vista Aero Glass и Windows 7

Полупрозрачные окна с эффектом матового стекла стали главным символом стиля. Именно Aero дал названию вторую половину. В Windows 7 эту идею довели до более зрелого вида.

Skype и Windows Live Messenger

Голубое облако Skype и разноцветные человечки в Messenger стали такими же узнаваемыми знаками эпохи, как сами сервисы. Мягкие градиенты и скруглённые формы показывали, что общение через интернет — это просто и приятно.

Web 2.0: глянцевые кнопки и логотипы

Отражения под логотипами, блестящие плашки «Подписаться» и значки с бликами заполонили сайты. Каждый маленький сервис хотел выглядеть как стеклянная кнопка из рекламы Apple.

iPhone и скевоморфный iOS (2007–2012)

Кожаная обивка в календаре, деревянные полки в iBooks и зелёное сукно в Game Center. Приложения копировали реальные предметы, чтобы человек сразу понимал, как с ними работать. В 2013 году iOS 7 от всего этого отказалась.

Samsung Galaxy S III с «Nature UX»

Водяная рябь на экране блокировки, мягкие звуки капель, зелёные и голубые тона. Samsung сознательно строил рекламу и интерфейс вокруг природных образов. Это почти учебный пример позднего Frutiger Aero.

О чём на самом деле Frutiger Aero

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

Frutiger Aero же, наоборот, возвращает это чувство безопасности. Человек дружит с природой, и результат этого кристально прозрачно виден на экране. Буквально.

Rutube

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

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

Когда популярность ушла

C 2012–2013 годов Frutiger Aero начал постепенно сменяться плоским дизайном. В Windows 8, iOS 7, а потом Material Design от Google это прослеживалось особенно хорошо.

Блики и текстуры вдруг стали казаться «детскими» и перегруженными. Вместо этого в элементах UI начинают преобладать однотонные цвета, тонкие шрифты и минимализм. Этот переходный период даже получил собственное название — Frutiger Metro. Так длилось чуть меньше десяти лет.

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

Эстетика расползлась по Tumblr, Pinterest, TikTok, проникла в арт, музыку и моду. У неё даже появились подвиды вроде Frutiger Eco — с большим упором на зелёную природу и экологичность.

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

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