Добро пожаловать
Привет. Это farmlufrykti — мой уголок интернета. Здесь я собираю то, что мне самому нравится разглядывать: обои из нулевых, музыку, свои видео и ссылки на хорошие сайты. Всё остальное — на домашней странице.
Сайт сделан в эстетике Frutiger Aero — это стиль примерно 2004–2013 годов: глянцевые кнопки, стекло, пузыри, капли воды и обязательно очень зелёная трава. Так выглядели Windows Vista и 7, PlayStation 3, Wii, реклама провайдеров и заставки на школьных компьютерах. Потом всё это смыло плоским дизайном, и стало как-то пусто.
Название пошло от шрифта Frutiger и от Windows Aero, где «Aero» расшифровывали как Authentic, Energetic, Reflective, Open. Термин придумали задним числом только в 2017-м — в своё время у стиля вообще не было имени, его просто ругали за «вебдванольность».
Картинки, иконки и вырезанная трава здесь не нарисованы заново — это настоящие файлы той эпохи: иконки из Windows 7 и Vista, обои корейского фотостока Asadal, PNG-вырезы для коллажей. Мне показалось честнее взять оригиналы, чем подделывать их.
Новости и проекты
Галерея обоев
Стоковые работы студии Asadal — корейского фотобанка, чьи картинки в 2000-х расходились по обоям, презентациям и сайтам по всему миру. Кликните, чтобы открыть в полном размере и скачать.
История Frutiger Aero
Стиль, который существовал примерно с 2005 по 2013 год, но получил имя только в 2017-м. Ниже — как он появился, почему исчез и откуда вернулся.
Откуда взялось название
Термин придумали в Consumer Aesthetics Research Institute — это сообщество исследователей и дизайнеров, которое каталогизирует потребительские эстетики начиная с 1970-х. Название состоит из двух половин.
Frutiger — по фамилии швейцарского шрифтовика Адриана Фрутигера. Его гарнитуры вы каждый день видите в аэропортах и на вокзалах: они создавались, чтобы буквы читались быстро и издалека. В 2000-е эти формы легли в основу компьютерных шрифтов — Segoe UI в Windows, Myriad Pro у Apple, Podium Sans.
Aero — название дизайн-руководства Windows Vista и Windows 7. В Microsoft это расшифровывали как Authentic, Energetic, Reflective, Open — «настоящий, энергичный, отражающий, открытый».
2001: два интерфейса, с которых всё началось
В марте 2001 года Apple выпустила Mac OS X 10.0 с оформлением Aqua. Название говорило само за себя: интерфейс был построен вокруг темы воды — капли, отражения, полупрозрачность. Кнопки выглядели настолько сочно, что про них говорили «хочется облизать». Впервые Aqua показали чуть раньше, в июле 2000-го, вместе с iMovie 2.
Осенью того же года вышла Windows XP с темой Luna — ярко-синей, округлой, с градиентами. После серых плоских окон Windows 9x это выглядело почти игрушечно; критики так и писали — «интерфейс в стиле Fisher-Price». Тем не менее XP прожила дольше всех версий Windows, до 2014 года.
Вместе с XP пришли и знаменитые обои Bliss — зелёный холм под синим небом. Это не рисунок: фотограф Чарльз О'Рир снял настоящий виноградник в Калифорнии в 1996 году, после того как лозу выкорчевали из-за филлоксеры. Изображение оказалось на сотнях миллионов экранов и во многом приучило всех, что технологии — это про зелень, свет и воздух.
2005–2007: долгая дорога к Vista
Следующую Windows разрабатывали под кодовым именем Longhorn. Задумывалась небольшая промежуточная версия между XP («Whistler») и крупным релизом «Blackcomb» — все три названия взяты с горнолыжного курорта в Британской Колумбии, где Longhorn это бар между двумя склонами.
Проект разрастался, сроки съезжали, код распухал. Летом 2004 года разработку обнулили и начали заново на базе Windows Server 2003 — годы работы инженеров ушли в корзину. Именно после этого сброса, в сборке 5048, появился новый визуальный язык под названием Aero: стеклянные рамки окон, отражения, сглаживание ClearType по всей системе.
Windows Vista вышла в 2007 году — и разочаровала. Многое из обещанного вырезали, а стеклянный интерфейс оказался тяжёлым для тогдашних компьютеров. Машины со стикером «Vista Capable» часто эту самую Vista толком не тянули. Добавьте проблемы с драйверами — и люди начали возвращаться на XP.
В 2008-м Microsoft попыталась переломить репутацию рекламной кампанией Mojave Experiment: людям, которые ругали Vista не пользуясь ею, показывали «новую систему Mojave», они восхищались, а потом им сообщали, что это и была Vista. Помогло слабо.
Реабилитацией стала Windows 7 в 2009 году — та же Aero, но отполированная и куда менее прожорливая. По доле рынка она обошла XP только в апреле 2011-го.
Web 2.0: глянец приходит в интернет
После краха доткомов веб не исчез, а стал перестраиваться. Широкополосный доступ позволил делать страницы тяжелее и наряднее, чем во времена дозвона. Появились Facebook (2004), YouTube (2005), Twitter (2006) — контент стали создавать сами пользователи. Эпоху личных страниц на GeoCities сменил веб, где трафик собран у нескольких крупных площадок.
Самые продвинутые сайты делали на Adobe Flash — он давал настоящую интерактивность ценой производительности и доступности. И в вебе, и в интерфейсах воцарился скевоморфизм: элементы притворялись физическими объектами. Огромные глянцевые кнопки «Скачать» — прямое наследие тех лет.
Нравилось не всем. Уже в 2007 году выходили статьи вроде «How To Destroy The Web 2.0 Look» и «Bored by Web 2.0 Design» — стиль ругали за одинаковость ещё на пике его популярности.
Не только компьютеры
Эстетику легко узнать в игровых консолях: PlayStation 3 с её XMB, PSP и PS Vita, Xbox 360 с интерфейсом Blades, Wii и Wii U. В игрушках — Sega i-Dog. В архитектуре — здание Poste Italiane (2007), флагманский McDonald's в Лондоне от бюро SHH, магазин O2 на Мариенплац в Мюнхене.
Отдельная глава — корейские фотостоки, прежде всего Asadal. Капли на траве, мыльные пузыри над городом, дельфины, бумажные журавлики, зелёные холмы с небоскрёбами на горизонте. Эти картинки расходились по презентациям, рекламе провайдеров и обоям рабочего стола по всему миру. Именно они лежат в разделе обоев на этом сайте.
2013: всё становится плоским
Перелом случился быстро. Windows 8 с плиточным Metro отказалась от стекла. У Apple уволили Скотта Форстолла, отвечавшего за скевоморфизм в iOS, а руководство дизайном перешло к Джони Айву — тот считал имитацию реальных материалов ограничением для дизайнера.
18 сентября 2013 года вышла iOS 7, и глянец исчез окончательно: тонкие шрифты, плоские иконки, минимализм. Айв тогда сказал:
«В простоте, ясности и эффективности есть глубокая и непреходящая красота. Настоящая простота — это не просто отсутствие лишнего и украшательства, это приведение сложного в порядок».
Логика была понятной: скевоморфизм придумали, чтобы новичку было не страшно, но к 2013 году пользоваться смартфоном умели все. Плюс плоское проще и дешевле рисовать. Сайты, оставшиеся в старом стиле, стали выглядеть устаревшими, а иногда и подозрительными — слишком уж часто глянцевыми кнопками маскировали рекламу.
2017: у стиля появляется имя
Спустя четыре года после исчезновения Sofi Xian из CARI дала стилю название и определение — «корпоративная технологическая эстетика, популярная примерно с 2005 по 2013 год». В списке характерных признаков:
- скевоморфизм в интерфейсах
- глянцевые поверхности
- гуманистические гротески вроде Frutiger
- третичные цветовые палитры
- стекло и прозрачность
- фотографии северного сияния
- боке
- макросъёмка травы
CARI отмечает и содержательную сторону: это была «озеленённая» эстетика технологий. Солнечные панели, живые крыши, первые гибриды, бамбук и белый пластик в интерьерах, ролики про глобальное потепление — корпорации активно продавали образ дружбы с природой, и не всегда искренне.
2022 и дальше: возвращение
Стиль вернулся через TikTok — сначала у тех, чьё детство пришлось на нулевые, потом и у тех, кто эпоху не застал. Появился сабреддит r/FrutigerAero (уже больше 100 тысяч подписчиков), сообщества в Discord и других соцсетях.
Новую волну иногда называют Neo-Aero — она заметно отличается от исторической: мешается с лиминальными пространствами, романтизирует прошлое. Часто повторяют фразу «будущее, которое нам обещали», хотя ничего конкретного никто не обещал. Просто тогда в технологии верили с оптимизмом, и это было видно во всём вокруг.
Массовым трендом стиль вряд ли станет снова. Но это и не мешает делать в нём обои, музыку, сайты — из любви к тому, как красиво тогда всё выглядело.
Источники — в разделе о сайте.
Музыка
Моя коллекция
Всё, что я слушаю, лежит в избранном на Internet Archive
Видео
Видео на Internet Archive
Вебринг · интересные сайты
Веб-кольца — это объединения сайтов, связанных между собой в кольцевую структуру: на каждом стоит небольшой виджет, через который можно перейти к предыдущему или следующему участнику. Ниже — сайты в духе старого веба и эстетики 2000-х, которые мне самому нравятся.
Гостевая книга
Записи пока хранятся только в вашем браузере — общей книги на всех сделать без сервера не получится. Если хочется, чтобы я точно прочитал, лучше напишите в телеграм.
О сайте
Это farmlufrykti — мой уголок интернета: обои, музыка, видео и ссылки на хорошие страницы. Всё остальное живёт на домашней странице.
Чем сделано
Один HTML-файл, немного CSS и обычный JavaScript. Ни фреймворков, ни сборщиков, ни библиотек — открывается и правится блокнотом. Данные о коллекции лежат внутри той же страницы, так что сайт не разваливается, если что-то не догрузилось.
Как это работает
Музыка — моё избранное на Internet Archive. Список альбомов, обложки и названия вшиты прямо в страницу, поэтому полка появляется мгновенно. Когда есть доступ к сети, страница тихо сверяется с архивом: отметил там альбом звёздочкой — он появится здесь, снял отметку — исчезнет. Сами файлы подгружаются с архива и играют прямо на странице, без чужих окон и плееров.
Видео лежат в моём аккаунте на том же архиве и играются здесь без рекламы и рекомендаций.
Гостевая книга сохраняется только в вашем браузере и никуда не отправляется.
Совместимость
Работает в любом современном браузере: три сменных фона, адаптив под телефон, режим уменьшенной анимации.
Источники и благодарности
Ниже — всё, чем я пользовался. Вдруг пригодится для своего сайта.
Графика и ресурсы
- Frutiger Aero Archive Главный музей эстетики. Отсюда взято почти всё оформление этого сайта.
- Раздел обоев (Asadal Stock) 13 работ корейского фотобанка Asadal, 2000–2010-е — вся галерея и фоны страницы.
- PNG-вырезы переднего плана Трава, ромашки и цветы: полоса внизу экрана и слои баннера.
- Раздел иконок Иконки меню из Windows Vista и 7: Explorer, Media Player, Movie Maker, Live Mail, Internet Explorer 9, Dreamweaver, Task Manager.
- Список софта для кастомизации Большая подборка программ, если хочется вернуть Aero на свой компьютер.
- История стиля Подробный разбор происхождения эстетики — на нём основан мой раздел «История стиля».
Медиа
- Моё избранное на Internet Archive Источник плейлиста. Обновляется автоматически.
- Мой аккаунт на Internet Archive Здесь лежат мои видео.
- The Vapor Vault Коллекция vaporwave-релизов, откуда много чего в избранном.
- The Anime Cascade Архив аниме-саундтреков.
Про саму эстетику
- Consumer Aesthetics Research Institute Институт, где Sofi Xian в 2017-м придумала само название «Frutiger Aero».
- Sofi Xian Автор термина.
- Windows Aero — Википедия Про интерфейс Vista, давший вторую половину названия.
- Адриан Фрутигер Шрифтовик, чьим именем названа первая половина.
- Скевоморфизм Приём, на котором держится весь стиль.
Инструменты и площадки
- Neocities Хостинг основного сайта. Бесплатный, для личных страниц.
- Cbox Чат на домашней странице.
- Форум Frutiger Aero Archive Живое сообщество, там же список полезных сервисов.
- Wiby Поисковик по лёгким страницам старого веба.
Маскот нарисован владельцем сайта. Спасибо всем, кто до сих пор делает личные сайты руками.
Страница живая, дописываю по мере сил.
В разработке
Эта страница ещё строится. Загляните позже — или напишите в гостевую книгу.
farmlufrykti · сделано с душой
