Aqua — графический пользовательский интерфейс , язык дизайна и визуальная тема операционных систем macOS и iOS от Apple . Первоначально он был основан на теме воды с компонентами, похожими на капли, и свободным использованием эффектов отражения и полупрозрачности . Его цель — «внедрить цвет, глубину, полупрозрачность и сложные текстуры в визуально привлекательный интерфейс» в приложениях macOS. [2] При его представлении Стив Джобс отметил, что «... он жидкий, одной из целей дизайна было то, чтобы, увидев его, вы захотели его лизнуть». [3]
Aqua впервые был представлен на Macworld Conference & Expo 2000 в Сан-Франциско . Его первое появление в коммерческом продукте произошло в июле 2000 года в выпуске iMovie 2, за которым последовал Mac OS X 10.0 в следующем году. [4] Aqua является преемником Platinum , который использовался в Mac OS 8 , Mac OS 9 и выпусках Rhapsody для разработчиков (включая Mac OS X Server 1.2). Внешний вид Aqua часто менялся на протяжении многих лет, последний раз и кардинально с выпуском macOS Big Sur в 2020 году, который Apple называет «крупнейшим обновлением дизайна с момента появления Mac OS X». [5]
В течение многих лет Apple безуспешно пыталась создать операционную систему Mac OS следующего поколения , включая проекты под кодовыми названиями Pink, Taligent и Copland . Mac OS X в конечном итоге была построена на NeXTSTEP , после того как Apple приобрела NeXT , а ее генеральный директор Стив Джобс вернулся в Apple, компанию, в которой он был одним из основателей. [6] : 8–20
Ранние версии Mac OS X, называемые Rhapsody , были релизом для разработчиков, который имел временный пользовательский интерфейс, смешивающий внешний вид MacOS 8 «Platinum» и OpenStep . [7] : 27–28 Подход Rhapsody был в конечном итоге заброшен, и новая операционная система была названа Mac OS X в 1998 году. [6] : 71 Ранние предварительные версии Mac OS X для разработчиков поставлялись с интерфейсом, похожим на Rhapsody, объединяющим классическую Mac OS и NextStep. [8] Окончательный интерфейс операционной системы, Aqua, был представлен на Macworld Expo в январе 2000 года. [9]
Aqua использует синий, белый и серый в качестве основных цветов во всем своем стиле. Панели инструментов окон, фоны окон, кнопки, меню и другие элементы интерфейса — все они находятся в одном из этих цветов. Например, панели инструментов и боковые панели часто серые или цвета металла, фоны окон и всплывающие меню белые, а кнопки (в старых системах также ручки полос прокрутки) акцентированы ярко-синим цветом. В версиях OS X до OS X Yosemite большинство элементов управления имеют эффект «стекла» или «геля», примененный к ним. Дэвид Поуг описал этот эффект как «слизываемые шарики зубной пасты Crest Berrylicious Toothpaste Gel ». [10]
В macOS мало собственных параметров настройки для изменения общего вида системы. Пользователи могут выбрать графитовый внешний вид вместо синего по умолчанию. При использовании графитового внешнего вида элементы управления имеют сланцевый , серо-голубой или серый цвет, включая основные элементы управления окна, которые по умолчанию имеют красный, желтый и зеленый цвета. Параметр внешнего вида был добавлен по просьбе разработчиков и пользователей, которые посчитали синий вид безвкусным или непрофессиональным. [ необходима цитата ] В OS X Yosemite добавлен темный режим, который затемняет преимущественно белую строку меню и Dock. Пользователи также могут свободно выбирать цвет подсветки для текста и выбора файлов.
Исторически Aqua имел два дизайна окон: стандартные Aqua-окна и окна «шлифованный металл». Aqua-окна обычно имеют металлическую или серую строку заголовка с тремя кнопками на левой стороне (для закрытия, сворачивания и масштабирования или перехода в полноэкранный режим). Визуально эти кнопки раньше располагались сверху, но позже стали «утопленными» в окно. Aqua-окна почти не имеют рамки или внешней границы, вместо этого для разделения и различения активных и неактивных окон используются тени . Эстетика фонов окон изменилась с полосатого на белый фон. Окна из шлифованного металла имели толстую рамку с металлической текстурой или темно-серым фоном и утопленные кнопки и внутренние рамки. У них было дополнительное свойство — их можно было перетаскивать в любую точку рамки, а не только за заголовок и панель инструментов. Apple рекомендовала использовать окна из матового металла для приложений, которые имитируют реальные устройства (например, iTunes ) или используются для взаимодействия с такими устройствами (например, iSync ), [11] но была раскритикована дизайнерами за несоблюдение собственных рекомендаций или непоследовательное применение (оно также использовалось в Safari или Finder). [12] Окна из матового металла были в значительной степени сняты с производства после выхода Leopard и стали визуально неотличимы от окон Aqua. [13]
В дополнение к заголовкам, окна также могут иметь панели инструментов с отдельными кнопками. До Leopard панели инструментов были визуально отделены от заголовка и имели тот же фон, что и рамка окна, или были полосатыми. [14] Leopard представил единый стиль, который расширил металлический фон заголовка на панель инструментов, сделав ее единой. [13] При желании, разделитель можно было разместить между заголовком и панелью инструментов, чтобы имитировать предыдущий стиль. OS X Yosemite принесла более компактную версию панели инструментов, которая объединила заголовок и панель инструментов, сделала ее короче и удалила заголовок окна (например, в Safari 8 и более поздних версиях). [15]
Ящики — это вспомогательные боковые панели, которые могут выдвигаться из любого края окна, кроме верхнего. Их размер можно изменять перпендикулярно краю окна, но они следуют размеру окна в другом направлении. Ящики когда-то часто использовались для отображения элементов управления и информации, которые не всегда должны были быть видны, но теперь Apple не рекомендует их использовать. [16]
Листы — это диалоговые окна , которые являются модальными для определенного окна. При открытии они выдвигаются к пользователю, как лист бумаги, отсюда и название. Они частично прозрачны и фокусируют внимание на содержимом листа. Элементы управления родительского окна отключены, пока лист не будет закрыт, но пользователь может продолжать работу в других окнах (в том числе в том же приложении), пока лист открыт.
Меню подсвечиваются слегка полупрозрачным сплошным серым цветом, а когда пункты меню выделены, они становятся синими. В меню приложений , которые располагаются в одной строке в верхней части экрана , сочетания клавиш отображаются с правой стороны меню, а сам пункт меню — слева. В Yosemite меню гораздо более полупрозрачны и имеют эффект размытия.
Выпадающие меню для использования в самих окнах также доступны в нескольких вариантах. Стандартное «всплывающее» меню белое с синей крышкой на конце с противоположными стрелками, в то время как «выпадающие» меню имеют только одну направленную вниз стрелку на конце. «Выпадающие» меню доступны в четырех различных вариантах Aqua, большинство из которых вышли из употребления в более поздних выпусках macOS.
Текстовые поля представляют собой черный текст на белом фоне с эффектом утопленной границы. В дополнение к обычным квадратным текстовым полям доступны закругленные текстовые поля поиска. Для более обширных требований к тексту также имеется многострочное текстовое поле. Доступны комбинированное текстовое поле и выпадающее меню, что позволяет пользователю вводить значение в дополнение к выбору из меню. Также имеется комбинированное текстовое поле и элемент управления выбора, что позволяет пользователю вводить дату и время или редактировать их с помощью кнопок со стрелками. Mac OS X 10.4 представила новый элемент интерфейса, который позволяет пользователю перетаскивать нередактируемые «токены» в текстовое поле, между которыми можно вводить текст. Пробелы до и после токенов обрезаются .
Стандартные кнопки с закругленными углами доступны в двух вариантах: белом и синем. Синяя кнопка является действием по умолчанию, и в версиях ОС до Yosemite она, казалось, пульсировала, чтобы предложить пользователю выполнить это действие. Действие синей кнопки обычно также можно вызвать с помощью клавиши возврата . Белые кнопки обычно связаны со всеми другими действиями.
Также доступны кнопки с закругленными краями, предназначенные для размещения значка; стандартные квадратные кнопки; стеклянные квадратные кнопки и круглые кнопки. Кроме того, доступны круглые фиолетовые кнопки онлайн-помощи , которые при нажатии отображают справку относительно текущей задачи. Треугольники раскрытия , хотя технически являются кнопками, позволяют отображать и скрывать элементы управления для экономии места.
В macOS пустые флажки представляют собой небольшие белые скругленные прямоугольники. Когда они отмечены, они становятся синими и появляется галочка . По сути, это кнопки, которые можно включать и выключать. Радиокнопки похожи по внешнему виду и поведению, за исключением того, что они круглые и содержат точку вместо галочки. Радиокнопки классифицируются по группам, из которых только одна может быть активирована за раз.
В Yosemite была добавлена короткая анимация, показывающая заполнение флажка или переключателя.
Таблицы и списки можно в целом классифицировать тремя способами: стандартная многоколоночная таблица с пространством для ввода значений или размещения других элементов интерфейса, таких как кнопки; структурное представление, которое может содержать раскрывающиеся треугольники для отображения и скрытия наборов данных; и представление столбцов Миллера, похожее на представление столбцов в Finder . Все представления таблиц могут использовать чередующиеся синие и белые фоны строк.
Доступны два основных типа индикатора хода загрузки/сохранения: полоса хода выполнения или монохромное вращающееся колесо (не вращающееся колесо ). Сама полоса хода выполнения доступна в двух вариантах: неопределенная, которая просто показывает диагональные синие и белые полосы в анимации без измерения прогресса; или определенная, которая показывает синюю пульсирующую полосу на белом фоне, пропорциональную проценту выполнения задачи. Индикатор вращающегося колеса, также встречающийся на экране запуска Mac OS X с версии 10.2, представляет собой просто серию из 12 все более темных серых линий, расположенных по кругу, как вид сбоку колеса со спицами , вращающегося по часовой стрелке. Многие другие интерфейсы переняли это устройство, включая веб-браузеры Firefox и Camino , а также многие веб-сайты, созданные под влиянием Web 2.0 .
В Yosemite полоса прогресса была изменена на тонкую, светло-серую. Вариация «неопределенная» сохранила импульсы, но они были медленнее и разнесены. Индикатор прогресса теперь появляется во время загрузки, заменяя индикатор вращающегося колеса, который был в более ранних версиях.
Ползунки доступны в трех типах: один с делениями и треугольным ползунком, один с круглым ползунком и без делений и круглый ползунок, который можно вращать. Все доступны горизонтально или вертикально. Круглый ползунок — это просто серая точка на белом круге, которую можно вращать для установки значений.
В macOS есть стандартный элемент управления для выбора цветов, который выглядит как обычная квадратная кнопка с образцом цвета посередине. При нажатии отображается стандартная цветовая палитра macOS .
Вкладки в macOS почти идентичны кнопкам, невыбранные вкладки белые, а выбранные — синие. Также доступны «колодцы» изображений: небольшой утопленный контейнер, в который можно сбрасывать файлы изображений. Когда в колодце есть изображение, он может отображать миниатюрное представление содержимого файла.
Apple использовала Lucida Grande в качестве системного шрифта с первого выпуска Cheetah до Mavericks. Иногда Apple также использовала Helvetica и Helvetica Neue , например, в таких приложениях, как Mail и iPhoto . Системный шрифт был изменен на Helvetica Neue в Yosemite и снова изменен в El Capitan на собственный шрифт Apple San Francisco . macOS использует общесистемное сглаживание шрифтов , чтобы сделать края более гладкими и сохранить отдельные формы шрифтов, иногда за счет резкости и четкости.
Aqua активно использует анимацию . Вот некоторые примеры:
Многие из этих эффектов могут быть отключены пользователем или доступны только на поддерживаемом оборудовании.
Aqua работает на базе сервера дисплеев Quartz Compositor .
Джобс представил интерфейс Aqua как попытку Apple создать более мощный интерфейс для профессиональных пользователей, одновременно сделав продукт доступным для новых пользователей компьютеров. [6] : 75
Mac OS X 10.2 "Jaguar" привнесла более плоские элементы интерфейса, такие как новые кнопки и выпадающие меню, и уменьшила прозрачность, чтобы смягчить полоски в окнах и меню. Эти тенденции продолжились в последующих выпусках Mac OS X.
В Mac OS X кнопки Panther были сделаны утопленными в свое окружение, следуя общей тенденции более уплощенных элементов интерфейса в операционной системе. Традиционные полоски были заменены гораздо более тонкой темой, особенно в строке меню , а использование прозрачности снова было сокращено (например, в строках заголовков неактивных окон). Вкладки также изменились; они были сделаны более плоскими, и вся область вкладок была утоплена, а не приподнята. Кнопки вкладок были центрированы по верхней границе области вкладок. По всей системе появились новые значки, включая новый более плоский, глянцевый значок Finder и новый значок Системных настроек . [18] Panther также отличался более частым использованием внешнего вида «Brushed Metal», особенно в Finder и веб-браузерах Safari . Brushed Metal впервые появился в QuickTime Player 4.0 в 1999 году. В рекомендациях Apple по пользовательскому интерфейсу говорилось, что интерфейс из матового металла должен использоваться для программ, которые имитируют работу или интерфейс обычных реальных устройств ( скевоморфизм ).
Mac OS X Tiger привнесла более тонкие изменения, включая унифицированную схему заголовка. [19] Полоски были полностью удалены из строки меню и заменены глянцевым белым видом. Вкладки были изменены, чтобы выглядеть как обычные сегментированные кнопки. Значок меню Apple был смягчен до более матового вида, а новая поисковая утилита Spotlight была постоянно привязана к самому правому краю строки меню в том же цвете и градиенте меню Apple. [14]
Mac OS X Leopard привнесла в Aqua широкомасштабные изменения. Окна Aqua и окна «шлифованного металла» приобрели тот же металлический серый вид, полосатые фоны были полностью удалены, панели инструментов и заголовки были объединены в единое целое, различия между активными и неактивными окнами стали более четкими благодаря более толстым теням и монохромному виду неактивных окон, цвет строки меню был изменен на серый с опциональным полупрозрачным видом на совместимых компьютерах Mac, а Dock приобрел трехмерный вид с отражающим стеклообразным «полом». Дизайн Dock , при размещении слева или справа, изменился на черный полупрозрачный фон с белой границей и закругленными углами. Контекстные меню имели слегка закругленные углы, а многочисленные значки были переработаны, включая значки папок и значки Системных настроек . [13]
Mac OS X Snow Leopard почти не внесла изменений в Aqua. Наиболее заметно, что контекстное меню элементов Dock изменилось с сплошного белого на полупрозрачный черный. [20]
Mac OS X Lion представила множество изменений, вдохновленных iOS, которые сохранились в OS X Mavericks, а также в OS X Yosemite, хотя последняя изменила общую эстетику. Полосы прокрутки были удалены, а ручки полос прокрутки превратились в тонкие полупрозрачные полосы, которые исчезают, когда не используются. Радиусы углов кнопок были уменьшены, что дало внешний вид, похожий на Mac OS 8 и 9. Гелеобразный вид большинства компонентов был заменен на слегка глянцевый и более плоский вид. Фоны окон стали немного ярче, а углы окон были скруглены. Lion также добавил больше анимации. [21]
OS X Mountain Lion привнесла лишь незначительные изменения и изменила внешний вид Dock на стиль матового стекла, с закругленными углами, прямоугольными индикаторами, новым диагональным разделителем и новым значком корзины. [22]
OS X Mavericks отказалась от нескольких богатых и декоративных дизайнов, отражая перестройку дизайна в iOS 7. Приложения Календарь , Контакты и Заметки соответственно потеряли свой кожаный, книжный и блокнотный вид (все представленные в Lion). Текстуры льна в Центре уведомлений и Launchpad также были удалены и заменены простым серым фоном. [23]
В OS X Yosemite многие элементы и значки Aqua были упрощены и сглажены, следуя аналогичному изменению дизайна в iOS 7. Apple внедрила тот же насыщенный эффект матового стекла , называемый «Vibrancy», по всей системе. Примерами являются Dock, строка меню, боковые панели, Notification Center и Mission Control . Похожий эффект был применен к панелям инструментов, но они сохранили свой серый вид. Кнопки панели инструментов стали белыми, и Apple представила более компактный тип панели инструментов, в которой был удален заголовок окна, но сохранены кнопки панели инструментов (например, в Safari ). Некоторые элементы управления, такие как флажки и переключатели, получили анимацию, тогда как анимация в других местах была удалена, например анимация «пуф» при удалении значка из Dock и анимация «куб» при быстром переключении на другую учетную запись пользователя. Apple изменила системный шрифт на Helvetica Neue . Yosemite также добавила «темную тему», которую можно включить в настройках, что делает док и строку меню черными. [15]
OS X El Capitan внесла лишь незначительные изменения в Aqua. Белые кнопки панели инструментов вернули себе слегка глянцевый вид, вращающееся колесо было переработано, а эффект Vibrancy был уменьшен в некоторых областях, таких как Mission Control . Системный шрифт был изменен еще раз, на собственный шрифт Apple San Francisco , одновременно с iOS 9 и после выпуска шрифта в watchOS в апреле 2015 года. [24] Эти изменения продолжились в macOS Sierra , High Sierra , Mojave и Catalina .
macOS Big Sur внесла серьезные изменения в дизайн Aqua, что привело его в соответствие с другими платформами Apple, такими как iOS и iPadOS . Dock теперь отделен от края экрана и более закруглен по всем углам. Теперь все значки имеют форму квадрата и в целом приобретают более заметную глубину. Заголовки теряют градиентный хром, выбирая плоский белый вид, а текст заголовка теперь жирный и встроен в элементы панели инструментов, которые больше не содержатся в отдельном фоне. Модальные диалоговые окна значительно изменились, они стали такими же большими, как и содержимое внутри; они располагаются с большим значком вверху, текстом в центре и кнопками внизу. Листы больше не выдвигаются, как бумага, из-под заголовка, вместо этого они просто постепенно появляются из центра окна. Унифицированные боковые панели стали более распространенными и являются настройками по умолчанию для всех приложений. Теперь у Windows более закругленные углы, они приобретают оттенок обоев пользователя, похожий на эффект Mica в Windows 11 . Строка меню теперь полностью прозрачна, используя сильное размытие для отличия от фона. Эта версия Aqua продолжала использоваться в macOS Monterey , Ventura , Sonoma и Sequoia .
Aqua также был встроен в приложения Apple для Microsoft Windows , такие как iTunes , QuickTime и Safari (хотя и не в Safari 4). iTunes для Windows в целом перенял те же разработки, что и текущая версия macOS, за исключением использования собственных элементов управления пользовательского интерфейса Windows и кнопок заголовка в стиле Windows в правом верхнем углу окна проигрывателя. Версия Safari для Windows, в версии 3, включала функциональный внешний вид Aqua, который был очень похож на macOS. Начиная с версии 4, использовалась более похожая на Windows тема с использованием стандартных элементов управления пользовательского интерфейса Windows и границы окна. QuickTime для Windows использует ту же тему, что и в более старых версиях QuickTime для macOS , с окнами из матового металла и кнопками Aqua сверху.
Большая часть оригинального дизайна Aqua напоминала полупрозрачный двухцветный вид современного оборудования Apple. [25] В 2003 и 2004 годах Apple перешла к использованию шлифованного алюминия в своем промышленном дизайне (например, в алюминиевых дисплеях Apple Cinema ). Дизайн Aqua изменился соответственно. Это несколько непоследовательное сочетание стилей интерфейса вызвало споры среди сообщества Mac. [26] [27] [28] [29] [30] [31] [32]
В прошлом Apple угрожала судебным преследованием тем, кто делает темы похожими на их внешний вид и ощущения . [33] Сообщество разработчиков скинов для Mac выразило недовольство жесткими действиями Apple против всех двойников Aqua. Брэд Уорделл из Stardock сравнил судебный подход компании с подходом Microsoft к включению сторонних скинов в Windows XP . [34]
Ящики редко используются в современных приложениях Mac. Насколько это возможно, перепроектируйте свой пользовательский интерфейс так, чтобы избегать использования ящиков; если вы создаете новое приложение, избегайте добавления ящика в дизайн.
Прозрачные элементы Aqua цвета леденцов, красного, желтого, зеленого и синего, напоминают аппаратную часть старых G3 iMac и Power Mac.
Одной из главных проблем пользовательского интерфейса Mac OS X является то, что с каждым выпуском ОС Aqua становится непоследовательным и слишком разнообразным по внешнему виду.
также более загружен и менее последователен, чем у Jaguar.