Исходный размер 1750x2480

Стиль Frutiger Aero в интерфейсах 2003–2014 годов

Данный проект является учебной работой студента Школы дизайна или исследовательской работой преподавателя Школы дизайна. Данный проект не является коммерческим и служит образовательным целям

Рубрикатор

  1. Концепция исследования
  2. Отличительные черты Frutiger Aero
  3. Операционные системы
  4. Компьютерные программы
  5. Игры и приставки
  6. Вывод
Исходный размер 1600x1200

Ассоциативный коллаж для стиля Frutiger Aero

Концепция исследования

Период с 2003 по 2014 год вызывает у современной молодёжи ностальгию, поскольку на него выпало их детство и юношество. Но дело не только в эмоциональной привязанности к воспоминаниям, а в том, что окружало нас тогда повсеместно. Живя в современном мире, мы не замечаем, как происходящее вокруг становится частью истории и культуры.

Так, в это время мы, сами того не понимая, стали свидетелями не только технологического прогресса, но и расцвета эстетики Frutiger Aero.

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

Исходный размер 2480x768

Изображения рабочих столов по умолчанию в Windows Vista и Windows 7

Для исследования я подбирала интерфейсы, имеющие в себе отличительные черты Frutiger Aero. Говоря «интерфейс», я подразумеваю графический интерфейс исследуемого приложения или программы, то есть их внешний вид. В исследовании я обращаю внимание не только на популярные и часто используемые интерфейсы, но и на то, как они изменялись со временем, как менялся стиль и как его превосходство в дизайне повлияло на разработку интерфейсов в целом.

Исходный размер 1280x800

Интерфейс Windows 7 (2009)

Отличительные черты Frutiger Aero

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

Исходный размер 1200x600

Скевоморфмизм в iOS

Во Frutiger Aero эффекта достоверности изображаемого предмета добиваются с помощью градиентов и бликов, придающих элементам интерфейса объём. Для сравнения, сейчас реалистичное изображение устарело, и ему на смену пришёл стиль «flat» и неоморфизм.

Исходный размер 2480x921

Скевоморфизм во Frutiger Aero на примере Windows Vista и стиль «flat» — на Windows 10.

Вслед за реалистичным объёмом Frutiger Aero сочетает в себе боке, глянцевые и полупрозрачные текстуры стекла и воды. Также используются пузыри, полярные сияния, яркие цвета и природные мотивы: трава, небо, рыбки.

Операционные системы

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

На смену Windows XP Microsoft выпустил Windows Vista, которую пользователи встретили с критикой. Одной из проблем стали высокие системные требования, поскольку один из оригинальных стилей оформления Windows Aero использовал полупрозрачные окна и их наложение друг на друга. Такой интерфейс поддерживали только устройства с видеоадаптером «Vista Ready».

Тем не менее, вид Windows Vista послужил основой для последующей ОС — Windows 7, уже имевшей успех среди пользователей. В обеих системах мы видим использование полупрозрачности, ощущение «стеклянности» и скевоморфизм в виджетах. Несмотря на то, что Vista «не оправдала ожиданий», она имела основные черты набирающего популярность стиля.

Исходный размер 2480x921

Windows Vista (2007)

Исходный размер 2480x689

Windows 7 (2009)

Поворотное событие не только в мире технологий, но и в сфере дизайна — появление на рынке техники Apple. Первая версия Mac OS X 10.0 Cheetah имела некоторые черты Frutiger Aero. Например, кнопки «закрыть» или «свернуть окно» изображены в виде «стеклянных» разноцветных шариков. Эта деталь до сих пор остается отличительной чертой Mac OS. Также можно отметить градиенты, придающие плашкам и иконкам объем, и просвечивание сквозь выпадающие списки.

Исходный размер 2480x921

Mac OS X 10.0 Cheetah (2001)

Однако в полной мере Frutiger Aero раскрывается уже в 2007 году, наравне с операционными системами Windows.

Mac OS X 10.5 Leopard имеет полупрозрачную стеклянную подложку под иконки. Складывается ощущение, что приложения как будто «стоят на полке», и сами они изображены в полном соответствии с принципами скевоморфизма.

В отличие от Windows, Mac OS придерживается большего минимализма в дизайне открытых окон: не каждый элемент интерфейса выглядит как стеклянная полупрозрачная фигурка. Однако можно заметить сильное влияние моды на подобный стиль интерфейсов, которое продолжалось вплоть до OS X Mountain Lion и OS X Yosemite.

Исходный размер 2480x767

Mac OS X 10.5 Leopard (2007) и OS X 10.8.5 Mountain Lion (2012)

Подражателем Mac OS X 10.5 стала операционная система из Северной Кореи — Red Star OS. Помимо того, что она копирует оригинал за исключением маленьких изменений, мы можем увидеть готовые фоны для рабочего стола. Блики, боке, свечения, градиенты, природные мотивы — всё, что имеет отношение к Frutiger Aero

Исходный размер 2480x923

Red Star OS (2008)

Появление iPhone ознаменовало начало новой эпохи. Смартфон вышел в 2007 году, поэтому первые версии iOS уже были подвержены влиянию Frutiger Aero.

Начиная с iOS 3 визуальные решения не меняются, иконки остаются теми же, а дизайн придерживается принципов скевоморфизма.

Исходный размер 2358x1221

iOS 3 (2009), iOS 4 (2010), iOS 6 (2012)

Компьютерные программы

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

Интерфейс браузера Internet Explorer содержит всё те же особенности Frutiger Aero, что и Windows 7. Однако, ему не хватает «прозрачности» — она присутствует только во внешнем окне и баре загрузки.

Исходный размер 2480x639

Internet Explorer 8 (2009), Internet Explorer 9 (2011)

Незамеченной в России осталась электронная энциклопедия Encarta, так как не имела русского языка. На ее примере видно, как подобные программы могут не вторить интерфейсу системы, а иметь свой дизайн. Последние версии интерфейса энциклопедии имели природные мотивы, «выпуклые» кнопки и прочие элементы стиля Frutiger Aero.

Стиль Frutiger Aero в интерфейсах 2003–2014 годов
Проект создан 04.07.2023
Мы используем файлы cookies для улучшения работы сайта НИУ ВШЭ и большего удобства его использования. Более подробную...
Показать больше