Скевоморфизм Apple: как кожа и дерево создали эпоху дизайна

Если вы пользовались iPhone до 2013 года, вы помните: приложение «Заметки» выглядело как жёлтый блокнот с линованной бумагой. «Календарь» имитировал кожаный ежедневник с прошитыми краями. «Книги» — деревянную полку с реалистичными тенями. «Компас» — настоящий компас с металлическим корпусом и стеклом. Это был скевоморфизм — философия дизайна, при которой цифровые объекты имитируют физические. И Apple была его главным проповедником.

Что такое скевоморфизм

Скевоморфизм (от греческого skeuos — «сосуд, инструмент» и morphe — «форма») — это дизайнерский приём, при котором объект сохраняет визуальные элементы своего физического прототипа, даже если они не несут функциональной нагрузки. Кнопка на экране выглядит как физическая кнопка — с тенью, объёмом, текстурой. Корзина для удалённых файлов выглядит как настоящая мусорная корзина. Калькулятор — как настоящий калькулятор.

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

В цифровом дизайне скевоморфизм выполнял ту же функцию. В 2007 году, когда вышел первый iPhone, большинство людей никогда не пользовались сенсорным экраном. Им нужны были подсказки: что можно нажать, что можно перетащить, что — повернуть. Скевоморфные элементы давали эти подсказки интуитивно. Кнопка выглядит объёмной — значит, её можно нажать. Страница загибается — значит, её можно перелистнуть. Ползунок выглядит как физический переключатель — значит, его можно сдвинуть.

Золотая эра: iOS 1-6

С 2007 по 2013 год Apple довела скевоморфизм до совершенства — и до абсурда. Каждое стандартное приложение iOS было произведением цифрового ремесла. Текстуры были фотореалистичными. Тени — физически корректными. Материалы — узнаваемыми: кожа, дерево, войлок, металл, стекло.

Game Center выглядел как покерный стол с зелёным сукном. Find My Friends показывал контакты на имитации кожаного переплёта. Подкасты — катушечный магнитофон с вращающимися бобинами. iBooks — деревянная книжная полка, где книги стояли с реалистичными корешками и тенями. Даже системные диалоги имели текстуру льняной ткани.

За этим стоял лично Стив Джобс. Он был одержим деталями и верил, что интерфейс должен быть «тактильным» — вызывать желание потрогать экран. Скотт Форсталл, тогдашний глава iOS, разделял эту философию и доводил её до крайности. Каждый пиксель был продуман. Каждая текстура — отрисована вручную. Это было красиво. Это было дорого в производстве. И это работало — люди влюблялись в iPhone отчасти потому, что он был «тёплым», «живым», «настоящим».

Критика: когда метафора мешает

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

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

В-третьих, это было непоследовательно. Почему «Заметки» — блокнот, а «Почта» — не конверт? Почему «Музыка» — не виниловый проигрыватель? Скевоморфизм применялся выборочно, без системы, и это создавало визуальный хаос. Каждое приложение жило в своём мире — со своими материалами, текстурами, правилами.

В-четвёртых, это плохо масштабировалось. Фотореалистичные текстуры нужно было перерисовывать для каждого разрешения экрана. С появлением Retina-дисплеев объём работы удвоился. С появлением iPad — утроился. Каждый новый размер экрана требовал новых ассетов. Это было неустойчиво.

Революция: iOS 7 и Джони Айв

В октябре 2012 года Скотт Форсталл был уволен из Apple. Официальная причина — провал Apple Maps. Неофициальная — конфликт с Джони Айвом, главным дизайнером Apple, который ненавидел скевоморфизм. Айв получил контроль над дизайном софта — и всё изменилось.

iOS 7, представленная в июне 2013 года, была радикальным разрывом с прошлым. Никаких текстур. Никакой кожи, дерева, войлока. Вместо этого — плоские цвета, тонкие линии, размытые фоны, прозрачность. Иконки стали простыми геометрическими формами. Шрифт — тонким Helvetica Neue (позже — San Francisco). Интерфейс стал «невесомым» — слои полупрозрачных плоскостей, парящих друг над другом.

Реакция была полярной. Дизайнеры в основном приветствовали изменения — наконец-то! Пользователи — разделились. Многие жаловались, что новый дизайн «холодный», «безликий», «как Android». Что потерялась «душа» iOS. Что всё стало одинаковым и скучным.

Но Apple не отступила. И через год все привыкли. А через два — скевоморфизм стал выглядеть архаично. Как дискета на иконке «Сохранить» — понятно, но устарело.

Философия Айва: дизайн как отсутствие дизайна

Джони Айв не просто убрал текстуры. Он изменил философию. Для Форсталла дизайн — это украшение, которое делает технологию привлекательной. Для Айва дизайн — это устранение всего лишнего, чтобы осталась только суть.

«Настоящая простота — это не отсутствие беспорядка, — говорил Айв. — Это создание порядка из сложности». iOS 7 не была «простой» в смысле «примитивной». Она была сложной системой — с анимациями, параллаксом, размытиями, физикой — но эта сложность была скрыта. Пользователь видел только результат: чистый, лёгкий, быстрый интерфейс.

Айв верил, что к 2013 году люди уже не нуждаются в скевоморфных подсказках. Шесть лет iPhone научили мир пользоваться сенсорными экранами. Метафоры физических объектов стали костылями, которые мешали ходить. Пора было их убрать.

Flat design: мир после скевоморфизма

iOS 7 не была первой «плоской» системой. Microsoft выпустила Metro (позже — Modern UI) для Windows Phone в 2010 году — за три года до Apple. Google представила Material Design в 2014 году. Но именно Apple легитимизировала flat design для массовой аудитории. Когда самая влиятельная компания в мире говорит «скевоморфизм мёртв» — он мёртв.

Flat design быстро стал доминирующим стилем. К 2015 году практически все крупные компании перешли на плоские интерфейсы. Google, Microsoft, Facebook, Twitter — все убрали тени, градиенты и текстуры. Мир стал «плоским» — и, по мнению критиков, скучным.

Проблема flat design — обратная проблеме скевоморфизма. Если скевоморфизм давал слишком много подсказок (иногда ложных), то flat design не давал их вовсе. Что кликабельно? Что — просто текст? Где кнопка? Где — заголовок? Без теней и объёма всё выглядело одинаково. Пользователи терялись.

Компромисс: Material Design и «плоский 2.0»

Google Material Design (2014) предложил компромисс: плоские поверхности, но с тенями. Каждый элемент интерфейса — «лист бумаги» на определённой высоте. Чем выше — тем больше тень. Это давало иерархию и подсказки (кнопка «выше» фона — значит, она интерактивна), но без фотореалистичных текстур.

Apple тоже эволюционировала. iOS 8, 9, 10 постепенно возвращали глубину: более заметные тени, более чёткие разделители, более «осязаемые» элементы. Не скевоморфизм — но и не радикальный flat. Золотая середина, которую иногда называют «flat 2.0» или «semi-flat».

К 2020-м годам индустрия пришла к консенсусу: чистый flat — плохо (непонятно), чистый скевоморфизм — плохо (устарело). Нужен баланс: минимальные визуальные подсказки (тени, скругления, контраст), но без имитации физических материалов. Интерфейс должен быть «цифровым» — но понятным.

Неожиданное возвращение

В 2020-х скевоморфизм начал возвращаться — но в новой форме. Не фотореалистичные текстуры кожи и дерева, а «нейморфизм» (neumorphism) — мягкие тени, создающие иллюзию выдавленных или вдавленных элементов на однородной поверхности. Это выглядит как пластик или глина — не реалистично, но тактильно.

Apple Vision Pro (2024) — возможно, самый скевоморфный продукт Apple за десятилетие. Интерфейс visionOS полон объёма, теней, стекла, отражений. Окна выглядят как физические объекты в пространстве — с толщиной, весом, материальностью. Это не случайно: в пространственных вычислениях скевоморфизм снова имеет смысл. Если объект «висит» в воздухе перед вами — он должен выглядеть как объект, а не как плоская картинка.

Иконки macOS Ventura и Sonoma — тоже шаг назад к объёму. Они не плоские — у них есть глубина, тени, лёгкий 3D-эффект. Не кожа и дерево — но и не чистый flat. Apple нашла новый баланс: цифровая материальность без имитации физических материалов.

Ностальгия: почему мы скучаем по старому iOS

В интернете существует целая субкультура ностальгии по скевоморфному iOS. Люди делают концепты «iOS 6 на iPhone 15». Создают темы для jailbreak, возвращающие старые текстуры. Пишут статьи о том, как «Apple потеряла душу». Это не просто ностальгия по молодости (хотя и она тоже). Это тоска по определённому отношению к дизайну.

Скевоморфный iOS был «тёплым». Он чувствовался рукотворным — каждая текстура нарисована художником, каждая тень просчитана. Современный iOS — «холодный». Он чувствуется системным — сгенерированным правилами, а не руками. Это эффективнее, масштабируемее, последовательнее. Но в нём меньше любви. Меньше деталей, которые замечаешь на третий день использования и улыбаешься.

Есть ирония в том, что скевоморфизм критиковали за «нечестность» (цифровой объект притворяется физическим), а flat design — за «бездушность» (цифровой объект не притворяется ничем). Идеал, видимо, где-то посередине: цифровой объект, который честно цифровой, но при этом — живой, тактильный, человечный.

Уроки скевоморфизма для современного дизайна

Скевоморфизм Apple — не просто исторический курьёз. Он оставил уроки, которые актуальны и сегодня. Первый: affordance (подсказки о возможных действиях) — критически важны. Пользователь должен понимать, что можно сделать с элементом, не читая инструкцию. Скевоморфизм решал это через имитацию. Flat design — через конвенции (синий текст = ссылка). Оба подхода работают, но ни один не идеален.

Второй урок: детали создают эмоцию. Текстура кожи в «Календаре» не помогала планировать встречи. Но она создавала ощущение качества, заботы, внимания к деталям. Современные интерфейсы часто лишены этого — они функциональны, но не эмоциональны. Микроанимации, тактильная обратная связь, звуковой дизайн — современные способы добавить «душу» без скевоморфизма.

Третий урок: контекст определяет стиль. Скевоморфизм был правильным выбором в 2007 году — когда люди учились пользоваться сенсорными экранами. Flat design — правильный выбор для зрелой аудитории, которая уже знает конвенции. Пространственные вычисления (Vision Pro) — снова требуют объёма и материальности. Нет «правильного» стиля на все времена. Есть правильный стиль для конкретного контекста.

Заключение

История скевоморфизма Apple — это история о том, как дизайн следует за технологией и культурой. Когда технология нова — нужны метафоры, чтобы объяснить её. Когда технология освоена — метафоры мешают. Когда технология снова меняется (пространственные вычисления) — метафоры возвращаются в новой форме.

Скевоморфизм не умер. Он трансформировался. Кожа и дерево ушли — но объём, тактильность и материальность остались. Они просто выражаются иначе: через тени, размытия, анимации, haptic feedback. Суть та же — сделать цифровое «настоящим». Просто определение «настоящего» изменилось. И будет меняться снова.